@font-face{font-family:Barlow;src:url('/fonts/barlow.woff2');font-weight:400;font-display:swap}@font-face{font-family:Condensed;src:url('/fonts/condensed.woff2');font-weight:800;font-style:italic;font-display:swap}
:root{--navy:#030914;--white:#fff9ef;--blue:#1644ee;--red:#f32b3e;--muted:#b7c0d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--navy);color:var(--white);font:18px/1.5 Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:6px}::selection{background:var(--red);color:white}.skip{position:fixed;top:-100px;left:20px;background:var(--red);padding:14px;z-index:100}.skip:focus{top:10px}.header{height:100px;position:absolute;inset:0 0 auto;z-index:10;padding:20px 4.5%;display:flex;align-items:center;justify-content:space-between}.wordmark{font:italic 800 52px/.9 Condensed,Impact,sans-serif;letter-spacing:-3px}.wordmark span{font:30px Arial;color:var(--red);vertical-align:top;margin-left:5px}.header nav{display:flex;gap:35px;font-size:16px}.header nav a{padding:12px 0}.header-note{font-size:12px;line-height:1.3;letter-spacing:1px}.cinema{position:relative}.stage{height:100svh;min-height:670px;position:relative;overflow:hidden;background:#030914}.media{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(to bottom,black 86%,transparent)}.media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030914 0%,transparent 30%,transparent 95%,#030914),linear-gradient(#030914,transparent 18%);pointer-events:none}.poster,canvas{position:absolute;width:100%;height:100%;object-fit:contain}canvas{opacity:0}.sequence-ready canvas{opacity:1}.sequence-ready .poster{opacity:0}.hero-copy{position:absolute;left:4.5%;top:50%;transform:translateY(-46%);width:46%;z-index:2}.eyebrow{font-size:12px;letter-spacing:1.9px}.moments{position:relative;height:clamp(200px,20vw,310px);margin:25px 0 16px}.moment{position:absolute;inset:0;margin:0;font:italic 800 clamp(74px,7.5vw,118px)/.88 Condensed,Impact,sans-serif;letter-spacing:-.02em;opacity:0;visibility:hidden}.moment.active{opacity:1;visibility:visible}.moment em{color:var(--red);font-style:inherit}.hero-description{font-size:18px;color:#d5dce7;line-height:1.5;margin:0 0 26px}.text-link{display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid #ffffff70;padding:8px 0 12px;font-size:16px}.text-link span{font-size:25px;transition:transform .25s}.text-link:hover span{transform:translate(3px,-3px)}.cinema-bottom{position:absolute;bottom:30px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2;font-size:12px;letter-spacing:1px}.scroll-instruction{display:flex;gap:30px;align-items:center}.scroll-instruction span{font-size:25px}.chapter-controls{display:flex;align-items:center;gap:5px}.chapter-controls button{background:none;border:0;color:#b7c0d2;min-width:44px;min-height:44px;font-size:13px}.chapter-controls button[aria-pressed=true]{color:var(--white)}.track{width:100px;height:2px;background:#ffffff40;margin-left:12px;overflow:hidden}.track i{height:100%;display:block;background:var(--red);transform:scaleX(.02);transform-origin:left}.volume{color:#b7c0d2}.static-story{display:none}.brand{background:var(--blue);padding:32px 6% 110px;overflow:hidden}.section-line{display:flex;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #ffffff50;font-size:12px;letter-spacing:1.2px}.brand-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:80px;align-items:center}h2{font:italic 800 clamp(72px,10vw,160px)/.86 Condensed,Impact,sans-serif;letter-spacing:-.02em;margin:0}.brand h2 span{-webkit-text-stroke:1px #fff9ef;color:transparent}.brand-text{max-width:440px}.brand-text>p:first-of-type{font-size:clamp(25px,2.4vw,36px);line-height:1.15;margin:30px 0}.brand-text p{color:#f3f5ff}.asterisk{display:block;color:#fff9ef;font-size:96px;line-height:1;transform:rotate(-30deg);transition:transform 1.1s cubic-bezier(.2,.6,.2,1)}.brand.in-view .asterisk{transform:rotate(35deg)}.small{font-size:14px;margin-top:35px;opacity:.8}.flavour{min-height:850px;display:grid;grid-template-columns:56% 44%;align-items:center;overflow:hidden}.flavour-art{height:100%;min-height:850px;position:relative;overflow:hidden}.flavour-art img{height:100%;width:150%;max-width:none;object-fit:cover;object-position:75% center;transform:scale(1.08);transition:transform 1.3s cubic-bezier(.2,.6,.2,1);mask-image:linear-gradient(90deg,black 85%,transparent)}.flavour.in-view .flavour-art img{transform:scale(1)}.orbit-label{position:absolute;bottom:55px;left:10%;font-size:12px;letter-spacing:1px;writing-mode:vertical-rl;transform:rotate(180deg)}.flavour-copy{position:relative;padding:100px 12% 100px 0}.flavour h2{font-size:clamp(64px,7vw,110px);margin:30px 0}.flavour h2 em{color:var(--red);font-style:inherit}.flavour-copy>p:not(.eyebrow){max-width:380px;color:var(--muted)}.flavour-facts{display:flex;gap:45px;font-size:12px;letter-spacing:1px;padding:22px 0 32px}.closing{background:var(--red);color:#030914;position:relative;overflow:hidden;padding:35px 6% 0;min-height:950px}.closing-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px;border-bottom:1px solid #03091470;padding-bottom:25px}.closing-top a{font-size:16px;letter-spacing:0;min-height:44px;display:flex;align-items:center}.closing h2{margin-top:80px;font-size:clamp(100px,16vw,250px);position:relative;z-index:1;transition:transform 1.2s cubic-bezier(.2,.6,.2,1);transform:translateX(-3%)}.closing.in-view h2{transform:translateX(0)}.closing h2 span{color:var(--white)}.closing>p{font-size:22px;max-width:300px;margin:35px 0 22px}.replay{display:inline-flex;align-items:center;gap:20px;border:1px solid #03091480;border-radius:50%;width:160px;height:160px;justify-content:center;text-align:center;font-size:16px;padding:20px;transition:background .2s,color .2s}.replay:hover{background:var(--navy);color:var(--white)}.replay span{font-size:30px}.end-mark{font:italic 800 clamp(140px,30vw,460px)/.8 Condensed,Impact,sans-serif;text-align:right;color:var(--navy);margin-top:-80px;letter-spacing:-.04em;pointer-events:none}footer{padding:35px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:var(--muted)}footer a{padding:12px 0}footer p{margin:0}.motion-static .stage{height:920px}.motion-static .hero-copy{top:260px}.motion-static .static-story{display:flex;padding:30px 6%;gap:40px;font:italic 800 38px/1 Condensed,sans-serif}.motion-static .cinema-bottom{display:none}
@media(min-width:1800px){.media{inset:0 0 0 8%}.hero-copy{width:40%}}
@media(max-width:800px){.header{height:85px;padding:18px 6%}.header-note{display:none}.header nav{gap:22px}.wordmark{font-size:44px}.stage{height:100svh;min-height:740px}.hero-copy{left:6%;top:115px;transform:none;width:88%}.eyebrow{font-size:12px;letter-spacing:1.2px}.moments{height:165px;margin:24px 0 15px}.moment{font-size:76px;line-height:.88}.hero-description{font-size:16px}.hero-copy .text-link{display:none}.media{top:310px;height:calc(100% - 370px);mask-image:linear-gradient(transparent,black 12%,black 85%,transparent)}.cinema-bottom{bottom:15px;left:6%;right:6%}.scroll-instruction{font-size:12px;letter-spacing:0;gap:10px;max-width:130px}.volume{display:none}.chapter-controls{gap:0}.track{width:35px;margin-left:4px}.chapter-controls button{min-width:38px}.brand{padding:25px 6% 70px}.section-line span:last-child{display:none}.brand-layout{grid-template-columns:1fr;gap:45px;padding-top:55px}.brand h2{font-size:115px}.brand-text{display:grid;grid-template-columns:70px 1fr;gap:0 20px}.asterisk{font-size:65px;margin-top:25px}.brand-text p{grid-column:2}.brand-text>p:first-of-type{font-size:27px}.brand-text .small{margin-top:20px}.flavour{display:flex;flex-direction:column;min-height:0}.flavour-art{height:450px;min-height:0;width:100%}.flavour-art img{width:150%;object-position:75% center}.orbit-label{left:6%;bottom:25px;font-size:12px}.flavour-copy{padding:20px 6% 80px;width:100%}.flavour h2{font-size:84px;margin:25px 0}.flavour-copy>p:not(.eyebrow){max-width:390px}.closing{padding:25px 6% 0;min-height:800px}.closing-top>span{font-size:12px;max-width:120px}.closing-top a{font-size:14px}.closing h2{font-size:clamp(86px,21vw,160px);margin-top:65px}.closing>p{font-size:20px;max-width:230px}.replay{height:140px;width:140px}.end-mark{margin-top:60px;font-size:32vw;margin-right:-3%}footer{padding:28px 6%;flex-direction:column;align-items:flex-start;gap:10px}.motion-static .stage{height:800px}.motion-static .hero-copy{top:115px}.motion-static .static-story{flex-direction:column;font-size:34px;gap:15px}}
@media(max-width:360px){.moment{font-size:62px}.moments{height:145px}.brand h2{font-size:100px}.flavour h2{font-size:72px}.chapter-controls button{min-width:32px}.track{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.asterisk,.flavour-art img,.closing h2{transform:none!important}}

@media(max-width:800px){.poster{object-fit:cover;object-position:right center}}

.motion-static .cinema-bottom{display:flex}.motion-static .scroll-instruction{visibility:hidden}.motion-static .chapter-controls button{color:var(--white)}

.flavour-art img{width:100%;object-position:right center}
@media(max-width:800px){.flavour-art img{width:100%;object-position:right center}.flavour h2{font-size:clamp(62px,19.5vw,84px)}.closing h2{font-size:clamp(60px,19vw,150px)}.poster{width:166.6667%;left:-66.6667%;object-fit:contain;object-position:center}}

/* Mobile refinement: composition follows available height instead of fixed overlays. */
@media(max-width:800px){
 html{scroll-padding-top:0}
 .stage{height:100svh;min-height:600px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:100px 6% max(16px,env(safe-area-inset-bottom))}
 .hero-copy{position:relative;grid-row:1;left:auto;top:auto;transform:none;width:100%}
 .hero-copy .eyebrow{margin:0;font-size:12px;letter-spacing:1px}
 .moments{height:clamp(116px,17svh,144px);margin:20px 0 14px}
 .moment{font-size:clamp(62px,9svh,76px);line-height:.88}
 .hero-description{font-size:15px;line-height:1.45;margin:0;max-width:290px}
 .media{position:relative;grid-row:2;inset:auto;width:calc(100% + 12vw);height:100%;min-height:0;margin-left:-6vw;mask-image:linear-gradient(transparent,black 7%,black 88%,transparent)}
 .media:after{background:linear-gradient(90deg,#030914,transparent 10%,transparent 95%,#030914)}
 .cinema-bottom{position:relative;grid-row:3;bottom:auto;left:auto;right:auto;gap:8px;min-height:44px}
 .scroll-instruction{font-size:11px;line-height:1.35;max-width:135px;gap:10px;margin:0}
 .chapter-controls button{min-width:44px;min-height:44px;font-variant-numeric:tabular-nums}
 .track{width:28px;margin-left:3px}
 .brand-layout{padding-top:48px;gap:32px}
 .brand h2{font-size:clamp(88px,28vw,115px)}
 .brand-text{display:block;max-width:440px}
 .brand-text .asterisk{float:right;font-size:52px;margin:4px 0 16px 20px}
 .brand-text>p:first-of-type{font-size:26px;line-height:1.2;margin:0 0 26px}
 .brand-text>p:not(:first-of-type){max-width:37ch;line-height:1.55}
 .brand-text .small{margin:24px 0 0;font-size:14px}
 .brand{padding-bottom:64px}
 .flavour-art{height:auto;min-height:0;display:grid;grid-template-rows:auto auto;overflow:hidden}
 .flavour-art img{height:auto;aspect-ratio:1.05;width:100%;object-fit:cover;object-position:right center;mask-image:linear-gradient(black 82%,transparent)}
 .orbit-label{position:relative;left:auto;bottom:auto;writing-mode:horizontal-tb;transform:none;padding:4px 6% 0;font-size:11px;line-height:1.5;letter-spacing:.7px;color:var(--muted)}
 .flavour-copy{padding-top:32px;padding-bottom:64px}
 .flavour h2{margin:22px 0}
 .flavour-facts{padding:18px 0 24px}
 .closing{min-height:0;padding-bottom:26px}
 .closing-top{gap:20px;padding-bottom:20px}
 .closing-top>span{font-size:11px;max-width:150px;line-height:1.5}
 .closing h2{margin-top:50px}
 .closing>p{margin-top:28px;font-size:20px}
 .replay{width:148px;height:148px;flex-direction:column;gap:8px;padding:18px;font-size:15px;white-space:nowrap}
 .replay span{line-height:1;font-size:30px}
 .end-mark{font-size:30vw;text-align:left;margin:54px 0 0;line-height:.9}
 footer a{min-height:44px}
 .motion-static .stage{height:100svh;min-height:600px}
 .motion-static .hero-copy{top:auto}
 .motion-static .scroll-instruction{visibility:hidden}
 .motion-static .static-story{padding-top:22px;padding-bottom:30px;font-size:32px;gap:16px}
 .motion-static .static-story p{margin:0}
}
@media(max-width:360px){.moment{font-size:62px}.track{display:none}.scroll-instruction{font-size:10px;max-width:116px}.header nav{gap:18px}.moments{margin-top:18px}.brand-text>p:first-of-type{font-size:24px}.orbit-label{font-size:10px;letter-spacing:.5px}}
@media(max-width:800px) and (max-height:720px){.stage{padding-top:88px;gap:8px}.moments{height:116px;margin:16px 0 10px}.moment{font-size:66px}.hero-description{font-size:14px}.motion-static .stage{min-height:600px}}
@media(max-width:360px) and (max-height:720px){.moment{font-size:62px}}