/* Editorial case studies and an accessible chapter index. */
.site-header.chapter-nav-ready{gap:28px}
.site-header.chapter-nav-ready nav{gap:25px}
.chapter-trigger{background:transparent;color:#b9ced7;display:flex;gap:14px;align-items:center;font-size:10px;padding:12px 0;white-space:nowrap}
.chapter-trigger i{width:19px;height:13px;display:flex;flex-direction:column;justify-content:space-between;font-style:normal}
.chapter-trigger b{height:1px;background:#bddee7;width:100%;display:block;transition:transform .4s ease}
.chapter-trigger:hover b:first-child{transform:translateX(3px)}.chapter-trigger:hover b:last-child{transform:translateX(-3px)}
.site-header nav a[aria-current=location]{color:#c5edf2}
.chapter-dialog{max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;border:0;padding:0;background:radial-gradient(ellipse at 15% 85%,#1c34404a,transparent 60%),#0a1118;color:var(--text)}
.chapter-dialog::backdrop{background:#02070deb;backdrop-filter:blur(16px)}
.chapter-shell{max-width:1450px;margin:0 auto;padding:35px var(--pad) 55px;min-height:100%;display:flex;flex-direction:column}
.chapter-top{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding-bottom:25px}
.chapter-top>span{font-size:8px;letter-spacing:.16em;color:#8daab9;line-height:1.7}
.chapter-top button{display:flex;align-items:center;gap:24px;background:transparent;color:#b8d0dc;font-size:11px;padding:8px 0 8px 18px}
.chapter-top button span{font-size:27px;line-height:1;font-weight:300}
.chapter-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;align-items:center;flex:1;padding-top:40px}
.chapter-intro h2{font-size:clamp(57px,7vw,104px);line-height:1.03}
.chapter-intro>.eyebrow{font-size:8px;margin-bottom:24px}
.chapter-intro>p:not(.eyebrow){color:#8da7b6;font-size:13px;line-height:1.9;margin:27px 0}
.chapter-resume{display:inline-flex;align-items:center;gap:25px;font-size:12px;color:#c9e4ec;border-bottom:1px solid #b5dfe447;padding-bottom:12px}
.chapter-intro>.chapter-location{font-size:10px!important;line-height:1.9;color:#6c899b!important;margin-top:35px!important}
.chapter-links{display:flex;flex-direction:column;min-width:0}
.chapter-links>a{display:grid;grid-template-columns:24px 1fr 25px;gap:22px;align-items:center;border-bottom:1px solid #b7eaf01e;padding:19px 0;position:relative}
.chapter-links>a>span{font-size:8px;color:#668494;letter-spacing:.08em}.chapter-links>a>strong{font-size:clamp(21px,2.3vw,34px);font-weight:400;letter-spacing:-.04em;color:#b5c7d1;transition:color .3s ease,transform .5s var(--motion-curve)}
.chapter-links>a>i{font-style:normal;font-size:22px;color:#8cbbc9;opacity:.25;transition:opacity .3s,transform .4s}
.chapter-links>a:hover>strong,.chapter-links>a[aria-current=location]>strong{color:#e3f2f3;transform:translateX(8px)}
.chapter-links>a:hover>i,.chapter-links>a[aria-current=location]>i{opacity:1;transform:translate(2px,-2px)}
.chapter-links>a[aria-current=location]>span{color:#c0e6ee}
body.chapter-menu-open{overflow:hidden}
.epic-motion .chapter-dialog[open] .chapter-links>a{animation:index-arrival .65s var(--motion-curve) both}
.epic-motion .chapter-dialog[open] .chapter-links>a:nth-child(2){animation-delay:.035s}.epic-motion .chapter-dialog[open] .chapter-links>a:nth-child(3){animation-delay:.07s}.epic-motion .chapter-dialog[open] .chapter-links>a:nth-child(4){animation-delay:.105s}.epic-motion .chapter-dialog[open] .chapter-links>a:nth-child(5){animation-delay:.14s}.epic-motion .chapter-dialog[open] .chapter-links>a:nth-child(6){animation-delay:.175s}.epic-motion .chapter-dialog[open] .chapter-links>a:nth-child(7){animation-delay:.21s}.epic-motion .chapter-dialog[open] .chapter-links>a:nth-child(8){animation-delay:.245s}
@keyframes index-arrival{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
.work-summary{gap:15px}.case-subtitle{font-size:11px;line-height:1.7;color:#839eac;letter-spacing:0}
.work-body{grid-template-columns:1.1fr 1fr;padding-left:0;gap:6vw;align-items:center;padding-bottom:55px}
.work-description h3{font-size:26px;line-height:1.17;margin-bottom:21px}
.work-description p{font-size:13px;line-height:1.9;color:#9fb2bf}
.work-description dl{border-top:1px solid var(--line);padding-top:17px;margin-top:27px;display:grid;grid-template-columns:1fr 1fr;gap:23px}
.work-description dl>div{margin:0}.work-description dt{font-size:7px}.work-description dd{font-size:11px;line-height:1.8;margin-top:9px;color:#b8cdd7}
.case-scene{position:relative;min-height:300px;aspect-ratio:1.65;overflow:hidden;background:radial-gradient(ellipse at 60% 55%,#203d4c55,transparent 65%),#101c25;border:1px solid #a5cfdf20;isolation:isolate}
.case-scene::before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,transparent 35%,#bcefff05 50%,transparent 65%);pointer-events:none}
.case-scene>svg{display:block;width:100%;height:100%;position:absolute;inset:0}
.case-caption{position:absolute;left:24px;right:24px;top:22px;font-size:8px;letter-spacing:.15em;color:#a6c2cf;line-height:1.6;z-index:1}
.case-footnote{position:absolute;bottom:21px;left:24px;right:24px;font-size:7px;line-height:1.8;letter-spacing:.11em;color:#708e9f;z-index:1}
.case-grid{fill:none;stroke:#d4f3ff14;stroke-width:1}.case-rule{fill:none;stroke:#b1dfe939;stroke-width:1}
.case-curve{fill:none;stroke:#8bbfcdb5;stroke-width:1.5}
.case-highlight{fill:none;stroke:#cef3fa;stroke-width:3;stroke-dasharray:24 660;stroke-dashoffset:24;filter:drop-shadow(0 0 5px #bcefff65);animation:projection-flow 7s linear infinite;animation-play-state:paused}
@keyframes projection-flow{to{stroke-dashoffset:-660}}
.case-marker{fill:#bddfe7;opacity:.55;transform-box:fill-box;transform-origin:center;animation:marker-light 5s ease-in-out infinite;animation-delay:calc(var(--marker-index,0)*-.35s);animation-play-state:paused}
@keyframes marker-light{0%,100%{opacity:.35}50%{opacity:.95}}
.case-orbit{fill:none;stroke:#93c6d72e;stroke-width:1}.case-orbit-accent{fill:none;stroke:#c1dce98c;stroke-width:1;stroke-dasharray:42 1000;animation:observation-sweep 11s linear infinite;animation-play-state:paused}
@keyframes observation-sweep{to{stroke-dashoffset:-1042}}
.acceptance-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;padding-top:2px;color:#ccecf0;pointer-events:none}
.acceptance-number strong{font-size:clamp(90px,8vw,126px);font-weight:400;letter-spacing:-.08em;line-height:1}.acceptance-number span{font-size:45px;align-self:center;margin-top:-39px;font-weight:400}
.signal-path{fill:none;stroke:#9ed2df50;stroke-width:1}
.signal-trace{fill:none;stroke:#d1f5fb;stroke-width:2.5;stroke-dasharray:15 165;animation:signal-transit 3.5s linear infinite;filter:drop-shadow(0 0 5px #bcefff55);animation-play-state:paused}
@keyframes signal-transit{to{stroke-dashoffset:-180}}
.signal-box{fill:#142733;stroke:#99c5d545;stroke-width:1}.signal-box-central{fill:#1c3440;stroke:#b7d8e17a;stroke-width:1}
.signal-label{fill:#cfE9f0;font:14px Arial,sans-serif;letter-spacing:1px}.signal-detail{fill:#7899ac;font:8px Arial,sans-serif;letter-spacing:.8px}
.work-item[open] .case-scene.case-visible .case-highlight,.work-item[open] .case-scene.case-visible .case-marker,.work-item[open] .case-scene.case-visible .case-orbit-accent,.work-item[open] .case-scene.case-visible .signal-trace{animation-play-state:running}
.case-motion-paused .case-highlight,.case-motion-paused .case-marker,.case-motion-paused .case-orbit-accent,.case-motion-paused .signal-trace{animation-play-state:paused!important}
.case-resume-link{display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);padding-top:26px;margin-top:35px;font-size:12px;color:#a6c4d1;line-height:1.8}
.case-resume-link>span{font-size:9px;letter-spacing:.1em;color:#6b899b}.case-resume-link>a>span{margin-left:15px;color:#c5eaf0}
@media(max-width:1150px){.site-header.chapter-nav-ready{gap:22px}.site-header.chapter-nav-ready nav{gap:18px}.chapter-trigger{gap:10px}.chapter-trigger>span{display:none}.work-description h3{font-size:23px}.case-scene{min-height:270px}.case-caption{font-size:7px;left:20px;right:20px}.case-footnote{left:20px;right:20px;font-size:6px}}
@media(max-width:760px){
  .site-header.chapter-nav-ready{gap:16px}.chapter-trigger{padding:12px 5px}.chapter-trigger i{width:18px;height:11px}.chapter-nav-ready .motion-toggle{padding-left:12px}
  .chapter-shell{padding:22px var(--pad) 35px}.chapter-top{padding-bottom:17px}.chapter-top>span{font-size:6px;letter-spacing:.1em;max-width:190px}.chapter-top button{font-size:10px;gap:15px;padding:7px 0 7px 15px}.chapter-top button span{font-size:24px}
  .chapter-layout{grid-template-columns:1fr;gap:25px;padding-top:28px;align-items:start}.chapter-intro>.eyebrow{font-size:7px;margin-bottom:18px}.chapter-intro h2{font-size:49px}.chapter-intro>p:not(.eyebrow),.chapter-intro>.chapter-location{display:none}.chapter-resume{font-size:10px;margin-top:22px;gap:20px;padding-bottom:8px}
  .chapter-links>a{padding:15px 0;gap:15px;grid-template-columns:19px 1fr 22px}.chapter-links>a>strong{font-size:25px}.chapter-links>a>span{font-size:7px}.chapter-links>a>i{font-size:19px}
  .case-subtitle{font-size:10px;line-height:1.8}.work-summary{gap:14px}.work-body{grid-template-columns:1fr;gap:28px;padding-bottom:35px}
  .case-scene{min-height:235px;aspect-ratio:1.4}.case-caption{font-size:6px;letter-spacing:.1em;top:18px;left:18px;right:18px}.case-footnote{font-size:6px;letter-spacing:.07em;left:18px;right:18px;bottom:16px}
  .work-description h3{font-size:22px;margin-bottom:17px}.work-description p{font-size:12px;line-height:1.85}.work-description dl{gap:20px;padding-top:17px;margin-top:23px}.work-description dd{font-size:10px}.work-description dt{font-size:6px}
  .acceptance-number strong{font-size:90px}.acceptance-number span{font-size:35px;margin-top:-25px}
  .case-resume-link{flex-direction:column;align-items:start;gap:15px;padding-top:22px;margin-top:28px;font-size:11px}.case-resume-link>span{font-size:8px}
}
@media(max-width:480px){.chapter-nav-ready nav .nav-contact{display:none}.chapter-nav-ready nav{margin-left:auto;gap:0}.chapter-trigger>span{display:block;font-size:9px}}
@media(prefers-reduced-motion:reduce){.case-highlight,.case-marker,.case-orbit-accent,.signal-trace{animation:none!important}.chapter-links>a{animation:none!important}}
@media print{.chapter-trigger,.chapter-dialog{display:none!important}.case-highlight,.case-marker,.case-orbit-accent,.signal-trace{animation:none!important}.case-resume-link{display:block}.case-scene{background:white}.work-body{display:block}.case-scene{display:none}}