.vx-mani{position:relative;height:210vh}.vx-mani__pin{position:sticky;top:0;height:100svh;display:grid;align-items:center}.vx-mani__in{display:grid;gap:30px}.vx-mani__t{font:300 clamp(30px,4.7vw,70px)/1.12 var(--vx-serif);letter-spacing:-.018em;max-width:20ch;text-wrap:balance}.js .vx-mani__t .vx-w{color:#ece6da21;transition:color .45s ease}.js .vx-mani__t .vx-w.on{color:var(--vx-bone)}.vx-how{position:relative;height:360vh}.vx-how__pin{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;align-items:center}.vx-how__in{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,96px)}.vx-how__stage{position:relative;display:grid;place-items:center}.vx-how__m{position:relative;height:min(62svh,680px);aspect-ratio:214/646;margin-right:clamp(90px,12vw,200px)}.vx-how__body,.vx-how__dome{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.vx-how__body{z-index:1;clip-path:inset(15.15% 0 0 0)}.vx-how__open{position:absolute;z-index:2;left:9.3%;width:81.4%;top:13.9%;height:2.5%;border-radius:50%;background:radial-gradient(closest-side,#000 52%,#26211c 78%,#9a9086 97%);opacity:var(--lid,0)}.vx-how__dome{z-index:3;clip-path:inset(0 0 84.85% 0);transform-origin:12% 15%;transform:translate3d(calc(var(--lid,0)*-5%),calc(var(--lid,0)*-7%),0) rotate(calc(var(--lid,0)*-9deg))}.vx-how__water{position:absolute;z-index:2;left:calc(50% - 1px);width:2px;top:-38%;height:53%;background:linear-gradient(#c8e2ff00,#d6eaffe6 35%,#d6eafff2);transform-origin:top;transform:scaleY(var(--water,0));opacity:var(--wo,0);border-radius:2px}.vx-how__cap{position:absolute;z-index:0;width:58%;left:21%;top:66.2%;transform:translate3d(calc((1 - var(--cap2,0))*230%),-50%,0) scaleX(-1);opacity:var(--capv,0);filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.vx-how__ring{position:absolute;z-index:4;left:6%;right:6%;top:65.7%;height:1.2%;background:linear-gradient(90deg,transparent,rgba(255,236,210,.95),transparent);opacity:var(--flash,0)}.vx-how__btn{position:absolute;z-index:4;left:50%;top:43.03%;width:23.4%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 1.5px #f5b870f2,0 0 18px 3px #f2aa5a8c;opacity:var(--btn,0)}.vx-how__led{position:absolute;z-index:4;left:50%;top:var(--y);width:2.3%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffc684;box-shadow:0 0 7px #ffaa5a;opacity:var(--btn,0)}.vx-how__cup{position:absolute;inset:0;z-index:4;clip-path:polygon(8.88% 86.38%,8.88% 90.71%,9.35% 93.19%,10.75% 95.05%,13.08% 96.44%,17.76% 97.37%,24.77% 97.83%,76.17% 97.83%,83.18% 97.37%,87.85% 96.44%,90.19% 95.05%,91.59% 93.19%,92.06% 90.71%,92.06% 86.38%)}.vx-how__cup i{position:absolute;left:0;right:0;bottom:2.17%;height:9%;background:linear-gradient(#eeb26ef5,#ba7638cc 9%,#5c3418eb 22%,#1c0f07f5);transform-origin:bottom;transform:scaleY(var(--fill,0))}.vx-how__lab{position:absolute;z-index:5;left:calc(100% + 34px);top:var(--y);transform:translate3d(-8px,-50%,0);white-space:nowrap;font:500 11px/1 var(--vx-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--vx-crema2);opacity:0;transition:opacity .6s,transform .8s var(--vx-ease)}.vx-how__lab:before{content:"";position:absolute;right:calc(100% + 10px);top:50%;width:24px;height:1px;background:currentColor}.vx-how[data-step="0"] .vx-how__lab[data-step="0"],.vx-how[data-step="1"] .vx-how__lab[data-step="1"],.vx-how[data-step="2"] .vx-how__lab[data-step="2"]{opacity:1;transform:translate3d(0,-50%,0)}.vx-how__text{display:grid;gap:22px;max-width:520px}.vx-how__steps{display:grid;margin-top:12px;padding:0;list-style:none}.vx-how__step{position:relative;display:grid;grid-template-columns:46px 1fr;gap:12px;padding:20px 0;border-top:1px solid var(--vx-line);opacity:.62;transition:opacity .6s}.vx-how__step.is-on{opacity:1}.vx-how__n{font:500 12px/1.9 var(--vx-mono);color:var(--vx-crema2)}.vx-how__step h3{font:400 clamp(20px,1.9vw,27px)/1.2 var(--vx-serif)}.vx-how__step p{color:var(--vx-mute);font-size:15px;display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--vx-ease),margin .7s var(--vx-ease)}.vx-how__step.is-on p{grid-template-rows:1fr;margin-top:8px}.vx-how__bar{position:absolute;left:0;top:-1px;width:100%;height:1px;background:var(--vx-crema2);transform-origin:left;transform:scaleX(var(--sp,0))}.vx-how__note{font-size:12px;color:var(--vx-dim)}@media (max-width:899px){.vx-how__in{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:100svh;padding-top:calc(var(--vx-hh) + 8px);align-items:start;gap:14px}.vx-how__m{height:38svh;margin-right:0;margin-left:-90px}.vx-how__lab{left:calc(100% + 26px);font-size:10px}.vx-how__text{gap:10px}.vx-how__text .vx-h2{font-size:30px}.vx-how__step{padding:12px 0}.vx-how__note{display:none}}.vx-pl{position:relative;height:calc(var(--n)*80vh + 40vh)}.vx-pl__pin{position:sticky;top:0;height:100svh;overflow:hidden}.vx-pl__sky{position:absolute;inset:0;background:linear-gradient(180deg,var(--c1,#191b2a) 0%,var(--c2,#5e3f45) 100%)}.vx-pl__sky:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 50% at 50% 100%,rgba(0,0,0,.35),transparent 70%),linear-gradient(180deg,rgba(11,9,7,.65),transparent 35%)}.vx-pl__head{position:absolute;z-index:3;top:calc(var(--vx-hh) + 18px);left:0;right:0;display:grid;gap:10px;opacity:var(--ho,1)}.vx-pl__head .vx-h2{font-size:clamp(28px,3.4vw,50px);max-width:17ch}.vx-pl__track{position:absolute;inset:0;z-index:1;display:flex;width:calc(var(--n)*100vw);transform:translate3d(var(--x,0px),0,0);will-change:transform}.vx-pl__s{position:relative;flex:0 0 100vw;height:100%}.vx-pl__art{position:absolute;inset:0;color:var(--vx-bone)}.vx-sc{position:absolute;inset:0;width:100%;height:100%}.vx-sc .ln{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.45;vector-effect:non-scaling-stroke}.vx-sc .o3{opacity:.26}.vx-sc .o2{opacity:.17}.vx-sc g.ln circle{fill:currentColor;stroke:none}.vx-sc .ac{fill:none;stroke:var(--vx-crema2);stroke-width:2;vector-effect:non-scaling-stroke}.vx-sc path.ac[d^=M1352]{fill:#f2b46c40}.js .vx-sc .dr{stroke-dasharray:3200;stroke-dashoffset:3200;transition:stroke-dashoffset 2.6s var(--vx-ease)}.js .vx-pl__s.is-on .dr,.js .vx-pl__s.was-on .dr{stroke-dashoffset:0}.sc-speed,.sc-poles{animation:vx-slide 1.4s linear infinite paused}.sc-poles{animation-duration:.9s}.sc-road{stroke-dasharray:26 30;animation:vx-dash 1s linear infinite paused}.sc-waves{animation:vx-wave 5s linear infinite paused}.sc-stars circle{animation:vx-tw 2.6s ease-in-out infinite paused}.sc-stars circle:nth-child(2n){animation-delay:1.2s}.sc-lights circle{animation:vx-tw 1.4s steps(2) infinite paused}.sc-lights circle:nth-child(2n){animation-delay:.7s}.vx-pl__s.is-on :is(.sc-speed,.sc-poles,.sc-road,.sc-waves,.sc-stars circle,.sc-lights circle){animation-play-state:running}@keyframes vx-slide{to{transform:translate(-460px)}}@keyframes vx-dash{to{stroke-dashoffset:-56}}@keyframes vx-wave{to{transform:translate(-200px)}}@keyframes vx-tw{50%{opacity:.15}}.vx-pl__copy{position:absolute;z-index:2;left:0;right:0;bottom:clamp(80px,15vh,160px);display:grid;gap:10px;justify-items:start}.vx-pl__time{font:300 clamp(64px,10vw,152px)/.86 var(--vx-serif);color:transparent;-webkit-text-stroke:1px rgba(236,230,218,.55);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.vx-pl__place{font:300 italic clamp(30px,3.4vw,52px)/1 var(--vx-serif)}.vx-pl__d{max-width:30ch;color:#ece6dab8}.vx-pl__copy{max-width:min(46vw,560px);margin-left:max(var(--vx-g),calc((100vw - var(--vx-max))/2))}.vx-pl__copy>*{opacity:0;transform:translate3d(0,22px,0);transition:opacity .9s var(--vx-ease),transform 1.1s var(--vx-ease)}.vx-pl__s.is-on .vx-pl__copy>*{opacity:1;transform:none}.vx-pl__s.is-on .vx-pl__copy>:nth-child(2){transition-delay:.08s}.vx-pl__s.is-on .vx-pl__copy>:nth-child(3){transition-delay:.16s}.vx-pl__m{position:absolute;z-index:2;left:64%;bottom:max(8.625vw,15.33svh);height:min(44svh,500px);aspect-ratio:214/646;transform:translate(-50%) rotate(var(--lean,0deg));transform-origin:50% 100%}.vx-pl__img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 30px rgba(0,0,0,.35))}.vx-pl__shadow{position:absolute;left:-40%;right:-40%;bottom:-3%;height:6%;z-index:-1;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent)}.vx-pl__dots{position:absolute;z-index:3;right:var(--vx-g);bottom:28px;display:flex;gap:8px}.vx-pl__dots i{width:18px;height:2px;background:#ece6da38;transition:background-color .4s,width .4s var(--vx-ease)}.vx-pl__dots i.on{background:var(--vx-crema2);width:34px}@media (max-width:899px){.vx-pl__m{left:auto;right:6%;transform:rotate(var(--lean,0deg));height:34svh}.vx-pl__copy{bottom:calc(max(8.625vw,15.33svh) + 8px);padding-right:36%;max-width:none;margin-left:auto}.vx-pl__time{font-size:clamp(56px,16vw,84px)}}@media (prefers-reduced-motion:reduce){.vx-mani,.vx-how,.vx-pl{height:auto}.vx-mani__pin,.vx-how__pin{position:relative;height:auto;padding:90px 0}.js .vx-mani__t .vx-w{color:var(--vx-bone)}}.vx-pl.is-static{height:auto}.vx-pl.is-static .vx-pl__pin{position:relative;height:auto;overflow:visible}.vx-pl.is-static .vx-pl__sky,.vx-pl.is-static .vx-pl__m,.vx-pl.is-static .vx-pl__dots{display:none}.vx-pl.is-static .vx-pl__head{position:relative;top:auto;padding:calc(var(--vx-hh) + 48px) 0 40px;opacity:1}.vx-pl.is-static .vx-pl__track{position:relative;flex-direction:column;width:auto;transform:none}.vx-pl.is-static .vx-pl__s{flex:none;width:100%;height:78svh;min-height:520px}.vx-pl.is-static .vx-pl__copy>*{opacity:1;transform:none}