.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.hero-photography { position:relative; padding:20px 0 20px 24px; }
.hero-photography img { mix-blend-mode:normal; aspect-ratio:5/4; object-fit:cover; width:100%; border-radius:10px; filter:none; }
.hero-photography p { color:var(--color-muted); font-size:var(--text-xs); padding-top:14px; text-align:right; }
.main-nav { gap:24px; }
.eyebrow { display:block; color:var(--color-highlight); font-size:var(--text-sm); margin-bottom:18px; }
.page-intro { padding-block:56px 64px; }
.page-intro h1 { max-width:25ch; font-size:clamp(2.4rem,4.8vw,4.4rem); line-height:1.1; }
.page-intro h1 span,.story-copy h2 span,.motion-heading h2 span,.journal-heading h2 span { color:var(--color-highlight); }
.page-intro > p { color:var(--color-muted); font-size:var(--text-lg); max-width:64ch; margin-top:24px; }
.breadcrumbs { padding-top:24px; }
.breadcrumbs ol { display:flex; gap:10px; flex-wrap:wrap; list-style:none; margin:0; padding:0; color:var(--color-muted); font-size:var(--text-xs); }
.breadcrumbs li+li::before { content:'/'; margin-right:10px; color:var(--color-rule-2); }
.breadcrumbs a:hover { color:var(--color-highlight); }
.breadcrumbs [aria-current] { color:var(--color-ink-2); }
.plan-label { font-size:var(--text-sm); color:var(--color-highlight); margin-bottom:16px; }
.plan-members { display:flex; align-items:center; gap:8px; color:var(--color-ink-2); font-size:var(--text-sm); margin-top:16px; }
.plan-members svg { color:var(--color-muted); }
.plan-card h3 { font-size:1.6rem; }
.plan-card,.enterprise-band { scroll-margin-top:112px; }
.plan-featured { border-color:var(--color-highlight); }
.enterprise-action > span { color:var(--color-highlight); }
.individual-note { text-align:center; color:var(--color-muted); margin-top:20px; font-size:var(--text-sm); }
.individual-note a { color:var(--color-highlight); }
.editorial-section { padding-block:96px; }
.story-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:72px; }
.story-photo { margin:0; position:relative; overflow:hidden; border-radius:10px; }
.story-photo img { width:100%; height:660px; object-fit:cover; object-position:center 43%; }
.story-photo figcaption { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(transparent,#081831e8); padding:56px 28px 24px; color:#fff; font-size:var(--text-sm); }
.story-copy > p { color:var(--color-muted); margin-top:24px; max-width:48ch; }
.value-list { list-style:none; padding:0; margin:32px 0; }
.value-list li { display:flex; gap:20px; padding-block:20px; border-top:1px solid var(--color-rule); }
.value-list li > span { color:var(--color-highlight); font-size:var(--text-xs); padding-top:4px; }
.value-list h3 { font-size:var(--text-lg); }
.value-list p { font-size:var(--text-sm); color:var(--color-muted); margin-top:8px; max-width:44ch; }
.motion-section { background:var(--color-paper-2); padding-block:80px; }
.motion-heading { display:flex; align-items:end; justify-content:space-between; gap:48px; margin-bottom:36px; }
.motion-heading > p { max-width:39ch; color:var(--color-muted); }
.motion-film { margin:0; }
.motion-film video { display:block; width:100%; max-height:600px; aspect-ratio:16/9; object-fit:cover; background:var(--color-header); border-radius:10px; }
.motion-film figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; color:var(--color-muted); font-size:var(--text-xs); margin-top:16px; }
.motion-film figcaption a { text-decoration:underline; text-underline-offset:3px; }
.journal-section { padding-block:96px; }
.journal-heading { display:flex; justify-content:space-between; align-items:end; gap:32px; margin-bottom:40px; }
.journal-heading > a { display:flex; align-items:center; gap:12px; }
.journal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.journal-card { min-width:0; }
.journal-image { display:block; overflow:hidden; border-radius:8px; background:var(--color-paper-3); }
.journal-image img { width:100%; height:240px; object-fit:cover; object-position:center 40%; transition:transform 650ms var(--ease-out); }
.journal-card:hover .journal-image img { transform:scale(1.035); }
.journal-card-copy { padding-top:22px; }
.journal-meta { display:flex; justify-content:space-between; gap:12px; color:var(--color-muted); font-size:var(--text-xs); margin-bottom:12px; }
.journal-meta > span:first-child { color:var(--color-highlight); }
.journal-card h3 { font-size:1.35rem; line-height:1.35; text-wrap:pretty; }
.journal-card h3 a:hover,.journal-read:hover { color:var(--color-highlight); }
.journal-card-copy > p { color:var(--color-muted); font-size:var(--text-sm); margin-top:14px; }
.journal-read { display:inline-flex; align-items:center; gap:10px; margin-top:22px; min-height:36px; font-size:var(--text-sm); text-decoration:underline; text-underline-offset:4px; }
.journal-read svg { width:16px; }
.journal-index { padding-bottom:96px; }
.journal-subscribe { border-top:1px solid var(--color-rule); margin-top:56px; padding-top:28px; display:flex; justify-content:space-between; gap:20px; color:var(--color-muted); font-size:var(--text-sm); }
.journal-subscribe a { display:flex; align-items:center; gap:8px; }
.services-list { padding-bottom:96px; }
.service-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px; align-items:center; padding-block:48px; border-top:1px solid var(--color-rule); }
.service-row:nth-child(even) .service-photo { order:2; }
.service-photo { margin:0; border-radius:8px; overflow:hidden; }
.service-photo img { height:440px; width:100%; object-fit:cover; }
.service-row h2 { max-width:20ch; }
.service-row p { color:var(--color-muted); margin-top:24px; }
.service-row .product-note { font-size:var(--text-xs); max-width:48ch; margin-top:18px; }
.article-heading { padding-block:52px 44px; max-width:1000px; }
.article-heading h1 { font-size:clamp(2.35rem,4.5vw,4rem); line-height:1.12; max-width:25ch; }
.article-deck { font-size:var(--text-lg); color:var(--color-muted); margin-top:28px; max-width:68ch; }
.article-byline { display:flex; align-items:center; gap:14px; margin-top:32px; font-size:var(--text-sm); }
.author-mark { display:grid; place-items:center; border:1px solid var(--color-rule); background:var(--color-paper-3); width:44px; height:44px; border-radius:50%; color:var(--color-highlight); }
.article-byline p { color:var(--color-muted); font-size:var(--text-xs); margin-top:3px; }
.article-cover { margin-block:0; }
.article-cover img { width:100%; height:500px; object-fit:cover; object-position:center 40%; border-radius:10px; }
.article-grid { display:grid; grid-template-columns:240px minmax(0,740px); gap:72px; justify-content:center; align-items:start; padding-block:64px 96px; }
.article-toc { position:sticky; top:120px; }
.article-toc nav { display:grid; gap:16px; padding-left:18px; border-left:1px solid var(--color-rule); margin-block:24px 32px; }
.article-toc nav a { font-size:var(--text-sm); color:var(--color-muted); }
.article-toc nav a:hover { color:var(--color-highlight); }
.article-body { min-width:0; color:var(--color-ink-2); font-size:1.05rem; line-height:1.85; }
.article-lead { font-size:1.22rem; color:var(--color-ink); line-height:1.7; }
.article-body section { margin-top:44px; scroll-margin-top:120px; }
.article-body h2 { font-size:1.7rem; color:var(--color-ink); text-wrap:pretty; }
.article-body p { margin-top:20px; }
.article-body ul { padding-left:24px; margin-block:20px; }
.article-body li { padding-left:4px; margin-bottom:10px; }
.takeaways { border-left:2px solid var(--color-highlight); background:var(--color-paper-2); padding:28px 32px 16px; margin-top:36px; border-radius:0 8px 8px 0; }
.takeaways h2 { font-size:var(--text-lg); }
.takeaways ul { margin-top:16px; font-size:var(--text-md); }
.article-sources { border-top:1px solid var(--color-rule); padding-top:28px; font-size:var(--text-sm); }
.article-sources h2 { font-size:var(--text-lg); }
.article-sources a { text-decoration:underline; text-underline-offset:4px; }
.article-sources a:hover { color:var(--color-highlight); }
.article-next-step { background:var(--color-paper-3); padding:32px; margin-top:40px; border:1px solid var(--color-rule); border-radius:8px; }
.article-next-step h2 { font-size:1.5rem; }
.article-next-step p { margin-block:12px 24px; font-size:var(--text-md); }
.table-scroll { overflow-x:auto; margin-top:24px; }
table { width:100%; border-collapse:collapse; font-size:var(--text-sm); }
caption { text-align:left; font-weight:500; color:var(--color-highlight); margin-bottom:12px; }
td,th { text-align:left; padding:12px; border-bottom:1px solid var(--color-rule); }
thead { background:var(--color-paper-3); }
.related-stories { border-top:1px solid var(--color-rule); background:var(--color-paper-2); }
.related-stories .journal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:32px; }
.credits-list { padding-bottom:96px; }
.credits-list section { padding-block:24px; border-top:1px solid var(--color-rule); }
.credits-list h2 { font-size:var(--text-lg); }
.credits-list p { color:var(--color-muted); margin-block:8px; }
.error-actions { display:flex; gap:20px; padding-bottom:96px; flex-wrap:wrap; }
.will-reveal { opacity:.01; transform:translateY(20px); transition:opacity 700ms var(--ease-out),transform 700ms var(--ease-out); }
.will-reveal.is-visible { opacity:1; transform:none; }
@media (max-width:1100px) { .main-nav { gap:16px; } .story-grid { gap:40px; } .article-grid { grid-template-columns:190px minmax(0,1fr); gap:40px; } .service-row { gap:40px; } }
@media (max-width:800px) {
  .story-grid,.service-row { grid-template-columns:minmax(0,1fr); gap:32px; }
  .story-photo img { height:440px; } .story-copy { max-width:65ch; }
  .motion-heading { flex-direction:column; align-items:start; gap:24px; }
  .motion-heading > p { max-width:60ch; }
  .journal-grid { gap:20px; } .journal-image img { height:190px; }
  .journal-card h3 { font-size:1.15rem; }
  .article-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
  .article-toc { position:static; padding-bottom:24px; border-bottom:1px solid var(--color-rule); }
  .article-toc nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .article-cover img { height:380px; }
  .service-row:nth-child(even) .service-photo { order:0; }
}
@media (max-width:600px) {
  .hero-photography { padding:0; margin-top:24px; }
  .page-intro { padding-block:36px 48px; } .page-intro h1 { font-size:2.5rem; }
  .editorial-section,.journal-section { padding-block:64px; }
  .story-photo img { height:440px; } .story-photo figcaption { padding:48px 20px 20px; }
  .motion-section { padding-block:56px; } .motion-heading { margin-bottom:28px; }
  .journal-heading { align-items:start; flex-direction:column; gap:24px; }
  .journal-grid,.related-stories .journal-grid { grid-template-columns:minmax(0,1fr); gap:40px; }
  .journal-image img { height:240px; } .journal-card h3 { font-size:1.4rem; }
  .journal-subscribe { flex-direction:column; }
  .service-photo img { height:300px; }
  .article-heading { padding-block:36px; } .article-heading h1 { font-size:2.35rem; }
  .article-cover img { height:300px; } .article-grid { padding-block:36px 64px; }
  .article-toc nav { grid-template-columns:minmax(0,1fr); gap:12px; }
  .article-body { font-size:1rem; } .article-body h2 { font-size:1.5rem; }
  .takeaways { padding:24px 20px 12px; } .article-next-step { padding:24px 20px; }
  td,th { padding:10px 8px; }
}
@media (prefers-reduced-motion:reduce) { .will-reveal { opacity:1; transform:none; transition:none; } .journal-image img { transition:none; } }
@media print { .site-header,.site-footer,.article-toc,.related-stories,dialog,.motion-section,.article-next-step { display:none; } body { color:#111; background:#fff; } .article-body,.article-lead,.article-body h2 { color:#111; } .article-grid { display:block; } .will-reveal { opacity:1; transform:none; } }