@font-face{font-family:Hanken;src:url("assets/fonts/hanken-grotesk-regular.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Hanken;src:url("assets/fonts/hanken-grotesk-medium.ttf") format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Cormorant;src:url("assets/fonts/cormorant-garamond-italic.ttf") format("truetype");font-style:italic;font-display:swap}@font-face{font-family:IBM;src:url("assets/fonts/ibm-plex-mono-regular.ttf") format("truetype");font-display:swap}
:root{--paper:#e8edef;--paper-2:#dce4e6;--ink:#101719;--muted:#637176;--line:rgba(16,23,25,.2);--gutter:clamp(1.1rem,3.2vw,3.8rem);--max:1720px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Hanken,Arial,sans-serif;line-height:1.48}img,video{display:block;width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p,figure{margin:0}.case-header,main,.case-footer{width:min(100%,var(--max));margin:0 auto}.case-header{height:86px;padding:18px var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;border-bottom:1px solid var(--line);align-items:start}.brand{font-size:clamp(1.5rem,2.3vw,2.4rem);font-weight:500;line-height:1;letter-spacing:-.055em}.folio{font:italic 1.8rem/1 Cormorant,serif}.case-header nav{justify-self:end;display:flex;gap:1.7rem}.case-header nav,.case-kicker,.case-meta,.caption,.case-footer,.next-label{font:400 .64rem/1.45 IBM,monospace;text-transform:uppercase}.case-hero{min-height:calc(100dvh - 86px);padding:clamp(3rem,7vw,7rem) var(--gutter) 1.5rem;display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(2rem,6vw,7rem);align-items:center}.case-title h1{max-width:850px;margin:.8rem 0 2rem;font-size:clamp(4rem,8vw,9.7rem);font-weight:400;line-height:.82;letter-spacing:-.075em}.case-title h1 em{font-family:Cormorant,serif;font-weight:500;line-height:1.08}.case-title>p{max-width:540px;color:var(--muted);font-size:clamp(1rem,1.3vw,1.25rem)}.case-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:clamp(3rem,6vw,6rem)}.case-meta div{padding-top:.7rem;border-top:1px solid var(--line)}.case-meta strong{display:block;margin-top:.35rem;color:var(--ink);font-family:Hanken,sans-serif;font-size:.85rem;font-weight:400;text-transform:none}.hero-art{height:min(76vh,880px);object-fit:contain}.hero-art.landscape{height:auto;max-height:78vh;object-fit:cover}.intro{padding:clamp(7rem,12vw,13rem) var(--gutter);display:grid;grid-template-columns:.33fr 1fr;gap:3rem}.intro h2{font-size:clamp(2rem,4.5vw,5rem);font-weight:400;line-height:.95;letter-spacing:-.055em}.intro div{max-width:870px}.intro div p{margin-bottom:1.2rem;color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.4rem)}.media-full,.media-pair,.media-offset,.motion-block{padding:0 var(--gutter);margin-bottom:clamp(5rem,10vw,11rem)}.media-full img{max-height:88vh;object-fit:contain}.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);align-items:center}.media-pair img{max-height:76vh;object-fit:contain}.media-pair.tall{grid-template-columns:.7fr 1.3fr}.media-offset{display:grid;grid-template-columns:.28fr .72fr;gap:var(--gutter);align-items:end}.media-offset img{max-height:76vh;object-fit:contain}.caption{margin-top:.8rem;color:var(--muted)}.motion-block{display:grid;grid-template-columns:.32fr .68fr;gap:var(--gutter);align-items:start;padding-top:clamp(3rem,6vw,6rem);border-top:1px solid var(--line)}.motion-copy{position:sticky;top:2rem}.motion-copy h2{margin:.5rem 0 1rem;font-size:clamp(2.4rem,4.5vw,5.2rem);font-weight:400;line-height:.9;letter-spacing:-.055em}.motion-copy p{max-width:28rem;color:var(--muted)}.motion-block video{max-height:82vh;background:#101719;object-fit:contain}.process{margin:0 var(--gutter) clamp(7rem,13vw,14rem);padding-top:2rem;border-top:1px solid var(--line)}.process h2{margin-bottom:3rem;font-size:clamp(2.6rem,5vw,6rem);font-weight:400;letter-spacing:-.06em}.process img{max-height:84vh;object-fit:contain;background:#fff}.next{padding:clamp(4rem,8vw,8rem) var(--gutter);background:var(--paper-2)}.next a{display:flex;justify-content:space-between;align-items:end;gap:2rem}.next h2{max-width:1200px;margin-top:1.2rem;font-size:clamp(3rem,7vw,8rem);font-weight:400;line-height:.88;letter-spacing:-.07em}.next-mark{font-size:clamp(2rem,5vw,5rem)}.case-footer{padding:1.1rem var(--gutter);display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line)}
@media(max-width:850px){.case-hero{grid-template-columns:1fr}.case-title h1{font-size:clamp(3.8rem,12vw,7rem)}.hero-art{height:60vh}.intro{grid-template-columns:1fr}.media-pair,.media-pair.tall,.media-offset,.motion-block{grid-template-columns:1fr}.motion-copy{position:static}.case-header{grid-template-columns:1fr auto}.folio{display:none}}
@media(max-width:560px){.case-header nav a:first-child{display:none}.case-hero{padding-top:3.5rem}.case-title h1{font-size:3.65rem}.case-meta{grid-template-columns:1fr}.hero-art{height:56vh}.media-pair,.media-offset{gap:2rem}.intro{padding-top:6rem}.motion-block video{max-height:none}.next a{align-items:flex-start}.next-mark{font-size:2rem}}

/* Compact process studies and edge-to-edge cover crop */
.hero-film{width:100%;max-height:76vh;aspect-ratio:16/9;background:#101719;object-fit:contain}
.cover-feature{margin:0 var(--gutter) clamp(6rem,11vw,12rem);display:grid;place-items:center}
.cover-feature .caption{width:min(62vw,570px)}
.cover-crop{display:block;width:min(62vw,570px);aspect-ratio:.605;overflow:hidden}
.cover-crop img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.045)}
.process{width:min(calc(100% - 2 * var(--gutter)),1040px);margin:0 auto clamp(3.5rem,7vw,7rem);padding-top:1.5rem;border-top:1px solid var(--line);display:grid;grid-template-columns:.36fr .64fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.process h2{margin:0;font-size:clamp(2rem,3.5vw,4rem);font-weight:400;line-height:.95;letter-spacing:-.055em}
.process img{width:min(100%,620px);max-height:670px;margin-left:auto;object-fit:contain;background:#fff}
@media(max-width:850px){.process{grid-template-columns:1fr}.process img{margin:0 auto}}
@media(max-width:560px){.cover-crop{width:min(86vw,440px)}.cover-feature .caption{width:min(86vw,440px)}.process{width:calc(100% - 2 * var(--gutter))}}

/* Palette derived from the lotus introduction */
:root{--paper:#efedf1;--paper-2:#e3e1e8;--ink:#172033;--muted:#687185;--line:rgba(23,32,51,.2);--accent:#ce8585}
.hero-film,.motion-block video{background:#020716}
.cover-crop{aspect-ratio:.63}
.cover-crop img{object-position:62% center;transform:none}
.next{background:var(--paper-2)}

/* Portfolio palette and corrected publication proportion */
:root{--paper:#e4e8ec;--paper-2:#d6dce2;--ink:#172033;--muted:#626d7f;--line:rgba(23,32,51,.2);--accent:#ce8585}
.cover-crop{aspect-ratio:3 / 4}
.cover-crop img{object-position:62% center}
.case-hero{background:var(--paper)}
.intro{background:var(--paper-2)}
.next{background:#cacfd8}

/* Keep the original horizontal publication photograph */
.cover-feature{display:block;margin:0 var(--gutter) clamp(6rem,11vw,12rem)}
.cover-feature>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
.cover-feature .caption{width:100%}