:root{--paper:#fff;--ink:#202321;--muted:#6d726e;--line:#e4e7e4;--accent:#3052cd;--sans:'Archivo',Arial,sans-serif;--serif:'Newsreader',Georgia,serif;--gutter:clamp(24px,4.5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:#dce3ff}button{touch-action:manipulation}[hidden]{display:none!important}
.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:12px 18px;z-index:100}.skip:focus{top:14px}
.site-bar{height:82px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid var(--line);gap:25px}.signature{font:italic 42px/.8 var(--serif);display:flex;align-items:baseline;letter-spacing:-3px}.signature>span:first-child{color:var(--accent)}.signature-name{font:500 14px var(--sans);letter-spacing:-.3px;margin-left:15px}.project-name{font-size:13px;letter-spacing:-.15px}.project-name span{color:#a5aaa5;margin:0 10px}.bar-actions{display:flex;align-items:center;gap:25px;font-size:12px}.notes-toggle{display:flex;align-items:center;gap:9px;background:none;border:0;padding:9px 0;font-size:12px}.toggle-mark{position:relative;width:26px;height:15px;border-radius:30px;background:#e8eae8;transition:background .2s}.toggle-mark:after{content:'';position:absolute;top:3px;left:3px;width:9px;height:9px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002;transition:translate .2s}.notes-toggle[aria-pressed=true] .toggle-mark{background:var(--accent)}.notes-toggle[aria-pressed=true] .toggle-mark:after{translate:11px 0}.original-link{color:var(--muted)}.original-link:hover{color:var(--accent)}.original-link span{margin-left:6px}.reading-line{position:absolute;bottom:-1px;left:0;height:2px;background:var(--accent);width:100%;transform-origin:left;transform:scaleX(var(--reading,0));transition:transform .1s linear}
.study{max-width:1700px;margin:0 auto;padding:0 var(--gutter);gap:clamp(42px,5vw,88px)}.chapter{padding:90px 0;border-bottom:1px solid var(--line);scroll-margin-top:0}.chapter:last-child{border:0}.chapter-copy{max-width:560px}.eyebrow{font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 27px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:5px;vertical-align:2px}h1{font:500 clamp(58px,5.8vw,91px)/.97 var(--serif);letter-spacing:-.055em;margin:0 0 30px}h1 em,h2 em{font-weight:400;color:var(--accent)}h2{font:400 clamp(36px,3.1vw,49px)/1.07 var(--serif);letter-spacing:-.04em;margin:0 0 27px}.chapter-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#575e58;margin:0 0 20px}.chapter-copy>.intro-deck{font-size:20px!important;line-height:1.5!important;color:var(--ink)!important;max-width:360px}.project-facts{margin:32px 0 27px;font-size:12px}.project-facts>div{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.project-facts dt{color:var(--muted)}.project-facts dd{margin:0}.opening-thesis{font-size:14px!important}.read-on{display:flex;justify-content:space-between;align-items:center;margin-top:30px;font-size:13px;color:var(--accent);padding-bottom:10px;border-bottom:1px solid #d8dff6}.read-on span{font-size:22px;transition:translate .2s}.read-on:hover span{translate:0 4px}.decision-line{margin-top:32px;padding:20px 0 0;border-top:1px solid var(--line)}.decision-line>span,.note-label{font-size:10px;letter-spacing:.12em;color:var(--accent);font-weight:600}.decision-line p{font:italic 25px/1.25 var(--serif);margin:10px 0 0;letter-spacing:-.02em}.design-note{border-left:2px solid var(--accent);padding:1px 0 1px 16px;margin:28px 0 0}.design-note p:last-child{font-size:13px;line-height:1.65;color:var(--muted);margin:8px 0 0}.design-note .note-label{margin:0;text-transform:uppercase}.closing-line{font:italic 28px/1.3 var(--serif)!important;color:var(--ink)!important;letter-spacing:-.025em;padding-top:10px}.evidence-label{font-size:12px!important;color:var(--muted)!important;border-top:1px solid var(--line);padding-top:22px;margin-top:30px!important}.end-links{display:grid;gap:10px;margin-top:30px;font-size:13px}.end-links a:hover{color:var(--accent)}
.chapter-media{margin:35px 0 0;background:#f1f3f8;border:1px solid #e8ebf2;border-radius:5px;position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;min-height:400px}.chapter-media:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#72809e25 .65px,transparent .8px);background-size:5px 5px;mask-image:linear-gradient(150deg,#000,transparent 75%);pointer-events:none}.media-label{padding:26px 28px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;color:#697184;font-size:9px;letter-spacing:.1em;font-weight:500;min-height:45px}.image-space{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:30px 26px 24px}.screen-button{padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;cursor:zoom-in}.screen-button img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 16px 34px -17px #1e29423d;transition:box-shadow .25s}.screen-button:hover img{box-shadow:0 20px 42px -13px #1e29424d}.chapter-media figcaption{padding:18px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;line-height:1.45;color:#72798a;border-top:1px solid #dce1eb80}.expand-hint{white-space:nowrap}.visual-idea{display:flex;justify-content:center;gap:24px;margin:0 25px 27px;color:#4f5d80;font:italic 24px var(--serif)}.visual-idea i{font:13px var(--sans);align-self:center;color:#949eb5}.home-media{background:#f3f3fa}.logo-footnote{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:22px}.logo-footnote img{object-fit:contain;animation:logo-drift 7s ease-in-out infinite;filter:drop-shadow(0 8px 6px #6065801f)}.logo-footnote p{font:italic 20px/1.25 var(--serif);margin:0}.logo-footnote p span{color:#7c8293}.figure-note{display:flex;gap:12px;align-items:center;justify-content:center;margin:0 25px 24px;font-size:12px;color:#68728b}.figure-note>span{border:1px solid #b9c4e3;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:9px}.figure-note p{margin:0}.tall-media .image-space{padding:24px 28px}.compare-media{background:#e9eef9}.device-switch{display:flex;gap:2px;border:1px solid #d6dce9;background:#ffffff70;padding:3px;border-radius:30px;letter-spacing:0}.device-switch button{border:0;background:none;border-radius:30px;font-size:11px;padding:5px 12px;color:#707a90}.device-switch button[aria-pressed=true]{color:var(--accent);background:white;box-shadow:0 1px 3px #20355714}.mobile-view{gap:32px;padding:28px 45px}.mobile-view .screen-button{width:42%}.video-media{background:#151c2c;border-color:#151c2c}.video-media .media-label{color:#a5b1ce}.video-media .image-space{padding:28px}.video-media video{width:100%;max-height:100%;border-radius:5px;box-shadow:0 18px 45px #0004}.video-media figcaption{color:#a5b1ce;border-color:#ffffff12}.visual-column{display:none}.chapter-navigation{display:flex;align-items:center;gap:16px;margin-top:17px}.chapter-navigation button{width:36px;height:36px;display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:50%;font-size:18px;transition:background .2s,color .2s}.chapter-navigation button:not(:disabled):hover{background:var(--ink);color:white}.chapter-position{flex:1;display:flex;align-items:center;justify-content:space-between;font-size:12px}.chapter-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:.1em}.chapter-current{color:#4b534d}.chapter-track{display:flex;gap:5px;margin-top:10px}.chapter-track a{display:block;flex:1;height:16px;position:relative}.chapter-track a:after{content:'';position:absolute;top:7px;left:0;right:0;height:2px;background:#e5e8ed;transition:background .3s}.chapter-track a[aria-current=step]:after,.chapter-track a:hover:after{background:var(--accent)}
@media(min-width:961px){.enhanced .study{display:grid;grid-template-columns:minmax(275px,.39fr) minmax(0,1fr)}.enhanced .narrative{min-width:0}.enhanced .chapter{min-height:87svh;padding:100px 0 85px;display:flex;align-items:center}.enhanced .introduction{padding-top:55px;min-height:calc(100svh - 82px);align-items:flex-start}.enhanced .closing{min-height:100svh}.enhanced .visual-column{display:block;min-width:0;padding-top:30px;padding-bottom:50px}.visual-pin{position:sticky;top:112px}.visual-stage{height:calc(100svh - 208px);min-height:420px;position:relative}.enhanced .visual-stage .chapter-media{position:absolute;inset:0;min-height:0;margin:0;visibility:hidden;opacity:0;transform:translateY(12px);transition:opacity .38s ease,transform .55s cubic-bezier(.2,.8,.2,1),visibility .38s;pointer-events:none}.enhanced .visual-stage .chapter-media.is-active{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;z-index:1}.enhanced .visual-stage .chapter-media:not(.is-active) .logo-footnote img{animation-play-state:paused}}
.study-footer{border-top:1px solid var(--line);margin:20px var(--gutter) 0;padding:30px 0;display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}.study-footer>span:nth-child(2){font:italic 18px var(--serif)}.study-footer a:hover{color:var(--accent)}
.image-dialog{padding:0;border:1px solid var(--line);border-radius:10px;width:min(1500px,94vw);height:92svh;max-width:none;max-height:none;background:#fff;color:var(--ink);box-shadow:0 35px 100px #101c3733}.image-dialog::backdrop{background:#17223980;backdrop-filter:blur(9px)}.dialog-bar{height:65px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 22px;border-bottom:1px solid var(--line)}.dialog-bar p{font-size:13px}.dialog-bar>div{display:flex;gap:12px;flex-shrink:0}.dialog-bar button{background:#f3f5f8;border:0;padding:8px 13px;border-radius:5px;font-size:12px}.close-dialog span{margin-left:12px;font-size:18px}.dialog-canvas{height:calc(100% - 65px);overflow:auto;padding:30px;background:#f5f6fa;display:flex;align-items:flex-start;justify-content:center}.dialog-canvas img{max-width:100%;max-height:100%;object-fit:contain;display:block;margin:auto}.dialog-canvas.is-zoomed{display:block}.dialog-canvas.is-zoomed img{max-width:none;max-height:none;width:auto;height:auto}.image-dialog[open]{animation:dialog-in .22s ease-out}
h1>span,h1>em{display:block;white-space:nowrap}
@keyframes logo-drift{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}@keyframes dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:961px) and (max-height:760px){.visual-pin{top:96px}.enhanced .visual-column{padding-top:14px}.visual-stage{height:calc(100svh - 181px);min-height:350px}.media-label{padding:19px 22px 0}.image-space{padding:22px}.chapter-media figcaption{padding:14px 22px}.visual-idea{margin-bottom:17px;font-size:22px}.logo-footnote{margin-bottom:15px}.logo-footnote img{width:40px;height:40px}.chapter-navigation{margin-top:10px}.chapter-track{margin-top:3px}.enhanced .introduction{padding-top:37px}h1{font-size:clamp(58px,5.25vw,82px)}}
@media(max-width:1150px){.signature-name{display:none}.bar-actions{gap:18px}.study{gap:35px}.chapter-copy>p:not(.eyebrow){font-size:15px}.visual-idea{gap:17px}.chapter-media figcaption{font-size:10px}.expand-hint{display:none}}
@media(max-width:960px){.site-bar{height:70px}.project-name{margin-right:auto}.signature{font-size:35px}.original-link{font-size:11px}.study{max-width:760px}.chapter{padding:65px 0;scroll-margin-top:-10px}.chapter-copy{max-width:590px}h1{font-size:clamp(68px,10vw,96px)}h2{font-size:45px}.chapter-copy>p:not(.eyebrow){font-size:17px}.chapter-media{height:560px;min-height:0;margin-top:35px}.tall-media{height:680px}.introduction{padding-top:50px}.project-facts{max-width:440px}.visual-column{display:none!important}.study-footer>span:nth-child(2){display:none}.mobile-view{padding:28px;gap:25px}.chapter-media figcaption{font-size:11px}}
@media(max-width:560px){:root{--gutter:22px}.site-bar{padding:0 18px;gap:14px}.project-name{font-size:11px}.project-name span{margin:0 5px}.original-link{display:none}.bar-actions{gap:0}.notes-toggle{font-size:11px;gap:6px}.signature{font-size:34px}.chapter{padding:52px 0}h1{font-size:72px}.intro-deck{font-size:21px!important}.chapter-copy>p:not(.eyebrow){font-size:16px}h2{font-size:40px}.chapter-media{height:340px;margin-left:-8px;margin-right:-8px;border-radius:5px}.tall-media{height:490px}.media-label{padding:18px 16px 0;font-size:8px;letter-spacing:.06em}.image-space{padding:20px 12px}.tall-media .image-space{padding:20px 13px}.visual-idea{font-size:21px;margin:0 12px 17px;gap:16px}.chapter-media figcaption{padding:13px 16px;font-size:10px}.logo-footnote{margin-bottom:18px}.logo-footnote img{width:35px;height:35px}.logo-footnote p{font-size:17px}.figure-note{margin:0 15px 18px;font-size:10px}.decision-media{height:420px}.mobile-view{gap:15px;padding:20px 16px}.mobile-view .screen-button{width:45%}.video-media{height:340px}.video-media .image-space{padding:16px}.device-switch button{font-size:10px;padding:5px 9px}.study-footer{flex-wrap:wrap;font-size:10px}.dialog-bar{padding:0 13px;gap:12px}.dialog-bar p{font-size:11px;line-height:1.3}.dialog-bar button{font-size:10px;padding:7px 9px}.dialog-bar>div{gap:6px}.dialog-canvas{padding:14px}.image-dialog{width:96vw;height:94svh}.close-dialog span{margin-left:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.enhanced .visual-stage .chapter-media{transform:none}}
@media(min-width:961px){h1{font-size:clamp(50px,4.5vw,76px)}}
@media(max-width:380px){h1{font-size:58px}}