.works-cover { padding:calc(var(--nav-h) + 40px) var(--pad) 65px; display:grid; grid-template-columns:1.15fr .85fr; gap:6vw; min-height:92svh; align-items:center; }
.works-cover__copy h1 { font:400 clamp(4.5rem,10.5vw,12rem)/.9 var(--serif); letter-spacing:-.055em; margin:35px 0; }
.works-cover__copy p { color:var(--muted); margin-bottom:25px; font-size:.9rem; }
.works-cover__image { position:relative; width:85%; justify-self:end; }
.works-cover__image img { height:65svh; object-position:50% 38%; }
.works-cover__image figcaption { font-size:.57rem; text-transform:uppercase; letter-spacing:.13em; padding-top:14px; color:var(--muted); }
.work-index { margin:0 var(--pad) 9vw; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.work-index a { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; padding:25px 22px; border-right:1px solid var(--line); }
.work-index a:first-child { padding-left:0; }
.work-index a:last-child { border:0; padding-right:0; }
.work-index__num { font-size:.6rem; color:var(--muted); }
.work-index h2 { font:400 clamp(1.6rem,2.8vw,3rem)/1.1 var(--serif); }
.work-index svg { width:18px; height:18px; transition:transform .3s; }
.work-index a:hover svg { transform:translate(3px,-3px); }
.work-story { display:grid; grid-template-columns:.85fr 1.15fr; gap:6vw; border-top:1px solid var(--line); padding:7vw var(--pad) 10vw; scroll-margin-top:var(--nav-h); }
.work-story__copy { position:sticky; top:calc(var(--nav-h) + 30px); height:calc(85svh - var(--nav-h)); display:flex; flex-direction:column; justify-content:space-between; }
.chapter-number { display:block; font:400 clamp(5rem,10vw,12rem)/.9 var(--serif); letter-spacing:-.07em; opacity:.18; margin:0 0 25px -.02em; }
.work-story__copy h2 { margin:20px 0 28px; font:400 clamp(3.5rem,6.7vw,7.5rem)/.95 var(--serif); letter-spacing:-.04em; }
.work-story__copy p { color:var(--muted); max-width:23rem; font-size:.9rem; }
.work-story__copy > .eyebrow { margin-top:30px; }
.work-story__gallery { display:grid; gap:5vw; min-width:0; }
.work-shot { position:relative; }
.work-shot img { height:auto; transform:none; }
.work-shot__caption { display:flex; justify-content:space-between; gap:12px; font-size:.56rem; letter-spacing:.12em; text-transform:uppercase; padding-top:15px; }
.work-story--1 .work-shot:nth-child(2) { width:70%; justify-self:end; }
.work-story--1 .work-shot:nth-child(3) { width:85%; }
.work-story--2 { grid-template-columns:1fr; }
.work-story--2 .work-story__copy { position:static; height:auto; display:block; text-align:center; margin-bottom:5vw; }
.work-story--2 .work-story__copy p { margin:auto; }
.work-story--2 .chapter-number { font-size:6rem; }
.work-story--2 .work-story__copy h2 br { display:none; }
.work-story--2 .work-story__copy h2 { font-size:clamp(4rem,10vw,11rem); }
.work-story--2 .work-story__copy > .eyebrow { display:none; }
.work-story--2 .work-story__gallery { grid-template-columns:1.1fr .9fr; gap:8vw; align-items:start; }
.work-story--2 .work-shot:nth-child(2) { margin-top:19vw; }
.work-story--3 { grid-template-columns:1.1fr .9fr; }
.work-story--3 .work-story__gallery { order:-1; }
.work-story--3 .work-shot:nth-child(2) { width:85%; justify-self:end; }
.works-end { text-align:center; display:grid; gap:35px; justify-items:center; }
.works-end a svg { height:5vw; width:5vw; }