.case-study{background:#f8f6f0;color:#273127;font-family:Manrope,Arial,sans-serif}
.case-study main{padding-top:78px}
.case-study img{display:block;width:100%;object-fit:cover}
.wrap{width:min(1180px,92vw);margin-inline:auto}
.case-hero{position:relative;min-height:calc(100svh - 78px);display:grid;align-items:end;overflow:hidden;background:#d8d4c8}
.case-hero>img{position:absolute;inset:0;height:100%;filter:saturate(.82) brightness(.78)}
.case-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,25,19,.52),rgba(19,25,19,.04) 70%)}
.case-hero-copy{position:relative;z-index:1;color:#fff;padding:0 4vw 7vh;max-width:940px}
.case-hero-copy h1,.case-study h2{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.045em}
.case-hero-copy h1{font-size:clamp(58px,7.5vw,108px);line-height:.88;margin:0 0 28px}
.case-hero-copy h1 em,.case-study h2 em{font-style:italic}
.case-hero-copy>p:last-child{font-size:17px;margin:0;max-width:420px}
.case-lead{padding:130px 0;display:grid;grid-template-columns:30% 1fr;gap:8vw}
.case-meta dl{margin:36px 0 0}
.case-meta dl div{padding:12px 0;border-top:1px solid var(--line)}
.case-meta dt,.credits dt{font:10px 'DM Mono',monospace;text-transform:uppercase;color:#6d776c}
.case-meta dd{margin:4px 0 0}
.content-meta{margin:26px 0 0;padding-top:16px;border-top:1px solid var(--line);font:10px/1.65 'DM Mono',monospace;letter-spacing:.045em;text-transform:uppercase;color:#59645b}
.case-opening h2,.case-text h2{font-size:clamp(40px,5vw,68px);line-height:1;margin:0 0 40px}
.case-opening p,.case-text p{max-width:680px;font-size:17px;line-height:1.8}
.case-wide{margin:0 4vw 130px}
.case-wide img{height:min(72vw,850px)}
.case-wide--natural img{height:auto;aspect-ratio:auto}
.case-study figcaption{padding-top:10px;font:10px 'DM Mono',monospace;text-transform:uppercase;color:#657064}
.case-text{padding:115px 0;display:grid;grid-template-columns:30% 1fr;gap:8vw;border-top:1px solid var(--line)}
.section-number{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.03em;margin:8px 0}
.process-gallery{padding:30px 4vw 135px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.process-gallery figure,.build-grid figure,.detail-pair figure,.final-gallery figure{margin:0}
.process-gallery img{height:610px}
.build-grid{padding:25px 4vw 135px;display:grid;grid-template-columns:1.05fr 1fr;gap:20px}
.build-grid .build-main{grid-row:span 2}
.build-grid .build-main img{height:830px}
.build-grid figure:not(.build-main) img{height:390px}
.detail-pair{padding:30px 10vw 135px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.detail-pair img{height:720px}
.detail-pair.landscape-pair img{height:560px}
.case-hero--aiop>img{object-position:center 54%}
.final-gallery{padding:30px 4vw 140px;display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:end}
.final-threshold img{height:650px}
.final-view img{height:850px}
.credits{padding:110px 0 130px;border-top:1px solid var(--line);display:grid;grid-template-columns:30% 1fr;gap:8vw}
.credits dl{margin:0}
.credits dl div{display:grid;grid-template-columns:35% 1fr;padding:14px 0;border-top:1px solid var(--line)}
.credits dd{margin:0}
.next-project{padding:100px 4vw;background:#e9ede3}
.next-project a{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:30px}
.next-project span{font:400 clamp(44px,7vw,90px)/.9 'Instrument Serif',Georgia,serif}
.next-project b{font:500 11px 'DM Mono',monospace}
.case-study footer{background:#344332}

@media(max-width:760px){.case-study main{padding-top:114px}
.case-hero{min-height:calc(80svh - 114px)}
.case-hero-copy{padding:0 20px 40px}
.case-hero-copy h1{font-size:clamp(44px,13vw,58px)}
.case-lead,.case-text,.credits{width:auto;margin:0 20px;padding:80px 0;display:block}
.case-meta{margin-bottom:70px}
.case-opening h2,.case-text h2{font-size:clamp(34px,9vw,44px);margin-top:28px}
.case-opening p,.case-text p{font-size:15px;line-height:1.75}
.case-wide{margin:0 16px 85px}
.case-wide img{height:auto}
.process-gallery{padding:10px 16px 85px;grid-template-columns:1fr;gap:30px}
.process-gallery img{height:auto}
.build-grid{padding:10px 16px 85px;display:block}
.build-grid figure{margin-bottom:30px}
.build-grid .build-main img,.build-grid figure:not(.build-main) img{height:auto}
.detail-pair{padding:10px 16px 85px;grid-template-columns:1fr;gap:30px}
.detail-pair img{height:auto}
.final-gallery{padding:10px 16px 90px;grid-template-columns:1fr;gap:20px}
.final-threshold img,.final-view img{height:auto}
.credits dl{margin-top:40px}
.credits dl div{display:block}
.credits dd{margin-top:5px}
.next-project{padding:70px 20px}
.next-project a{display:block}
.next-project span{display:block;margin-bottom:25px}
.case-study footer{padding:28px 20px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}