:root{color-scheme:dark;--cream:#f7efdf;--ink:#07172c;--lime:#c3e337}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.skip{position:fixed;left:1rem;top:-5rem;z-index:99;background:var(--ink);padding:.8rem}.skip:focus{top:1rem}header{position:fixed;inset:0 0 auto;z-index:20;height:78px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:linear-gradient(#07172c88,transparent);text-transform:uppercase;font-size:10px;letter-spacing:.17em}header>a:last-child{justify-self:end;border-bottom:1px solid #fff6;padding-bottom:.5rem}.brand{font-size:36px;font-weight:900;letter-spacing:-.09em;text-transform:none}.brand sup{font-size:9px;letter-spacing:0;vertical-align:top;margin-left:.3rem}.film{position:fixed;inset:0;overflow:hidden;background:#06142b}.film video{width:100%;height:100%;object-fit:cover}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,#07172c66,transparent 42%,#07172c18),linear-gradient(0deg,#07172c33,transparent 35%);pointer-events:none}.load{position:fixed;left:4vw;bottom:24px;z-index:30;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.load:empty{display:none}.rail{position:fixed;right:22px;top:38%;z-index:30;width:2px;height:24%;background:#fff3}.rail span{display:block;height:100%;background:var(--lime);transform:scaleY(0);transform-origin:top}main{position:relative}section{height:150vh;position:relative}.copy{position:fixed;left:7vw;top:27%;z-index:10;max-width:43vw;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .24s,transform .24s}.active .copy{opacity:1;visibility:visible;transform:none}.copy.right{left:auto;right:7vw}.copy.center,.copy.top{left:7vw;right:7vw;max-width:none;text-align:center}.copy.center{top:32%}.copy.top{top:12%}.copy small{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.24em;text-shadow:0 2px 18px #07172c}.copy h1,.copy h2{font-size:clamp(48px,6.8vw,108px);line-height:.9;letter-spacing:-.065em;text-transform:uppercase;margin:1.2rem 0;text-shadow:0 6px 40px #07172c66}.copy.top h2{font-size:clamp(34px,4.3vw,68px);margin:.7rem 0}.copy em{font-style:normal;color:var(--lime)}.copy p{font-size:15px;line-height:1.55;text-shadow:0 2px 14px #07172c}.copy>a{display:inline-block;margin-top:2rem;font-size:10px;text-transform:uppercase;letter-spacing:.2em}.flavours{position:fixed;z-index:10;left:18%;right:18%;bottom:10%;display:flex;justify-content:space-between;text-align:center;opacity:0;visibility:hidden;transition:opacity .25s}.active .flavours{opacity:1;visibility:visible}.flavours span{font-size:10px;text-transform:uppercase;letter-spacing:.16em}.flavours small{display:block;margin-top:.4rem;opacity:.7}footer{position:relative;z-index:10;background:#07172c;padding:28px 4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.15em;text-transform:uppercase}
@media(max-width:720px){header{grid-template-columns:1fr 1fr;padding:0 6vw}header span{display:none}.brand{font-size:30px}.film video{object-fit:contain;object-position:center 18%;height:62%}.vignette{background:linear-gradient(0deg,#07172caa,transparent 60%)}.copy,.copy.right,.copy.center,.copy.top{left:7vw;right:7vw;top:62%;max-width:none;text-align:left}.copy h1,.copy h2,.copy.top h2{font-size:clamp(38px,11vw,62px);margin:.7rem 0}.copy p{font-size:13px}.flavours{left:4%;right:4%;bottom:8%}.flavours span{font-size:8px;letter-spacing:.05em}.rail{right:10px}footer{gap:1rem;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.copy{transition:none;transform:none}section{height:110vh}}