.stage-cols{grid-template-columns:minmax(0,1fr);display:grid}.stage-text{display:contents}.stage-first{grid-row:2;padding-bottom:60px}.stage-rest{flex-direction:column;grid-row:3;gap:60px;display:flex}.stage-device{grid-row:1;justify-content:center;margin-bottom:44px;display:flex;position:relative}.stage[data-device=left] .stage-first{grid-row:1}.stage[data-device=left] .stage-rest{grid-row:2}.stage[data-device=left] .stage-device{grid-row:3;margin-top:44px;margin-bottom:0}.stage-scene,.stage-first,.stage-rest,.stage-device{z-index:1;position:relative}.stage-first,.stage-rest,.stage-device{grid-column:1}.stage-light-fold{box-shadow:0 0 0 100vmax var(--color-paper);clip-path:inset(0 -100vmax);background:var(--color-paper);grid-area:1/1/3;margin-top:-92px;position:relative}.stage-light-fold:after{content:"";background:linear-gradient(180deg, var(--color-paper), var(--color-canvas));height:56px;position:absolute;inset:auto -100vmax 0}.stage-marker,.stage-chip,.stage-rail,.stage-darken{display:none}.stage-screen~.stage-screen{opacity:0}.stage-watch{transform:scale(var(--kw,1));margin:calc(-390px * (1 - var(--kw,1)) / 2) calc(-320px * (1 - var(--kw,1)) / 2)}.stage-crown-ring{display:none}.heat-cell{transition:opacity .5s ease calc(var(--i,0) * 11ms), transform .5s ease calc(var(--i,0) * 11ms)}html[data-js] [data-reveal]:not(.is-in) .heat-cell{opacity:0;transform:scale(.7)}.ring-fill{transition:stroke-dasharray 1.1s var(--ease-out-cubic)}html[data-js] [data-reveal]:not(.is-in) .ring-fill{stroke-dasharray:0 999}.swap-out{animation:6s infinite qg-swap-out}.swap-in{opacity:0;animation:6s infinite qg-swap-in}@keyframes qg-swap-out{0%,40%,to{opacity:1;transform:none}50%,90%{opacity:0;transform:translateY(-10px)}}@keyframes qg-swap-in{0%,40%,to{opacity:0;transform:translateY(10px)}50%,90%{opacity:1;transform:none}}@keyframes qg-parallax{0%{translate:0 calc(var(--shift) * .6px)}to{translate:0 calc(var(--shift) * -.6px)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.parallax{animation:linear both qg-parallax;animation-timeline:view()}}.stage{height:var(--stage-h)}.stage-sticky{height:100vh;position:sticky;top:0;overflow:hidden}.stage-text{min-width:0;display:block;position:relative}.stage-rest,.stage-first{display:contents}.stage-light-fold{display:none}.stage-scene{--d:calc(var(--sp,0) - var(--i,0));--ad:max(var(--d), calc(var(--d) * -1));--o:clamp(0, calc(1 - var(--ad) * 1.9), 1);opacity:var(--o);transform:translate3d(0, calc(var(--d) * -46px), 0);filter:blur(calc((1 - var(--o)) * 7px));pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.stage-scene[data-active]{pointer-events:auto}.stage-screen,.stage-screen~.stage-screen{--d:calc(var(--sp,0) - var(--i,0));--ad:max(var(--d), calc(var(--d) * -1));opacity:clamp(0, calc((.5 - var(--ad)) * 4), 1);transform:translate3d(0, calc(var(--d) * -16px), 0) scale(calc(1 - min(.06, var(--ad) * .05)))}.stage-marker{display:block}.stage-darken{opacity:clamp(0, calc((var(--p,0) - .05) / .16), 1);display:block}.stage-watch .watch-crown{background-position:0 calc(var(--p,0) * 520px)}.stage-crown-ring{transform:rotate(calc(var(--p,0) * 400deg));opacity:calc(.6 + var(--p,0) * 1.2);display:block}@container (min-width:820px){.stage-sticky{padding:0}.stage-cols{align-items:center;gap:clamp(16px,3cqw,64px);height:100%;display:flex}.stage-text{flex:1 1 var(--text-basis,460px);height:min(560px,70vh)}.stage-device,.stage[data-device=left] .stage-device{padding-block:0;padding-inline:var(--device-pad-inline);flex:none;align-items:center;margin:0}.stage[data-device=left] .stage-device{order:-1}.stage-chip{--ad:max(calc(var(--sp,0) - var(--i,0)), calc(var(--i,0) - var(--sp,0)));opacity:clamp(0, calc(1 - var(--ad) * 2.6), 1);display:inline-flex}.stage-chip-0{--i:0}.stage-chip-1{--i:1}.stage-chip-2{--i:2}.stage-chip-3{--i:3}.stage-rail{display:flex}.stage-phone{transform-style:preserve-3d;transform:perspective(1400px) translate3d(calc(var(--dir,1) * var(--inline-flip,1) * var(--p,0) * -26px), calc(sin(var(--p,0) * 180deg) * -14px), 0) rotateY(calc(var(--dir,1) * var(--inline-flip,1) * (6 - var(--p,0) * 9) * 1deg)) rotateX(calc((1.5 - var(--p,0) * 2) * 1deg)) scale(calc(var(--k,1) * (.94 + min(1, var(--p,0) * 5) * .06)));margin:calc(-652px * (1 - var(--k,1)) / 2) calc(-318px * (1 - var(--k,1)) / 2)}.stage-watch{transform:perspective(1500px) translate3d(0, calc(sin(var(--p,0) * 180deg) * -16px), 0) rotateY(calc((8 - var(--p,0) * 14) * 1deg)) rotateX(calc((2 - var(--p,0) * 3) * 1deg)) scale(var(--kw,1))}}@container not (min-width:820px){.stage-sticky{height:100svh;padding:84px 0 calc(14px + env(safe-area-inset-bottom))}.stage-cols{height:100%;position:relative}.stage-device,.stage[data-device=left] .stage-device{align-items:flex-start;margin:0;position:absolute;inset:0}.stage-text{z-index:2;max-width:460px;height:var(--card-h,auto);-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);box-shadow:var(--shadow-chip-float-dark);transition:height .35s var(--ease-out-cubic), background-color .3s ease, border-color .3s ease;background:#121518b8;border:1px solid #ffffff24;border-radius:28px;margin-inline:auto;position:absolute;inset:auto 0 0;overflow:hidden}.stage:not([data-dark]) .stage-text{box-shadow:var(--shadow-card-light);background:#ffffffb8;border-color:#ffffffd9}.stage-scene{transform:translate3d(0, calc(var(--d) * -18px), 0);justify-content:flex-end;padding:22px 20px 24px;inset:auto 0 0}.stage-phone{transform-origin:top;transform:translate3d(0, calc(sin(var(--p,0) * 180deg) * -10px), 0) scale(calc(var(--k,1) * (.96 + min(1, var(--p,0) * 5) * .04)))}.stage-watch{transform-origin:top;transform:translate3d(0, calc(sin(var(--p,0) * 180deg) * -10px), 0) scale(var(--kw,1));margin:0}}}.hatch-dark{background:repeating-linear-gradient(135deg,#ffffff0d 0 8px,#0000 8px 16px),#101010}.hatch-light{background:repeating-linear-gradient(135deg, #0000000d 0 8px, transparent 8px 16px), var(--color-paper-deep)}