/* Editorial project presentation: full-view imagery and a continuous reading flow. */
:root{--case-paper:#eeeee6;--case-ink:#171719;--case-muted:#62625d;--case-line:#17171926}
html:has(.case-study){overflow-x:clip;scroll-padding-top:100px}
body.case-study{height:auto;min-height:100svh;display:block;overflow:visible;background:var(--case-paper);color:var(--case-ink);--paper:var(--case-paper);--ink:var(--case-ink);--muted:var(--case-muted);--line:var(--case-line);padding-bottom:45px}
.case-study .project-nav{position:fixed;inset:0 0 auto;z-index:30;height:92px;display:flex;align-items:flex-start;padding:22px 20px;background:transparent;border:0;color:white;mix-blend-mode:difference;pointer-events:none}
.case-study .project-nav>a,.case-study .project-nav .language-switch{pointer-events:auto}
.case-study .project-nav .logo{position:absolute;left:20px;top:22px;color:inherit}
.case-study .project-nav .nav-name{color:inherit}
.case-study .project-nav>a:nth-child(2){position:absolute;right:130px;top:29px;font-size:12px}
.case-study .project-nav .language-switch{position:absolute;right:20px;top:20px;color:inherit;border-color:#ffffff40;background:#ffffff0b}
.case-study-main{width:100%;min-width:0}
.case-cover{position:relative;width:100%;height:100svh;min-height:520px;background:#131916;overflow:hidden}
.case-cover-image{height:100%;width:100%;position:relative}
.case-cover-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.case-cover-scroll{position:absolute;left:20px;bottom:60px;display:flex;gap:24px;align-items:center;color:#fff;font-size:11px;mix-blend-mode:normal;z-index:2}
.case-title-block{display:flex;min-height:60svh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 20px 80px;--title-progress:0}
.case-project-number{font-size:10px;letter-spacing:.08em;margin:0 0 28px}
.case-title-block h1{font-size:clamp(64px,15vw,240px);line-height:.83;letter-spacing:-.075em;font-weight:700;text-transform:uppercase;margin:0;max-width:100%;overflow-wrap:normal;transform:scale(calc(1 - var(--title-progress)*.65));opacity:calc(1 - var(--title-progress));transform-origin:center center;will-change:transform}
.case-title-block h1>span{display:block}
.case-long-title h1{font-size:clamp(52px,12vw,190px)}
.case-title-role{font-size:12px;line-height:1.4;text-transform:uppercase;margin:28px 0 0}
.case-description{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,7fr) minmax(100px,2fr);column-gap:4vw;max-width:1440px;margin:auto;padding:50px 10vw 140px}
.case-label{font-size:10px;font-weight:400;letter-spacing:.03em;text-transform:uppercase;line-height:1.4;margin:0}
.case-description-body #project-overview{font-size:clamp(22px,2.5vw,36px);line-height:1.23;letter-spacing:-.045em;color:var(--ink);margin:0;max-width:760px}
.case-facts{display:flex;flex-direction:column;gap:26px;border:0;padding:0;margin:0}
.case-facts dt{font-size:9px;line-height:1.4;text-transform:uppercase;color:var(--muted);margin:0 0 5px}
.case-facts dd{font-size:11px;line-height:1.5}
.case-project-gallery{width:100%}
.case-wide-chapter{padding:30px 10vw 110px}
.case-study .case-panel{display:block;margin:0;width:100%;height:auto;min-width:0}
.case-study .case-image{position:relative;isolation:isolate;width:100%;min-width:0}
.case-study .case-image img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
.case-study .case-cover-image img{height:100%;object-fit:cover}
.case-panel figcaption{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:5vw;margin:42px auto 0;max-width:900px}
.case-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.025em;margin:0 0 10px;color:var(--muted)}
.case-caption-heading h2{font-size:clamp(22px,2.1vw,32px);line-height:1.1;letter-spacing:-.045em;font-weight:500;margin:0}
.case-caption-copy{font-size:17px;line-height:1.45;letter-spacing:-.025em;margin:0;max-width:600px;color:var(--ink)}
.case-pair{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:12vw;align-items:start;padding:100px 8vw 140px}
.case-pair .case-pair-second{padding-top:150px}
.case-pair .case-panel figcaption{grid-template-columns:1fr;gap:16px;margin-top:28px}
.case-pair .case-caption-copy{font-size:15px;line-height:1.55}
.case-pair-reverse{grid-template-columns:minmax(0,4fr) minmax(0,5fr)}
.case-pair-reverse .case-pair-first{padding-top:110px}
.case-pair-reverse .case-pair-second{padding-top:0}
.case-tinted{background:#dfe9df;margin-bottom:100px}
.case-placeholder{display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:420px;padding:24px;background:#e7ebe4;color:#163d2c;border:1px solid #163d2c26}
.placeholder-top,.placeholder-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:9px;line-height:1.4}
.placeholder-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.placeholder-content{text-align:center;padding:20px 0;margin:auto;width:100%}
.placeholder-cross{display:block;font-size:36px;line-height:1;font-weight:200;opacity:.6;margin-bottom:20px}
.placeholder-content h2{font-size:clamp(22px,2.5vw,38px);line-height:1.05;letter-spacing:-.045em;font-weight:500;margin:0 0 18px;text-wrap:balance}
.placeholder-hint{font-size:12px;line-height:1.6;max-width:440px;opacity:.8;margin:0 auto}
.placeholder-bottom{opacity:.7}
.case-bilingual .case-placeholder{background:#f9faf5;min-height:540px}
.case-graphic .case-placeholder{background:#003220;color:#eaf2e7;min-height:420px}
.case-colour .case-placeholder{background:#ebbb4f;min-height:480px}
.case-type .case-placeholder{background:#102219;color:#00f8a1;min-height:450px}
.case-application .case-placeholder{background:#007864;color:white;min-height:570px}
.case-print .case-placeholder{background:#deded4;min-height:520px}
.case-final-chapter{padding-bottom:80px}
.case-next{padding:110px 20px 100px;text-align:center;border-top:1px solid var(--line)}
.case-next>.case-label{margin-bottom:35px}
.case-next-link{display:block;text-decoration:none}
.case-next-image{width:min(48vw,700px);height:auto;aspect-ratio:1.6;margin:0 auto 32px;overflow:hidden}
.case-next-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.case-next-link:hover{text-decoration:none}
.case-next-link:hover .case-next-image img{transform:scale(1.035)}
.case-next h2{font-size:clamp(36px,7vw,110px);line-height:.95;letter-spacing:-.065em;font-weight:700;text-transform:uppercase;margin:0 auto 14px;max-width:1100px}
.case-next h2>span{font-size:.55em;margin-left:.3em;display:inline-block;vertical-align:middle}
.case-next-link>p{font-size:11px;line-height:1.4;text-transform:uppercase;margin:0}
.case-back{display:inline-flex;gap:40px;font-size:11px;margin-top:60px;border-bottom:1px solid var(--ink);padding-bottom:7px}
.case-study .project-page-footer{position:fixed;inset:auto 0 0;z-index:30;display:flex;justify-content:space-between;gap:20px;padding:14px 20px;color:white;mix-blend-mode:difference;background:transparent;border:0;font-size:10px;pointer-events:none}
.case-study .project-page-footer a{pointer-events:auto}
@media(min-width:1600px){.case-description{padding-inline:8vw}}
@media(max-width:800px){
 .case-study .project-nav{height:78px;padding:18px 12px}
 .case-study .project-nav .logo{top:20px;left:12px}
 .case-study .project-nav>a:nth-child(2){right:126px;top:25px;font-size:0}
 .case-study .project-nav>a:nth-child(2) svg{width:18px;height:18px}
 .case-study .project-nav>a:nth-child(2)>span{display:none}
 .case-study .project-nav .language-switch{right:12px;top:18px}
 .case-cover{min-height:460px;height:85svh}
 .case-cover-scroll{left:12px;bottom:55px;font-size:10px}
 .case-title-block{min-height:48svh;padding:80px 12px 60px}
 .case-title-block h1{font-size:clamp(42px,14.5vw,115px)}
 .case-long-title h1{font-size:clamp(34px,11.5vw,92px)}
 .case-project-number{font-size:9px;margin-bottom:22px}.case-title-role{font-size:10px;margin-top:22px}
 .case-description{grid-template-columns:1fr;gap:24px;padding:20px 12px 80px}
 .case-description-body #project-overview{font-size:26px;line-height:1.25;letter-spacing:-.04em}
 .case-facts{flex-direction:row;gap:45px;margin:10px 0 0}
 .case-wide-chapter{padding:0 12px 70px}
 .case-panel figcaption{grid-template-columns:1fr;gap:16px;margin-top:25px}
 .case-caption-heading h2{font-size:27px}.case-caption-copy{font-size:15px;line-height:1.55}
 .case-pair,.case-pair-reverse{grid-template-columns:1fr;gap:64px;padding:60px 12px 70px}
 .case-pair .case-pair-first,.case-pair .case-pair-second{padding-top:0}
 .case-tinted{margin-bottom:70px}
 .case-placeholder{min-height:340px!important;padding:20px}
 .placeholder-content h2{font-size:28px}
 .case-next{padding:65px 12px 80px}
 .case-next-image{width:85vw;margin-bottom:28px}
 .case-next h2{font-size:clamp(32px,10vw,70px)}
 .case-study .project-page-footer{padding:13px 12px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.case-title-block h1{will-change:auto;transform:none;opacity:1}.case-next-image img{transition:none}}