.splash{--gold:#f5b400;--gold-light:#ffe08a;--review:color-mix(in oklab, var(--accent) 62%, white);--aura:1;--glow:.32;z-index:100;background:var(--bg);animation:.45s cubic-bezier(.65,0,.35,1) 3.55s both splash-out;position:fixed;inset:0;overflow:hidden}@keyframes splash-out{to{opacity:0;visibility:hidden}}.splash__defs{position:absolute}.splash__stage{width:1920em;height:1080em;margin:-540em 0 0 -960em;font-size:min(.0892857vw,.0925926dvh);line-height:normal;position:absolute;top:50%;left:50%}.splash__ambient{animation:3.96s linear both splash-ambient;position:absolute;inset:0}@keyframes splash-ambient{0%{opacity:0;animation-timing-function:cubic-bezier(.33,1,.68,1)}7.92%{opacity:1}87.13%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}to{opacity:0}}.splash__aura{background:radial-gradient(closest-side, var(--accent), transparent);border-radius:50%;position:absolute;translate:-50% -50%}.splash__aura--west{width:1000em;height:720em;opacity:calc(.16 * var(--aura));animation:3.96s linear both splash-drift-west;top:400em;left:560em}.splash__aura--east{width:1100em;height:780em;opacity:calc(.12 * var(--aura));animation:3.96s linear both splash-drift-east;top:680em;left:1380em}@keyframes splash-drift-west{0%{transform:translateY(15em)}25%{transform:translate(9.7em,14.3em)}50%{transform:translate(17.9em,12.4em)}75%{transform:translate(23.3em,9.3em)}to{transform:translate(25em,5.4em)}}@keyframes splash-drift-east{0%{transform:translate(21.6em,-7.6em)}25%{transform:translate(15em,-11.1em)}50%{transform:translate(6em,-13.6em)}75%{transform:translate(-3.9em,-14.8em)}to{transform:translate(-13.2em,-14.8em)}}.splash__vignette{background:radial-gradient(ellipse 75% 75% at 50% 45%, transparent 40%, var(--bg) 100%);position:absolute;inset:0}.splash__camera{transform-origin:50% 48%;animation:3.96s linear both splash-camera;position:absolute;inset:0}@keyframes splash-camera{0%{transform:scale(1)}67.43%{transform:scale(1.0387)}68.82%{transform:scale(1.0365)}69.86%{transform:scale(1.0247)}70.9%{transform:scale(1.0107)}71.94%{transform:scale(1.0259)}72.98%{transform:scale(1.0389)}74.36%{transform:scale(1.0427)}87.13%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);transform:scale(1.05)}to{opacity:0;transform:scale(1.13)}}.splash__glow{background:radial-gradient(closest-side, var(--gold), transparent);width:760em;height:380em;opacity:var(--glow);border-radius:50%;margin:-190em 0 0 -380em;animation:.392s cubic-bezier(.33,1,.68,1) .78s both splash-glow-in,.51s cubic-bezier(.65,0,.35,1) 1.49s both splash-glow-rise;position:absolute;top:350em;left:960em}@keyframes splash-glow-in{0%{opacity:0}}@keyframes splash-glow-rise{0%{transform:translateY(190em)scale(1.7105,1.4737)}}.splash__ring{border:0 solid var(--accent);opacity:0;animation:.588s cubic-bezier(.33,1,.68,1) forwards splash-ring;animation-delay:calc(2.67s + var(--k) * .1176s);border-radius:50%;position:absolute;top:500em;left:960em;translate:-50% -50%}.splash__ring--gold{border-color:var(--gold)}@keyframes splash-ring{0%{opacity:.7;border-width:6em;width:420em;height:420em}to{opacity:0;border-width:2em;width:1700em;height:1700em}}.splash__star{position:absolute;top:540em;left:960em}.splash__move{translate:calc(var(--d) * 200em) 0;transform:translate(calc(var(--d) * -110em), calc(var(--dy) * 1em));animation:.51s cubic-bezier(.34,1.56,.64,1) both splash-burst-move,.51s cubic-bezier(.65,0,.35,1) 1.49s both splash-logo-move;animation-delay:calc(var(--i) * 78.4ms), 1.49s}@keyframes splash-burst-move{0%{translate:0}}@keyframes splash-logo-move{0%{transform:none}}.splash__bump{animation:.22s linear both splash-bump;animation-delay:calc(.78s + var(--i) * .1098s)}@keyframes splash-bump{0%{transform:scale(1)}6%{transform:scale(1.1522)}13%{transform:scale(1.2636)}21%{transform:scale(1.3)}30%{transform:scale(1.2642)}42%{transform:scale(1.1726)}56%{transform:scale(1.0793)}72%{transform:scale(1.0207)}to{transform:scale(1)}}.splash__turn{transform:rotate(calc(var(--d) * 7deg)) scale(.475);animation:.51s cubic-bezier(.34,1.56,.64,1) both splash-burst-turn,.51s cubic-bezier(.65,0,.35,1) 1.49s both splash-logo-move;animation-delay:calc(var(--i) * 78.4ms), 1.49s}@keyframes splash-burst-turn{0%{rotate:-180deg;scale:.2}}.splash__shape{width:160em;height:160em;animation:.157s cubic-bezier(.33,1,.68,1) both splash-fade-in;animation-delay:calc(var(--i) * 78.4ms);position:absolute;top:-80em;left:-80em;overflow:visible}@keyframes splash-fade-in{0%{opacity:0}}.splash__outline{fill:none;stroke:var(--gold);stroke-width:4.5px;stroke-linejoin:round;stroke-dasharray:430;animation:.47s cubic-bezier(.65,0,.35,1) both splash-outline;animation-delay:calc(var(--i) * 78.4ms)}@keyframes splash-outline{0%{stroke-dashoffset:430px}}.splash__fill{animation:.22s cubic-bezier(.33,1,.68,1) both splash-fill;animation-delay:calc(.78s + var(--i) * .1098s)}@keyframes splash-fill{0%{fill-opacity:0}}.splash__lit{animation:80ms linear both splash-fade-in;animation-delay:calc(2.04s + var(--i) * 28ms)}.splash__shine{transform:translate(calc((161.84 - var(--d) * 33.32) * 1px), calc((149.1 - var(--d) * 31.675) * 1px));animation:.588s cubic-bezier(.65,0,.35,1) 1.843s both splash-shine}@keyframes splash-shine{0%{transform:translate(calc((-161.84 - var(--d) * 33.32) * 1px), calc((-158.6 - var(--d) * 31.675) * 1px))}}.splash__sparks{opacity:0;width:480em;height:480em;animation:.337s cubic-bezier(.33,1,.68,1) forwards splash-sparks-fade;animation-delay:calc(.874s + var(--i) * .1098s);position:absolute;top:-240em;left:-240em;overflow:visible}@keyframes splash-sparks-fade{0%{opacity:1}to{opacity:0}}.splash__spark{stroke:var(--gold);stroke-width:4px;stroke-linecap:round;animation:.337s cubic-bezier(.33,1,.68,1) both splash-sparks-shoot;animation-delay:calc(.874s + var(--i) * .1098s)}.splash__spark:nth-child(2n){stroke:var(--gold-light)}@keyframes splash-sparks-shoot{0%{stroke-dasharray:4.4 1000;stroke-dashoffset:-83.6px}to{stroke-dasharray:48.4 1000;stroke-dashoffset:-119.6px}}.splash__wordmark{height:240em;font-family:var(--font-barlow-condensed), sans-serif;justify-content:center;gap:30em;display:flex;position:absolute;top:430em;left:0;right:0;overflow:hidden}.splash__word{letter-spacing:-.01em;font-size:220em;line-height:1.05;animation:.47s cubic-bezier(.33,1,.68,1) 1.686s both splash-rise}.splash__word:first-child{color:var(--ink);font-weight:700}.splash__word:last-child{color:var(--review);font-weight:500;animation-delay:1.764s}@keyframes splash-rise{0%{transform:translateY(105%)}}.splash__tagline{justify-content:center;align-items:center;gap:28em;display:flex;position:absolute;top:700em;left:0;right:0}.splash__rule{background:linear-gradient(to left, var(--gold), transparent);transform-origin:100%;width:130em;height:2em;animation:.47s cubic-bezier(.65,0,.35,1) 2s both splash-rule}.splash__rule:last-child{background:linear-gradient(to right, var(--gold), transparent);transform-origin:0}@keyframes splash-rule{0%{transform:scaleX(0)}}.splash__motto{font-family:var(--font-barlow), sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-size:32em;font-weight:500;animation:.431s cubic-bezier(.33,1,.68,1) 2.039s both splash-motto}@keyframes splash-motto{0%{opacity:0;letter-spacing:.5em}}@media (prefers-reduced-motion:reduce){.splash{animation:.4s ease-out 1.2s both splash-out!important}.splash *{animation:none!important}}
.hero{--giant:clamp(56px, min(13vw, 19svh), 200px)}.hero__wordmark{font-size:var(--giant);line-height:.92}.hero__frame{margin-top:calc(var(--giant) * -.11)}.hero__body{min-height:min(calc(100svh - var(--giant) * .81 - 36px), 820px)}.hero__title{font-size:clamp(40px,min(5.6vw,8.6svh),88px)}.hero__visual{height:clamp(340px,56svh,520px)}@media (min-width:1024px) and (max-height:760px){.hero__steps{display:none}}.hero__giant{background:linear-gradient(180deg, var(--ink) 25%, color-mix(in oklab, var(--ink) 35%, transparent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__giant--accent{background-image:linear-gradient(180deg, var(--accent-text) 25%, color-mix(in oklab, var(--accent-text) 35%, transparent) 100%)}.hero__panel{--mx:0;--my:0;background:radial-gradient(55% 65% at 76% 46%, color-mix(in oklab, var(--accent) 60%, transparent), transparent 70%), radial-gradient(30% 40% at 66% 78%, #f5b40033, transparent 70%), linear-gradient(160deg, #111d2b 0%, #0a1018 70%);border-radius:28px;position:relative;overflow:hidden}.hero__dots{pointer-events:none;background-image:radial-gradient(#f1f4f817 1px,#0000 1.2px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 70%,#000,#0000);mask-image:radial-gradient(70% 80% at 70%,#000,#0000)}.hero__far{opacity:.12;pointer-events:none;width:min(62vw,760px);transform:translate(calc(var(--mx) * -30px), calc(var(--my) * -20px)) rotate(12deg);transition:transform .4s ease-out;position:absolute;top:6%;right:-6%}.hero__near{transform:translate(calc(var(--mx) * -22px), calc(var(--my) * -16px));transition:transform .35s ease-out}.hero__mid{transform:translate(calc(var(--mx) * 16px), calc(var(--my) * 12px));transition:transform .35s ease-out}.hero__in{animation:hero-in .8s cubic-bezier(.2, .7, .2, 1) calc(var(--delay,0s) + .1s) both}.storefront:has(>.splash) .hero__in{animation-delay:calc(var(--delay,0s) + 3.2s)}@keyframes hero-in{0%{opacity:0;transform:translateY(22px)}}.hero__pulse{animation:1.6s ease-out infinite hero-pulse}@keyframes hero-pulse{0%{box-shadow:0 0 #f5b400b3}to{box-shadow:0 0 0 10px #f5b40000}}.hero__shine{background:linear-gradient(100deg,#c98a00 0%,#f5b400 30%,#fff3c4 50%,#f5b400 70%,#c98a00 100%) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite hero-shine}@keyframes hero-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.hero__float-a{animation:5s ease-in-out infinite hero-float-a}.hero__float-b{animation:6s ease-in-out infinite hero-float-b}@keyframes hero-float-a{50%{translate:0 -14px}}@keyframes hero-float-b{50%{translate:0 12px}}.hero__twinkle{animation:2.8s ease-in-out infinite hero-twinkle}@keyframes hero-twinkle{0%,to{opacity:0;transform:scale(.4)rotate(0)}50%{opacity:1;transform:scale(1)rotate(45deg)}}.hero__halo{aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#5d9be073,#1662b026 55%,#0000);border-radius:50%;width:min(520px,100%);position:absolute;top:46%;left:50%;translate:-50% -50%}.hero__shadow{pointer-events:none;background:radial-gradient(closest-side,#000000a6,#0000);border-radius:50%;width:240px;height:34px;transition:width .9s cubic-bezier(.65,0,.35,1),opacity .9s;position:absolute;bottom:9%;left:50%;translate:-50%}.hero__stand{--stand:url(/brand/stand.webp) center / 100% 100% no-repeat;aspect-ratio:696/788;perspective:1300px;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:12px;width:min(320px,64vw,40svh);animation:5.5s ease-in-out infinite hero-float-a;position:relative}.hero__tilt,.hero__spin,.hero__layer,.hero__face,.hero__back,.hero__gloss{position:absolute;inset:0}.hero__tilt{transform-style:preserve-3d;transform:rotateX(calc(var(--my) * -7deg)) rotateY(calc(var(--mx) * 12deg));transition:transform .35s ease-out}.hero__spin{transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.65,0,.35,1);transform:translateY(0)rotateY(0)rotate(-3deg)scale(1)}.hero__stand[data-flipped] .hero__spin{transform:translateY(-22px)rotateY(180deg)rotate(4deg)scale(1.06)}.hero__visual:has(.hero__stand[data-flipped]) .hero__shadow{opacity:.5;width:150px}@media (hover:hover){.hero__stand:hover .hero__spin{transform:translateY(-22px)rotateY(180deg)rotate(4deg)scale(1.06)}.hero__visual:has(.hero__stand:hover) .hero__shadow{opacity:.5;width:150px}}.hero__layer,.hero__gloss,.hero__back{-webkit-mask:var(--stand);-webkit-mask:var(--stand);mask:var(--stand)}.hero__layer--1{background:#c9d1dc;transform:translateZ(-3px)}.hero__layer--2{background:#aab4c3;transform:translateZ(-6px)}.hero__layer--3{background:#8a96a8;transform:translateZ(-9px)}.hero__face{backface-visibility:hidden;filter:drop-shadow(0 30px 40px #00000073)}.hero__gloss{pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff8c 50%,#0000 65%) 0 0/250% 100%;animation:4.5s ease-in-out infinite hero-gloss}@keyframes hero-gloss{0%,55%{background-position:160% 0}to{background-position:-60% 0}}.hero__back{color:#16202c;backface-visibility:hidden;background:linear-gradient(160deg,#f7f9fc 0%,#dfe5ee 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;transform:rotateY(180deg)translateZ(9px)}.hero__hint-touch{display:none}@media (hover:none){.hero__hint-hover{display:none}.hero__hint-touch{display:inline}}@media (prefers-reduced-motion:reduce){.hero__panel{--mx:0!important;--my:0!important}}.map{background:#e9eef2}.map__ground{background-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0),linear-gradient(#fff 0 0),linear-gradient(#fff 0 0),linear-gradient(#f6e7b8 0 0);background-position:0 38%,40% 0,0 70%,78% 0,0 18%;background-repeat:no-repeat;background-size:100% 14px,14px 100%,100% 10px,10px 100%,100% 18px;position:absolute;inset:0}.order-dialog{border:0;border-radius:26px;width:min(100% - 32px,480px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 40px 80px -20px #0009}.order-dialog[open]{animation:.32s cubic-bezier(.2,.7,.2,1) both order-in}.order-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060a10b8}@keyframes order-in{0%{opacity:0;transform:translateY(16px)scale(.98)}}