:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#17120f;color:#f3eadb;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}body{background:#17120f;overscroll-behavior:none}#app{position:relative;isolation:isolate;background:radial-gradient(circle at 68% 37%,rgba(172,99,50,.18),transparent 34%),radial-gradient(ellipse at 42% 92%,rgba(89,48,28,.22),transparent 48%),linear-gradient(180deg,#241a15,#100d0b);touch-action:none}#app:before{position:absolute;z-index:1;inset:0;content:"";pointer-events:none}#app:before{background:linear-gradient(180deg,rgba(6,5,4,.34),transparent 24%,transparent 72%,rgba(5,4,3,.42))}#scene{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:grab}#scene.is-pouring{cursor:grabbing}.intro{position:absolute;z-index:2;top:max(7vh,env(safe-area-inset-top));left:50%;width:min(88vw,520px);translate:-50% 0;text-align:center;pointer-events:none;opacity:0;filter:blur(10px);transform:translateY(12px);transition:opacity 1.5s cubic-bezier(.22,1,.36,1),filter 1.5s cubic-bezier(.22,1,.36,1),transform 1.5s cubic-bezier(.22,1,.36,1)}.is-loaded .intro{opacity:1;filter:blur(0);transform:translateY(0)}.has-started:not(.is-revealed) .intro{opacity:.22;filter:blur(2px);transform:translateY(-6px) scale(.985)}.is-revealed .intro{opacity:1;filter:blur(0);transform:translateY(0)}.eyebrow,.tagline,.status-copy,.instruction{letter-spacing:.14em;text-transform:uppercase}.eyebrow{margin:0 0 .75rem;color:#b99a75;font-size:.64rem}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.3rem,15vw,7rem);font-weight:400;line-height:.88;letter-spacing:-.075em}.tagline{margin:1.1rem 0 0;color:#d4c3ae;font-size:clamp(.58rem,1.9vw,.76rem)}.instruction{position:absolute;z-index:2;bottom:max(8vh,calc(env(safe-area-inset-bottom) + 1.25rem));left:50%;display:flex;gap:.65rem;align-items:center;translate:-50% 0;color:#d9c7af;font-size:.62rem;white-space:nowrap;pointer-events:none;transition:opacity .8s ease,transform .8s ease}.has-started .instruction,.is-revealed .instruction{opacity:0;transform:translateY(8px)}.instruction__dot{width:8px;height:8px;border:1px solid #d6a66f;border-radius:50%;box-shadow:0 0 0 4px #d6a66f14;animation:breathe 1.8s ease-in-out infinite}.progress{position:absolute;z-index:2;right:max(1.4rem,env(safe-area-inset-right));bottom:max(6vh,calc(env(safe-area-inset-bottom) + 1.1rem));width:2px;height:min(17vh,120px);overflow:hidden;border-radius:1px;background:#eedbc21f;pointer-events:none}.progress__fill{position:absolute;inset:auto 0 0;height:var(--progress, 0%);background:#d6a66f;box-shadow:0 0 8px #d6a66fa6;transition:height .1s linear}.status-copy{position:absolute;z-index:2;right:max(2rem,calc(env(safe-area-inset-right) + .6rem));bottom:max(6vh,calc(env(safe-area-inset-bottom) + 1.1rem));margin:0 0 0 -10rem;color:#836f5c;font-size:.5rem;writing-mode:vertical-rl;pointer-events:none}noscript{position:absolute;inset:50% auto auto 50%;translate:-50% -50%}@keyframes breathe{50%{border-color:#f0c58f;box-shadow:0 0 0 7px #d6a66f00;transform:scale(.88)}}@media(min-width:768px){.intro{top:8vh}.instruction{bottom:6vh}.progress,.status-copy{bottom:5vh}}@media(min-width:768px)and (min-aspect-ratio:1 / 1){.intro{top:max(7vh,3.5rem);left:clamp(3rem,6vw,7rem);width:min(38vw,32rem);translate:0 0;text-align:left}.intro h1{font-size:clamp(4.2rem,7.2vw,7rem)}}@media(max-width:767px),(max-aspect-ratio:39 / 50){.intro{top:max(4.5vh,calc(env(safe-area-inset-top) + 1.1rem));width:min(90vw,460px)}.eyebrow{margin-bottom:.6rem;font-size:.56rem;letter-spacing:.2em}.intro h1{font-size:clamp(2.6rem,12.2vw,4.2rem);letter-spacing:-.05em}.tagline{margin-top:.85rem;font-size:.58rem;letter-spacing:.11em}.instruction{bottom:max(12vh,calc(env(safe-area-inset-bottom) + 4.6rem));font-size:.6rem}.progress{right:auto;bottom:max(4vh,calc(env(safe-area-inset-bottom) + 1.2rem));left:50%;width:min(76vw,320px);height:2px;translate:-50% 0}.progress__fill{inset:0 auto 0 0;width:var(--progress, 0%);height:100%;transition:width .1s linear}.status-copy{right:auto;bottom:max(6.5vh,calc(env(safe-area-inset-bottom) + 2.35rem));left:50%;width:max-content;margin:0;color:#9a836c;font-size:.55rem;text-align:center;writing-mode:horizontal-tb;translate:-50% 0}}@media(max-height:460px)and (orientation:landscape){.intro{top:max(3vh,env(safe-area-inset-top))}.intro h1{font-size:clamp(2.2rem,7vw,3.4rem)}.instruction{bottom:max(4vh,calc(env(safe-area-inset-bottom) + .8rem))}}@media(prefers-reduced-motion:reduce){.intro,.has-started:not(.is-revealed) .intro{opacity:1;filter:none;transform:none;transition:none}.instruction{display:none}.instruction__dot{animation:none}.progress__fill{height:100%;width:100%;transition:none}}