@font-face{font-family:Manrope;src:url("assets/fonts/Manrope-Variable.ttf") format("truetype");font-weight:200 800;font-display:swap}:root{--ink:#141414;--paper:#f2f1ec;--yellow:#fcc10a;--line:rgba(20,20,20,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.opening{position:fixed;z-index:20;inset:0;display:grid;place-items:center;background:#141414;color:#fff;pointer-events:none;animation:curtain 1s 1.05s cubic-bezier(.76,0,.24,1) forwards}.opening span{font:400 clamp(8rem,22vw,22rem)/.8 Georgia,serif;animation:up .85s cubic-bezier(.16,1,.3,1) both}.opening i{position:absolute;width:clamp(13px,1.5vw,25px);aspect-ratio:1;background:var(--yellow);border-radius:50%;margin:clamp(5rem,12vw,12rem) 0 0 clamp(7rem,16vw,16rem);animation:up .85s .08s cubic-bezier(.16,1,.3,1) both}.case-nav{position:absolute;z-index:4;left:0;top:0;width:100%;padding:24px 38px;display:flex;align-items:center;justify-content:space-between;color:#fff;animation:appear .6s 1.35s both}.case-nav a{color:inherit;text-decoration:none;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.case-logo img{width:53px;height:42px;object-fit:contain;filter:brightness(0) invert(1)}.case-nav span{margin-left:.5rem}.hero{min-height:100svh;background:#111;position:relative;color:#fff;overflow:hidden}.hero-cover{position:absolute;inset:0}.hero-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.1) 68%,rgba(0,0,0,.18))}.hero-cover img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.12);animation:zoom 1.7s 1.05s cubic-bezier(.16,1,.3,1) forwards}.hero-caption{position:relative;z-index:1;padding:clamp(11rem,22vw,19rem) 7vw 4rem;max-width:860px}.eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.14em;margin:0 0 1.5rem}.hero h1,.challenge h2,.manifesto h2,.colors h2,.campaign h2,.digital h2,.closing h2{margin:0;letter-spacing:-.085em;font-weight:760}.hero h1{font-size:clamp(4rem,8vw,9rem);line-height:.81}.hero h1 em,.manifesto em,.campaign em,.digital em{font:400 1em/.8 Georgia,serif;letter-spacing:-.11em}.hero-caption>p:last-child{max-width:370px;font-size:1rem;line-height:1.48;margin:2.4rem 0 0;color:rgba(255,255,255,.78)}.hero-index{position:absolute;z-index:1;right:5vw;bottom:36px;font-size:.65rem;letter-spacing:.12em}.challenge{padding:clamp(6rem,13vw,13rem) 7vw;background:#f5f4ef}.challenge h2{font-size:clamp(2.5rem,5.5vw,6.8rem);line-height:.97;max-width:1250px}.project-facts{display:grid;grid-template-columns:1fr 1.3fr .5fr;gap:2rem;margin-top:7rem;padding-top:1.2rem;border-top:1px solid var(--line)}.project-facts div{display:grid;gap:.55rem}.project-facts span{font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;color:#70706c}.project-facts b{font-size:1rem;line-height:1.45;font-weight:520}.manifesto{background:#141414;color:white;padding:clamp(7rem,13vw,14rem) 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.lettermark{width:min(260px,70vw);height:310px;position:relative;border:3px solid #fff}.lettermark:before,.lettermark:after,.lettermark span,.lettermark i{content:"";position:absolute;border:3px solid #fff;border-radius:50%;width:61%;aspect-ratio:1;left:19.5%}.lettermark:before{top:-1px}.lettermark:after{bottom:-1px}.lettermark span{border:0;border-left:3px solid #fff;border-radius:0;left:49%;height:100%;top:0}.lettermark i{display:none}.lettermark b{position:absolute;width:30px;aspect-ratio:1;border-radius:50%;background:var(--yellow);right:-48px;bottom:4px}.manifesto h2{font-size:clamp(3rem,6.2vw,7.5rem);line-height:.91;max-width:850px}.manifesto p:last-child{max-width:590px;font-size:1.05rem;line-height:1.58;color:rgba(255,255,255,.7);margin:2.6rem 0 0}.brand-system{display:grid;grid-template-columns:1.15fr .85fr;background:#f5f4ef}.brand-system figure{margin:0;min-height:600px;background:#000;overflow:hidden}.brand-system figure img{width:100%;height:100%;display:block;object-fit:cover}.colors{padding:clamp(4rem,8vw,9rem) 7vw;display:flex;flex-direction:column;justify-content:center}.colors h2{font-size:clamp(2.7rem,5vw,5.5rem);line-height:.92}.swatches{display:grid;gap:8px;margin-top:4rem}.swatches span{padding:1rem;font-size:.68rem;letter-spacing:.09em}.black{background:#141414;color:#fff}.white{background:#fff;border:1px solid #ddd;color:#141414}.yellow{background:var(--yellow);color:#141414}.campaign{background:#141414;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;align-items:stretch}.campaign-copy{padding:clamp(5rem,9vw,10rem) 7vw;display:flex;flex-direction:column;justify-content:center}.campaign h2{font-size:clamp(3.3rem,6.6vw,7.8rem);line-height:.85}.campaign p:last-child{font-size:1rem;line-height:1.5;color:rgba(255,255,255,.7);max-width:350px;margin:2.3rem 0 0}.campaign img{width:100%;height:100%;min-height:600px;display:block;object-fit:cover}.digital{padding:clamp(6rem,12vw,12rem) 7vw;background:#f5f4ef}.digital>div:first-child{max-width:900px}.digital h2{font-size:clamp(3rem,6.2vw,7.2rem);line-height:.91}.digital-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6rem}.digital-grid img{width:100%;aspect-ratio:1/1.1;display:block;object-fit:cover;background:#141414}.closing{padding:clamp(6rem,12vw,12rem) 7vw 0;background:#141414;color:#fff}.closing h2{font-size:clamp(3rem,6vw,7rem);line-height:.93;max-width:1200px}.closing img{width:100%;display:block;margin-top:6rem;max-height:740px;object-fit:cover;object-position:center}footer{padding:1.2rem 7vw;background:#141414;color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase}footer a{color:white;text-decoration:none}@keyframes curtain{to{clip-path:inset(0 0 100% 0)}}@keyframes up{from{opacity:0;transform:translateY(75%)}to{opacity:1;transform:none}}@keyframes zoom{to{transform:scale(1)}}@keyframes appear{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@media(max-width:720px){.case-nav{padding:18px}.hero-caption{padding:10rem 7vw 4rem}.hero-cover:after{background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18))}.project-facts,.manifesto,.brand-system,.campaign{grid-template-columns:1fr;gap:2.5rem}.project-facts{margin-top:4rem}.manifesto{padding:6rem 7vw}.lettermark{height:230px;width:190px}.brand-system figure{min-height:0}.brand-system figure img{aspect-ratio:16/10}.campaign img{min-height:390px}.digital-grid{grid-template-columns:1fr;gap:12px;margin-top:3rem}.digital-grid img{aspect-ratio:1/1.05}.closing img{margin-top:3.5rem}footer{flex-wrap:wrap;gap:1rem}}