:root{--paper:#eeeade;--ink:#233025;--muted:#6b7063;--rule:#c6c8b8;--acid:#d7df91;--serif:'Instrument Serif',Georgia,serif;--sans:'Manrope',sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a2ba49;outline-offset:6px}::selection{background:#b8c579;color:#182119}.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}.skip-link{position:fixed;left:20px;top:-80px;padding:15px;background:var(--paper);z-index:100}.skip-link:focus{top:16px}.masthead{position:absolute;left:0;top:0;width:100%;height:106px;padding:22px 4.2%;z-index:8;display:flex;align-items:center;justify-content:space-between;color:#f6f0df}.wordmark{font:52px/.8 var(--serif);letter-spacing:-2px}.wordmark-dot{font:10px var(--sans);letter-spacing:0;vertical-align:top;margin-left:5px}.masthead-center{font-size:9px;letter-spacing:.18em;padding-left:60px}.sound-toggle{color:inherit;border:1px solid #eeeade5c;background:#0c190e66;border-radius:25px;display:flex;gap:10px;align-items:center;padding:11px 16px;font-size:10px;min-height:40px}.sound-bars{display:flex;align-items:center;gap:2px;height:12px}.sound-bars i{display:block;width:1px;height:4px;background:currentColor}.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:7px}.sound-toggle[aria-pressed=true] i{animation:bar .8s ease-in-out infinite alternate}.sound-toggle[aria-pressed=true] i:nth-child(2){animation-delay:.2s}.sound-toggle[aria-pressed=true] i:nth-child(3){animation-delay:.5s}@keyframes bar{to{transform:scaleY(.3)}}.hero-scroll{height:210svh;position:relative;background:#050b07}.hero-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:#030806;color:#f5f0df}#hero-canvas{position:absolute;width:100%;height:100%;inset:0}.hero-topline{position:absolute;top:142px;left:4.3%;right:4.3%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.16em;opacity:.65;pointer-events:none}.hero-copy{position:absolute;left:50%;top:76%;transform:translateX(-50%);text-align:center;width:90%;opacity:0;will-change:opacity;pointer-events:none}.hero-copy p{font:25px/1.15 var(--serif);margin:0 0 22px;text-shadow:0 2px 14px #000}.hero-copy.visible{pointer-events:auto}.text-link{display:inline-flex;gap:36px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);font-size:11px;padding-bottom:9px}.text-link span{font-size:20px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.text-link.light{border-color:#f5f0df80;color:#f5f0df}.scroll-cue{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:17px;border:0;color:inherit;background:none;font-size:8px;letter-spacing:.2em}.cue-line{height:34px;width:1px;background:#f5f0df66;position:relative;overflow:hidden}.cue-line:after{content:'';position:absolute;inset:-100% 0 100%;background:white;animation:scroll 2.4s ease infinite}@keyframes scroll{to{transform:translateY(200%)}}.hero-corner{position:absolute;bottom:37px;left:4.3%;font-size:8px;letter-spacing:.12em;opacity:.65}.hero-progress{position:absolute;right:4.3%;bottom:38px;width:80px;height:1px;background:#ffffff50}.hero-progress span{display:block;transform-origin:left;width:100%;height:100%;background:#f4f0df;transform:scaleX(0)}.page-width{max-width:1360px;width:calc(100% - 120px);margin:auto}.opening{padding-top:112px;padding-bottom:105px}.eyebrow{font:10px/1.5 var(--sans);letter-spacing:.1em;font-weight:600}.opening-meta{display:flex;justify-content:space-between;border-top:1px solid var(--rule);padding-top:19px;margin-bottom:55px}.opening-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12%}h2{font:normal clamp(48px,5vw,78px)/.98 var(--serif);letter-spacing:-.035em;margin:0}h2 em{font-weight:normal}.opening-body{padding-top:2px;max-width:385px}.opening-body p{font-size:15px;line-height:1.75;margin:0 0 21px}.opening-body .text-link{margin-top:17px}.section-rule{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);padding-top:22px;margin-bottom:30px}.section-rule h2{font-size:31px;letter-spacing:-.02em}.film-player{position:relative;aspect-ratio:16/9;background:#071009;overflow:hidden;color:#f4efdc}.film-player video{width:100%;height:100%;object-fit:contain;display:block;cursor:pointer}.big-play{position:absolute;inset:0;border:0;background:linear-gradient(transparent 40%,#06110ca6);color:#f4efdc;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;padding:0 0 13%;gap:10px;transition:opacity .3s}.big-play>span:not(.play-circle){font:27px var(--serif)}.big-play small{font-size:8px;letter-spacing:.15em}.play-circle{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid #f4efdc90;border-radius:50%;font-size:31px;transition:background .2s;margin-bottom:10px}.big-play:hover .play-circle{background:#f4efdc;color:#152619}.film-player.started .big-play{opacity:0;pointer-events:none}.player-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:15px;padding:20px 24px 16px;background:linear-gradient(transparent,#020704b3);font-size:10px}.player-controls button{background:transparent;color:inherit;border:0;font-size:10px;min-width:38px;min-height:30px}.player-controls button:hover{color:var(--acid)}#film-seek{flex:1;min-width:30px;height:2px;accent-color:var(--acid);cursor:pointer}#fullscreen{font-size:21px}.film-caption{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:18px 0}.film-transcript{font-size:11px;line-height:1.7;color:var(--muted);max-width:700px}.film-transcript summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.film-transcript p{font-size:13px}.article-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:12%;padding-top:125px}.contents{position:sticky;top:45px;align-self:start}.contents>.eyebrow{font-size:9px;margin-bottom:28px}.contents nav{display:flex;flex-direction:column;gap:22px}.contents nav a{font-size:11px;display:flex;gap:19px;transition:opacity .2s;line-height:1.4}.contents nav a:hover,.contents nav a.active{color:#6a7c2c}.contents nav a span{font-size:9px;color:#777c6b}.contents-mark{font:140px var(--serif);color:#c9ceba;margin-top:90px;letter-spacing:-6px}.story-section{padding-bottom:104px;scroll-margin-top:45px}.story-section>.eyebrow{border-top:1px solid var(--rule);padding-top:17px;margin-bottom:35px;font-size:9px}.story-section h2{font-size:clamp(48px,4.6vw,70px);margin-bottom:34px}.story-section>p{font-size:15px;line-height:1.8;max-width:620px;margin:0 0 22px}.story-section figure{margin:45px 0 0}figure img{display:block;width:100%;object-fit:cover}figcaption{font-size:8px;letter-spacing:.06em;display:flex;justify-content:space-between;padding-top:14px;line-height:1.5;color:var(--muted)}.specimen-wide img{aspect-ratio:16/10;object-fit:cover}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:46px;border-top:1px solid var(--rule);padding-top:23px}.principles>div>span{font-size:9px;color:var(--muted)}.principles h3{font:30px var(--serif);margin:16px 0 7px}.principles p{font-size:11px;line-height:1.65;color:var(--muted);max-width:135px}.specimen-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.specimen-pair img{aspect-ratio:1;object-fit:cover}.specimen-pair figure:nth-child(2){padding-top:60px}.story-section blockquote{margin:55px 0 0;font:italic clamp(35px,3.3vw,50px)/1.08 var(--serif);letter-spacing:-.015em;max-width:650px}.round-link{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;font-size:13px;border:1px solid #23302560;border-radius:50px;padding:15px 22px;margin-top:16px}.round-link span:last-child{font-size:24px}.round-link:hover{background:var(--ink);color:var(--paper)}.story-section .concept-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:55px}.final-story{padding-bottom:50px}.closing-mark{display:flex;align-items:baseline;border-top:1px solid var(--rule);padding:25px 0 55px;gap:32px}.closing-mark>span{font:100px/.9 var(--serif);letter-spacing:-5px}.closing-mark p{font:23px var(--serif)}.closing-mark>a{margin-left:auto;font-size:8px;letter-spacing:.12em}.film-player:fullscreen{background:#000;width:100vw;height:100vh;aspect-ratio:auto}.film-player:fullscreen video{height:100vh}
@media(min-width:1700px){.page-width{max-width:1450px}.opening{padding-top:130px}.article-layout{gap:13%}.hero-copy p{font-size:30px}}
@media(max-width:1000px){.page-width{width:calc(100% - 64px)}.masthead-center{display:none}.opening-grid{gap:8%}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:8%}.contents nav a{font-size:10px;gap:12px}.hero-copy{top:77%}.hero-corner{font-size:7px}.opening-body p,.story-section>p{font-size:14px}}
@media(max-width:700px){.masthead{height:84px;padding:20px 23px}.wordmark{font-size:44px}.sound-toggle{padding:9px 12px}.hero-scroll{height:190svh}.hero-topline{top:112px;left:24px;right:24px;font-size:7px}.hero-topline span:last-child{display:none}.hero-corner,.hero-progress{display:none}.hero-copy p{font-size:23px}.hero-copy{top:74%}.scroll-cue{bottom:24px;font-size:7px}.page-width{width:calc(100% - 44px)}.opening{padding:65px 0}.opening-meta{font-size:8px;margin-bottom:36px}.opening-grid{display:block}.opening-grid h2{font-size:52px;margin-bottom:30px}.opening-body{max-width:100%}.opening-body p{font-size:14px}.opening-body .text-link{margin-top:7px}.section-rule{margin-bottom:22px;gap:20px;align-items:baseline}.section-rule h2{font-size:27px}.section-rule .eyebrow{font-size:7px;max-width:100px;text-align:right}.film-player{margin:0 -22px;width:calc(100% + 44px)}.big-play{padding-bottom:16%;gap:5px}.big-play>span:not(.play-circle){font-size:19px}.big-play small{font-size:6px}.play-circle{width:38px;height:38px;font-size:23px;margin-bottom:3px}.player-controls{padding:10px 12px 5px;gap:7px;font-size:8px}.player-controls button{font-size:8px;min-width:30px}.film-caption{font-size:8px;gap:25px;line-height:1.5}.film-caption span:last-child{text-align:right}.film-transcript{font-size:9px}.article-layout{display:block;padding-top:65px}.contents{position:static;border-top:1px solid var(--rule);padding:18px 0 42px}.contents>.eyebrow{margin-bottom:20px}.contents nav{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.contents-mark{display:none}.story-section{padding-bottom:65px}.story-section h2{font-size:51px}.story-section>.eyebrow{margin-bottom:28px}.story-section>p{line-height:1.8}.story-section figure{margin-top:30px}.principles{gap:13px}.principles h3{font-size:25px}.principles p{font-size:10px}.specimen-pair{gap:14px}.specimen-pair figure:nth-child(2){padding-top:36px}figcaption{font-size:7px;gap:12px}.specimen-wide figcaption span:last-child{max-width:90px;text-align:right}.story-section blockquote{font-size:37px;margin-top:40px}.closing-mark{flex-wrap:wrap;gap:5px 22px;padding-bottom:32px}.closing-mark>span{font-size:78px}.closing-mark p{font-size:20px}.closing-mark>a{margin-left:0;width:100%;margin-top:22px}.story-section .concept-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sound-toggle i,.cue-line:after{animation:none!important}*{transition:none!important}}
@media(max-width:700px){.big-play{inset:auto 0 45px;height:40px;padding:0;flex-direction:row;align-items:center;justify-content:center;gap:10px;background:none}.big-play>span:not(.play-circle){font-size:17px}.big-play small{display:none}.big-play .play-circle{width:29px;height:29px;font-size:19px;margin:0}}