:root{--ink:#0b0b0b;--paper:#efe7d6;--crimson:#a8101c;--gold:#e2b33c;--display:"Smythe", "Oranienbaum", "Gloock", "Times New Roman", serif;--ui:"M PLUS Rounded 1c", "Rubik", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--ink);overscroll-behavior:none;touch-action:none;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}a{color:inherit}button{font:inherit;color:inherit}#gl{width:100%;height:100%;display:block;position:fixed;inset:0}.top{z-index:20;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:22px 28px;display:flex;position:fixed;inset:0 0 auto}.top>*{pointer-events:auto}.logo{color:var(--paper);align-items:center;gap:10px;text-decoration:none;transition:color .3s;display:flex}.on-light .logo{color:var(--ink)}.on-light .sound i,.on-light .progress i{background:var(--ink)}.on-light .progress{background:#00000026}.logo svg,.foot-logo svg,.age-logo{fill:none;stroke:currentColor;stroke-width:1.6px;width:44px;height:44px}.logo svg .moon,.foot-logo svg .moon,.age-logo .moon{fill:var(--crimson);stroke:none}.logo span,.foot-logo span{font:400 30px/.9 var(--display);letter-spacing:.02em;-webkit-text-stroke:.02em currentColor}.logo small,.foot-logo small{font:800 9px/1 var(--ui);letter-spacing:.3em;text-transform:uppercase;margin-top:4px;display:block}.nav{background:var(--paper);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);align-items:center;gap:18px;padding:10px 18px;display:flex}.nav a{font:800 13px/1 var(--ui);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}.nav a:hover{color:var(--crimson)}.lang{border:1.5px solid var(--ink);cursor:pointer;font:800 11px/1 var(--ui);letter-spacing:.06em;background:0 0;margin-left:4px;padding:3px 7px}.lang:hover{background:var(--ink);color:var(--paper)}.nav i{background:var(--crimson);clip-path:polygon(0 50%,20% 0,40% 50%,60% 0,80% 50%,100% 0,100% 100%,0 100%);width:26px;height:10px}#captions{z-index:10;pointer-events:none;position:fixed;inset:0}.cap{will-change:transform;border:1.5px solid var(--ink);font:800 10.5px/1.6 var(--ui);text-transform:uppercase;letter-spacing:.03em;clip-path:inset(0 100% 0 0);opacity:0;background:#fbfaf7;margin:0;padding:10px 14px;transition:clip-path .55s cubic-bezier(.7,0,.2,1),opacity .3s;position:absolute;top:0;left:0}.cap.on{clip-path:inset(-4px);opacity:1}.cap .w{transition:color .12s}.cap .w.hl{color:var(--crimson)}@media (width<=700px){.cap{padding:8px 11px;font-size:10px}}.title{z-index:9;transform:translate(-50%, -50%) var(--tilt,none);text-align:center;pointer-events:none;color:var(--paper);font:400 clamp(64px, 12vw, 190px)/.84 var(--display);text-transform:uppercase;-webkit-text-stroke:.025em currentColor;white-space:nowrap;margin:0;position:fixed;top:46%;left:50%}.title .the{font:800 clamp(12px, 1.3vw, 20px)/1 var(--ui);letter-spacing:.5em;-webkit-text-stroke:0;margin:0 0 .6em .5em;display:block}.title .word{display:block}.title .ch{opacity:0;transform:translateY(.35em) rotate(var(--r,0deg));filter:blur(10px);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.8,.2,1),filter .9s;display:inline-block}.title.in .ch{opacity:1;filter:none;transform:none}.title .the{opacity:0;transition:opacity 1s .2s}.title.in .the{opacity:1}.title.outro{color:var(--paper)}.scrollhint{z-index:9;font:800 11px/1 var(--ui);letter-spacing:.3em;text-transform:uppercase;color:var(--paper);pointer-events:none;flex-direction:column;align-items:center;gap:10px;transition:opacity .5s;display:flex;position:fixed;bottom:34px;left:50%;transform:translate(-50%)}.scrollhint i{background:linear-gradient(var(--paper) 50%, transparent 50%);background-size:2px 68px;width:2px;height:34px;animation:1.6s linear infinite drip}@keyframes drip{0%{background-position:0 -34px}to{background-position:0 34px}}.scrollhint.off{opacity:0}.hold{z-index:15;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:12px;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:9vh;left:50%;transform:translate(-50%,20px)}.hold.on{opacity:1;pointer-events:auto;transform:translate(-50%)}.hold-label{background:var(--ink);color:var(--paper);font:800 11px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;margin:0;padding:7px 12px}.hold-btn{cursor:pointer;width:96px;height:96px;box-shadow:0 0 0 2px var(--ink), 4px 4px 0 2px var(--ink);font:800 13px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;touch-action:none;-webkit-user-select:none;user-select:none;background:#fbf8f1;border:0;border-radius:50%;padding:0;transition:transform .2s;position:relative}.hold-btn.down{transform:scale(.92)}.hold-btn svg{position:absolute;inset:0;transform:rotate(-90deg)}.hold-btn circle{fill:none;stroke-width:6px}.hold-btn .track{stroke:#00000014}.hold-btn .ring{stroke:var(--crimson);stroke-dasharray:289;stroke-dashoffset:289px}.hold-btn span{position:relative}.hold-btn:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.panel{z-index:12;will-change:transform;visibility:hidden;position:fixed;inset:0;transform:translateY(100%)}.panel.vis{visibility:visible}.manifesto{background:var(--crimson);color:var(--paper);place-items:center;padding:90px 24px 40px;display:grid}.m-inner{text-align:center;max-width:980px}.kicker,.m-sign{font:800 12px/1 var(--ui);letter-spacing:.3em;text-transform:uppercase;margin:0}.manifesto h2{font:400 clamp(48px, 8.5vw, 132px)/.9 var(--display);-webkit-text-stroke:.02em currentColor;text-transform:uppercase;color:var(--ink);margin:28px 0}.manifesto h2 span{display:block}.m-body{max-width:560px;font:300 16px/1.6 var(--body);margin:0 auto 28px}.collection{background:var(--crimson);color:var(--ink);overflow:hidden}.collection .side,.soon .side{font:800 13px/1.25 var(--ui);letter-spacing:.04em;text-transform:uppercase;color:var(--paper);margin:0;position:absolute;top:50%;transform:translateY(-50%)}.collection .side.left{left:6vw}.collection .side.right{text-align:right;right:6vw}.flavour{text-align:center;width:100%;font:400 clamp(60px, 10.5vw, 170px)/.86 var(--display);text-transform:uppercase;color:var(--paper);-webkit-text-stroke:.025em currentColor;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flavour .line{white-space:nowrap;display:block}.flavour .ch{transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .5s;display:inline-block}.flavour .ch.from{transform:translateY(.5em) rotate(var(--r));opacity:0;filter:blur(8px)}.flavour .ch.gone{transform:translateY(-.6em) rotate(var(--r));opacity:0;filter:blur(8px)}#bottle{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.c-meta{max-width:260px;color:var(--paper);position:absolute;bottom:8vh;left:6vw}.c-no{font:800 12px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;margin:0 0 10px}.c-notes{font:300 14px/1.55 var(--body);margin:0}.c-spec{text-align:right;color:var(--paper);font:800 12px/1.8 var(--ui);letter-spacing:.2em;text-transform:uppercase;position:absolute;bottom:8vh;right:6vw}.c-spec p{margin:0}.c-dots{gap:10px;display:flex;position:absolute;bottom:5vh;left:50%;transform:translate(-50%)}.c-dots button{border:2px solid var(--paper);cursor:pointer;background:0 0;border-radius:50%;width:12px;height:12px;padding:0}.c-dots button[aria-selected=true]{background:var(--paper)}.outro-panel{background:var(--paper);grid-template-rows:1fr auto;display:grid}.soon{place-items:center;display:grid;position:relative}.soon h2{text-align:center;font:400 clamp(44px, 7vw, 110px)/.9 var(--display);-webkit-text-stroke:.02em currentColor;text-transform:uppercase;margin:0}.soon .side{color:var(--crimson)}.soon .side:first-child{left:14vw}.soon .side:last-of-type{text-align:right;right:14vw}.foot{color:var(--paper);background:#121212;grid-template-columns:1fr auto;gap:24px 40px;min-height:38vh;padding:40px 28px 28px;display:grid}.foot-logo{align-self:start;align-items:center;gap:12px;display:flex}.foot-logo svg{width:64px;height:64px}.foot-logo span{font-size:40px}.foot-links{font:800 13px/1 var(--ui);text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:18px;display:flex}.foot-links a:last-child{font:300 13px/1 var(--body);text-transform:none;letter-spacing:0}.foot-legal{font:300 12px/1 var(--body);opacity:.7;grid-column:1/-1;align-self:end;margin:0}.progress{z-index:20;background:#ffffff2e;width:3px;height:120px;position:fixed;top:50%;right:8px;transform:translateY(-50%)}.progress i{transform-origin:top;background:#fff;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleY(0)}.sound{z-index:20;cursor:pointer;background:0 0;border:0;align-items:flex-end;gap:3px;height:22px;padding:0;display:flex;position:fixed;bottom:24px;right:26px}.sound i{background:#fff;width:3px;height:30%;transition:height .3s}.sound[aria-pressed=true] i{animation:.9s ease-in-out infinite alternate eq}.sound i:nth-child(2){animation-delay:-.3s}.sound i:nth-child(3){animation-delay:-.6s}.sound i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%{height:20%}to{height:100%}}.cover{z-index:30;background:var(--ink);opacity:0;pointer-events:none;transition:opacity .35s;position:fixed;inset:0}.cover.on{opacity:1}.age{z-index:40;background:var(--ink);color:var(--paper);place-items:center;padding:24px;transition:opacity .8s,visibility .8s;display:grid;position:fixed;inset:0}.age.out{opacity:0;visibility:hidden}.age-inner{text-align:center}.age-logo{width:64px;height:64px;color:var(--paper)}.age h2{font:400 clamp(36px, 5vw, 64px)/.95 var(--display);text-transform:uppercase;margin:26px 0 30px}.age-btns{justify-content:center;gap:16px;display:flex}.age-btns button{border:2px solid var(--paper);min-width:120px;color:var(--paper);font:800 13px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;padding:14px 22px;transition:background .2s,color .2s}.age-btns button:hover:not(:disabled){background:var(--paper);color:var(--ink)}.age-btns button:disabled{opacity:.35;cursor:progress}.age-msg{font:300 14px/1.4 var(--body);margin:22px 0 0}.loader{background:#ffffff26;width:200px;height:2px;margin:34px auto 0}.loader i{background:var(--paper);width:0;height:100%;transition:width .2s;display:block}@media (width<=700px){.top{padding:14px 16px}.logo svg{width:34px;height:34px}.logo span{font-size:20px}.nav{gap:10px;padding:8px 10px}.nav a{font-size:11px}.nav i{width:16px}.collection .side,.soon .side{display:none}.flavour{top:30%}.c-meta{max-width:none;bottom:11vh;left:16px;right:16px}.c-spec,.c-notes{display:none}.foot{grid-template-columns:1fr;padding:28px 16px 20px}.foot-logo span{font-size:30px}}@media (prefers-reduced-motion:reduce){.cap,.title .ch,.flavour .ch{transition:none}}.hold.pick .hold-btn{display:none}.manifesto{overflow:hidden}.glass-bottle{--c:62, 159, 216;aspect-ratio:1/3;width:clamp(110px,13vw,190px);transform:translate(-50%, -50%) translate3d(var(--gx,0px), var(--gy,0px), 0) rotate(var(--gr,8deg));-webkit-backdrop-filter:blur(7px)saturate(1.6)brightness(1.15);pointer-events:none;will-change:transform;background:linear-gradient(100deg,#ffffff47,#ffffff0d 45%,#ffffff2e);position:absolute;top:50%;left:50%;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 300'><path d='M40 0h20v34c0 6 3 9 6 14 8 12 14 20 14 34v200c0 9-6 16-15 16H35c-9 0-15-7-15-16V82c0-14 6-22 14-34 3-5 6-8 6-14z' fill='black'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 300'><path d='M40 0h20v34c0 6 3 9 6 14 8 12 14 20 14 34v200c0 9-6 16-15 16H35c-9 0-15-7-15-16V82c0-14 6-22 14-34 3-5 6-8 6-14z' fill='black'/></svg>") 50%/contain no-repeat}.glass-bottle .liquid{background:linear-gradient(180deg, rgba(var(--c), .55), rgba(var(--c), .85));mix-blend-mode:multiply;position:absolute;inset:38% 0 0}.glass-bottle .shine{filter:blur(1px);background:#ffffff8c;border-radius:99px;width:9%;height:58%;position:absolute;top:32%;left:24%}@media (prefers-reduced-motion:reduce){.glass-bottle{transform:translate(-50%,-50%)rotate(8deg)}}