/* Still / Moving. Photographs remain unadorned; typography belongs to the page.
   A chapter's incoming stage matches the following sticky stage exactly. */
:root{--gutter:clamp(20px,4vw,64px);--ink:#eeeae2;--muted:#92908b;--run:235svh}
html{scroll-behavior:smooth;scroll-padding-top:0}
body{margin:0;background:#000;color:var(--ink);font-family:var(--sans);overflow-x:hidden}
a{text-decoration:none}
.skip{position:fixed;left:-9999px}.skip:focus{left:16px;top:16px;z-index:100;background:var(--ink);color:#000;padding:12px 18px}
.meta{font:10px/1.5 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0}
.masthead{position:fixed;inset:0 0 auto;z-index:40;display:flex;justify-content:space-between;align-items:start;gap:20px;padding:25px var(--gutter);pointer-events:none;background:linear-gradient(#000 50%,transparent)}
.masthead a,.masthead details{pointer-events:auto}.brand{font-size:17px;font-weight:600;letter-spacing:-.04em;line-height:1.1}.brand span{display:block;font:9px/1.5 var(--mono);letter-spacing:.01em;color:var(--muted);margin-top:7px}
.masthead nav{display:flex;align-items:center;gap:40px;padding-top:3px}.edition-link,.directions{font:10px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em}.directions{position:relative}.directions summary{cursor:pointer;list-style:none}.directions summary::-webkit-details-marker{display:none}.directions div{position:absolute;right:0;top:30px;min-width:200px;padding:20px;background:#111;display:grid;gap:14px}.directions div a{color:var(--muted)}.directions div a:hover,.directions [aria-current]{color:var(--ink)}
.intro{position:relative;min-height:100svh;padding:19svh var(--gutter) 0;isolation:isolate}.intro-meta{margin-bottom:32px}.intro-title{position:relative;z-index:1;font-size:clamp(96px,13.9vw,225px);line-height:.85;letter-spacing:-.085em;font-weight:500;margin:0;max-width:59%;}.intro-title span{color:var(--ink)}.intro-photo{position:absolute;left:65%;right:8%;top:17svh;bottom:18svh;margin:0;display:flex;flex-direction:column;align-items:start;gap:13px}.intro-photo img{width:100%;height:calc(100% - 26px);object-fit:contain;object-position:left center}.intro-photo figcaption{font-size:9px;letter-spacing:.02em}.intro-lede{font-size:clamp(15px,1.35vw,21px);line-height:1.4;letter-spacing:-.02em;margin:35px 0 0 9px;color:var(--muted)}.intro-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:42px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #292826;padding-top:21px}.cue{display:flex;gap:55px;align-items:center;font-size:14px}.cue span{font-size:28px;line-height:1;transition:transform .3s}.cue:hover span{transform:translate(4px,4px)}
/* Native sticky sections overlap by exactly one viewport. Only the current
   stage is painted; the outgoing stage supplies its own incoming transition. */
.chapter{position:relative;height:var(--run);margin-bottom:-100svh}.chapter:last-child{margin-bottom:0}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#000;isolation:isolate}.stage-content,.incoming{position:absolute;inset:0;background:#000}.incoming{z-index:5;pointer-events:none;visibility:hidden;will-change:clip-path,transform}.photograph{position:absolute;left:37%;right:var(--gutter);top:108px;bottom:100px;overflow:hidden}.layer{position:absolute;inset:0}.layer img{position:absolute;top:0;left:0;max-width:none;display:block;user-select:none;-webkit-user-drag:none}.photograph canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.chapter-number{position:absolute;left:var(--gutter);top:113px;font-size:clamp(68px,8.5vw,132px);letter-spacing:-.085em;line-height:.85;font-weight:400;margin:0}.chapter-kicker{position:absolute;left:var(--gutter);top:calc(124px + clamp(68px,8.5vw,132px));font:9px/1.5 var(--mono);letter-spacing:.04em;color:var(--muted)}.chapter-title{position:absolute;left:var(--gutter);bottom:162px;width:29%;margin:0;font-size:clamp(34px,4.2vw,67px);line-height:.98;letter-spacing:-.055em;font-weight:500;text-wrap:balance}.chapter-sub{position:absolute;left:var(--gutter);bottom:103px;width:29%;margin:0;font:9px/1.8 var(--mono);text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.photo-caption{position:absolute;left:37%;right:var(--gutter);bottom:73px;display:flex;justify-content:space-between;gap:15px;font:9px/1.5 var(--mono);letter-spacing:.02em;color:var(--muted);text-transform:uppercase}.chapter-advance{position:absolute;left:var(--gutter);bottom:34px;display:flex;align-items:center;gap:15px;font:9px/1 var(--mono);text-transform:uppercase;color:var(--muted)}.chapter-advance i{height:1px;width:54px;display:block;background:#292826}.chapter-advance i::after{content:'';display:block;height:100%;background:var(--ink);transform:scaleX(var(--chapter-progress,0));transform-origin:left}
/* An arch belongs to the transition, never to the photograph. */
.curtain{position:absolute;z-index:4;inset:0;background:#171715;border-radius:50% 50% 0 0;transform:translate3d(0,110%,0);will-change:transform,border-radius;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12vw;color:var(--ink)}.curtain-kicker{font:10px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.09em;margin:0 0 32px;color:var(--muted)}.curtain-title{font-size:clamp(70px,11vw,170px);font-weight:500;letter-spacing:-.065em;line-height:.9;max-width:13ch;margin:0;text-wrap:balance}.curtain-line{font:10px/1.6 var(--mono);text-transform:uppercase;margin:32px 0 0;color:var(--muted)}
.rail{position:fixed;right:var(--gutter);bottom:25px;z-index:35;display:flex;align-items:center;gap:22px;transition:opacity .25s;pointer-events:auto}.rail.is-hidden{opacity:0;pointer-events:none}.rail-list{display:flex;list-style:none;margin:0;padding:0;gap:4px}.rail-list a{position:relative;display:grid;place-items:center;width:29px;height:30px;font:8px var(--mono);color:#75736e}.rail-list a::before{content:'';position:absolute;top:0;left:3px;right:3px;height:1px;background:#494741;transition:background .3s,transform .3s}.rail-list a:hover,.rail-list .is-on a{color:var(--ink)}.rail-list .is-on a::before{background:var(--ink);transform:scaleY(3)}.rail-count{font:9px var(--mono);letter-spacing:.04em;white-space:nowrap;color:var(--muted)}
.plate{position:relative;background:#000;color:var(--ink);padding:130px var(--gutter);border-top:1px solid #292826}.plate--statement{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;min-height:90svh}.plate-copy{font-size:clamp(54px,7.5vw,120px);font-weight:500;letter-spacing:-.06em;line-height:.96;margin:45px 0 35px;max-width:10ch}.plate-note{font-size:17px;line-height:1.5;max-width:30ch;color:var(--muted);margin:0}.plate-photo{margin:0}.plate-photo img{width:100%;max-height:63svh;object-fit:contain;object-position:right center}.plate-photo figcaption{margin-top:16px;font:9px var(--mono);color:var(--muted);text-transform:uppercase}.plate--index{padding-top:110px;padding-bottom:100px}.index-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:44px}.index-heading h2{font-weight:500;font-size:clamp(52px,7vw,110px);letter-spacing:-.06em;line-height:1;margin:0}.plate-index{list-style:none;margin:0;padding:0}.plate-index li{border-top:1px solid #292826}.plate-index li:last-child{border-bottom:1px solid #292826}.plate-index a{display:grid;grid-template-columns:70px 1fr auto 22px;align-items:center;gap:20px;padding:22px 0;transition:color .2s}.plate-index a:hover{color:var(--muted)}.plate-index .no,.plate-index .meta-line{font:9px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.02em;color:var(--muted)}.plate-index .name{font-size:clamp(20px,2.2vw,33px);line-height:1.1;letter-spacing:-.03em}.index-arrow{font-size:22px}.foot{padding:95px var(--gutter) 40px;border-top:1px solid #292826}.foot-name{font-size:clamp(45px,8.4vw,135px);letter-spacing:-.07em;line-height:1;display:flex;justify-content:space-between;align-items:center}.foot-name span{font-size:.7em}.foot-row{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:85px}.foot-links{display:flex;gap:30px;font:10px var(--mono)}.progress{position:fixed;inset:auto 0 0;z-index:50;height:1px;background:#292826}.progress i{display:block;height:100%;background:var(--ink);width:0}
@media(min-width:1700px){.photograph{left:34%}.photo-caption{left:34%}}
@media(max-width:900px){.masthead nav{gap:24px}.chapter-title{font-size:4.8vw}.photograph{left:35%}.photo-caption{left:35%}.rail-list a{width:25px}.plate--statement{gap:6vw}.plate-note{font-size:15px}.plate-index .meta-line{max-width:20ch;text-align:right}.plate-index a{grid-template-columns:40px 1fr auto 18px}}
@media(max-width:600px){
 :root{--gutter:20px;--run:225svh}.masthead{padding-top:20px;padding-bottom:23px;gap:14px}.brand{font-size:15px}.brand span{font-size:8px;margin-top:6px}.masthead nav{gap:0}.edition-link{display:none}.directions{font-size:9px;padding-top:1px}.directions div{top:34px;min-width:180px}.intro{padding-top:132px;min-height:850px;min-height:max(100svh,810px)}.intro-meta{font-size:8px;margin-bottom:24px}.intro-title{font-size:26.4vw;max-width:100%;letter-spacing:-.075em;line-height:.85}.intro-photo{top:370px;bottom:130px;left:47%;right:20px;gap:10px}.intro-photo img{height:calc(100% - 28px);object-position:right center}.intro-photo figcaption{font-size:7px;white-space:nowrap}.intro-lede{position:absolute;left:20px;top:448px;font-size:14px;margin:0;max-width:150px}.intro-bottom{bottom:30px;padding-top:18px;align-items:start}.intro-bottom>.meta{font-size:7px;padding-top:8px}.cue{font-size:12px;gap:25px}.cue span{font-size:24px}.photograph{left:20px;right:20px;top:144px;bottom:204px}.chapter-number{top:95px;font-size:39px;letter-spacing:-.07em}.chapter-kicker{top:110px;right:20px;left:auto;font-size:8px}.chapter-title{left:20px;bottom:111px;width:calc(100% - 40px);font-size:33px;max-width:100%;line-height:1;letter-spacing:-.045em;text-wrap:initial}.chapter-sub{left:20px;bottom:81px;width:auto;font-size:8px;line-height:1.3}.chapter-sub br{display:none}.chapter-sub br::after{content:' / '}.photo-caption{left:20px;right:20px;bottom:185px;font-size:7px}.photo-caption span:last-child{display:none}.chapter-advance{display:none}.rail{left:20px;right:20px;bottom:20px;justify-content:space-between;gap:12px}.rail-list{gap:0;flex:1;justify-content:space-between}.rail-list a{width:21px;height:28px;font-size:7px}.rail-list a::before{left:3px;right:3px}.rail-count{font-size:8px}.curtain{padding:25px}.curtain-title{font-size:18vw;line-height:.98;max-width:12ch}.curtain-kicker,.curtain-line{font-size:8px}.plate{padding:80px 20px}.plate--statement{display:flex;flex-direction:column;align-items:stretch;gap:60px;min-height:0}.plate-copy{font-size:18vw;margin:28px 0;max-width:10ch}.plate-note{font-size:15px;max-width:27ch}.plate-photo{width:82%;align-self:end}.plate-photo img{max-height:65svh}.plate-photo figcaption{font-size:8px}.index-heading{margin-bottom:34px;gap:20px}.index-heading h2{font-size:56px}.index-heading .meta{font-size:8px}.plate-index a{grid-template-columns:30px 1fr 16px;gap:12px;padding:20px 0}.plate-index .name{font-size:21px;line-height:1.12}.plate-index .meta-line{display:none}.plate-index .no{font-size:8px}.index-arrow{font-size:17px}.foot{padding:65px 20px 30px}.foot-name{font-size:11.5vw}.foot-row{margin-top:65px;align-items:start;flex-direction:column;gap:22px}.foot .meta,.foot-links{font-size:8px}.foot-links{gap:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter{height:auto;margin:0}.stage{position:relative;min-height:760px;height:100svh;visibility:visible!important}.incoming,.curtain{display:none!important}.rail{display:none}.chapter-advance{display:none}.intro,.plate{transform:none!important}}