.js .ls{height:250svh}@media (width>=1024px){.js .ls{height:320svh}}.js .ls-stick{height:100svh;padding-block:0;position:sticky;top:0;overflow:clip}.ls-stick{--q:var(--pp,1);padding-block:3rem}.ls-tab{background:color-mix(in oklab, var(--color-paper) 22%, transparent);flex:1;height:3px;transition:background-color .4s}.ls[data-step="0"] .ls-tab[data-s="0"],.ls[data-step="1"] .ls-tab:not([data-s="2"]),.ls[data-step="2"] .ls-tab{background:var(--color-gold)}html:not(.js) .ls-tab{display:none}@media (width<=1023.98px){.js .ls{--est:min(36svh, 16.4rem, 100svh - 23.5rem);--slack:max(0px, (100svh - 24rem - var(--est)) / 2);margin-block:calc(-3rem - var(--slack))}.js .ls-stage{padding-block:5rem 4.75rem}.js .ls-beat{visibility:hidden;grid-area:1/1}.js .ls .ls-more{grid-template-rows:1fr}.js .ls[data-step="0"] .ls-beat[data-s="0"],.js .ls[data-step="1"] .ls-beat[data-s="1"],.js .ls[data-step="2"] .ls-beat[data-s="2"]{visibility:visible;animation:enter .55s var(--ease-out-expo) both}}.ls-beat{transition:opacity .6s var(--ease-out-expo)}.ls-more{transition:grid-template-rows .7s var(--ease-out-expo);grid-template-rows:1fr;display:grid}.ls-more>div{overflow:hidden}.js .ls-beat{opacity:.26}.js .ls-more{grid-template-rows:0fr}.js .ls[data-step="0"] .ls-beat[data-s="0"],.js .ls[data-step="1"] .ls-beat[data-s="1"],.js .ls[data-step="2"] .ls-beat[data-s="2"]{opacity:1}.js .ls[data-step="0"] .ls-beat[data-s="0"] .ls-more,.js .ls[data-step="1"] .ls-beat[data-s="1"] .ls-more,.js .ls[data-step="2"] .ls-beat[data-s="2"] .ls-more{grid-template-rows:1fr}.ls-rail>i{background:var(--color-gold);transform-origin:top;height:100%;scale:1 var(--q);display:block}.ls-rings{scale:calc(.72 + var(--q) * .4)}.ls-rings>i{inset:calc(var(--r) * 1%);border:1px solid color-mix(in oklab, var(--color-paper) 15%, transparent);border-radius:50%;position:absolute}.ls-rings>b{rotate:calc(var(--q) * 150deg - 40deg);position:absolute;inset:0}.ls-rings>b:before{content:"";background:var(--color-gold);width:.8rem;height:.8rem;position:absolute;top:-.4rem;left:calc(50% - .4rem)}.ls-sheet{width:min(100%,26em);font-size:clamp(10px,3.2vw,12.5px)}@media (width>=640px){.ls-sheet{font-size:15px}}@media (width>=1024px){.ls-sheet{width:32em;font-size:clamp(10px,1.62svh,15px)}}.js .ls-win{--win:min(36svh, 21em, 100svh - 23.5rem);height:var(--win);overflow:visible clip}@media (width<=639.98px){.js .ls-sheet{font-size:clamp(9px,min(3.2vw,5.81395svh - 1.36628rem),12.5px)}}@media (width>=640px){.js .ls-win{--win:min(50svh, 40em, 100svh - 25rem)}}@media (width>=640px) and (width<=1023.98px){.js .ls{--est:min(50svh, 37.5rem, 100svh - 25rem)}}.js .ls-page{transition:translate .8s var(--ease-out-expo)}@media (width<=1023.98px){.js .ls[data-step="1"] .ls-page{translate:0 min(0px, max(-15.9em, calc(var(--win) - 100%)))}.js .ls[data-step="2"] .ls-page{translate:0 min(0px, calc(var(--win) - 100%))}}@media (width>=1024px){.js .ls-win{height:auto;overflow:visible}.js .ls-page{translate:none}}.ls-typed{white-space:nowrap;display:inline-block}.js .ls:not(.is-in) .ls-typed{clip-path:inset(0 100% 0 0)}.js .ls.is-in .ls-typed{animation:1.3s steps(15,end) .5s both typing}.ls-caret{background:var(--color-ink);width:1.5px;height:1.2em;animation:1s step-end infinite ls-blink}.ls-region{border:1.5px solid var(--color-ink);box-shadow:0 0 0 0 var(--color-gold);transition:border-color .5s, box-shadow .55s var(--ease-out-expo);position:relative}.ls-tag{background:var(--color-paper);transition:background-color .4s,color .4s}.ls-body{--dim:1;opacity:max(var(--dim), clamp(0, calc((var(--q) - .92) * 14), 1));transition:opacity .6s var(--ease-out-expo)}.js .ls[data-step="0"] .ls-region:not([data-s="0"]),.js .ls[data-step="1"] .ls-region[data-s="2"]{border-style:dashed;border-color:color-mix(in oklab, var(--color-ink) 32%, transparent)}.js .ls[data-step="0"] .ls-region:not([data-s="0"]) .ls-tag,.js .ls[data-step="1"] .ls-region[data-s="2"] .ls-tag{color:color-mix(in oklab, var(--color-ink) 50%, transparent)}.js .ls[data-step="0"] .ls-region[data-s="0"],.js .ls[data-step="1"] .ls-region[data-s="1"],.js .ls[data-step="2"] .ls-region[data-s="2"]{box-shadow:0 0 0 .4em var(--color-gold)}.js .ls[data-step="0"] .ls-region[data-s="0"] .ls-tag,.js .ls[data-step="1"] .ls-region[data-s="1"] .ls-tag,.js .ls[data-step="2"] .ls-region[data-s="2"] .ls-tag{background:var(--color-ink);color:var(--color-gold)}.js .ls[data-step="2"] .ls-region:not([data-s="2"]) .ls-body{--dim:.5}.ls-road{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease-out-expo);transition-delay:calc(var(--n,0) * 90ms + .2s)}.js .ls:not(.is-in) .ls-road{stroke-dashoffset:1px}.ls-range{transition:scale 1.5s var(--ease-out-expo) .9s}.js .ls:not(.is-in) .ls-range{scale:0}.ls-pin{--t:clamp(0, calc((var(--q) - var(--a,0)) * 12), 1);transition:opacity .6s var(--ease-out-expo)}.js .ls[data-step="1"] .ls-pin-sm{opacity:.35}.ls-pin>em{opacity:0}.js .ls[data-step="1"] .ls-pin>em{animation:tap 1.8s var(--ease-out-expo) infinite;animation-delay:calc(var(--a) * 6s)}.ls-pin>span{width:1.9em;height:1.9em;rotate:-45deg;translate:0 calc((1 - var(--t) * var(--t)) * -8em);opacity:clamp(0, calc(var(--t) * 5), 1);transition:translate .35s var(--ease-out-expo), opacity .2s linear;border-radius:50% 50% 50% 0;place-items:center;display:grid;position:absolute;bottom:.39em;left:-.95em}.ls-pin-sm>span{width:1.3em;height:1.3em;bottom:.27em;left:-.65em}.ls-pin>span>b{rotate:45deg}.ls-pin>i{background:color-mix(in oklab, var(--color-ink) 28%, transparent);width:1.1em;height:.3em;scale:var(--t);transition:scale .35s var(--ease-out-expo);border-radius:50%;position:absolute;top:-.14em;left:-.55em}.ls-row,.ls-hit{--t:clamp(0, calc((var(--q) - var(--a,0)) * 11), 1);transition:translate .4s var(--ease-out-expo), opacity .3s linear}.ls-row{opacity:var(--t);translate:calc((1 - var(--t)) * 45%) 0}.ls-hit{opacity:calc(.38 + var(--t) * .62);translate:0 calc((1 - var(--t)) * .9em)}.ls-hit>b{transform-origin:0;scale:var(--t) 1;transition:scale .5s var(--ease-out-expo)}.ls-chip{--t:clamp(0, calc((var(--q) - var(--a,0)) * 16), 1);opacity:var(--t);scale:calc(.5 + var(--t) * .5);transition:scale .55s var(--ease-spring), opacity .3s linear}@keyframes ls-blink{50%{opacity:0}}.seo-no>span>span{background:linear-gradient(var(--color-gold-deep), var(--color-gold-deep)) 0 58% / 100% 2px no-repeat;box-decoration-break:clone;transition:background-size .8s var(--ease-out-expo);transition-delay:calc(var(--i,0) * .12s + .45s)}.js .seo-no:not(.is-in)>span>span{background-size:0 2px}.seo-no>svg{transition:rotate .6s var(--ease-spring);transition-delay:calc(var(--i,0) * .12s + .3s)}.js .seo-no:not(.is-in)>svg{rotate:-90deg}.seo-price{background:linear-gradient(var(--color-gold), var(--color-gold)) 0 88% / 100% .22em no-repeat;transition:background-size 1.1s var(--ease-out-expo) .5s}.js [data-reveal]:not(.is-in) .seo-price{background-size:0 .22em}@media (prefers-reduced-motion:reduce),(height<=520px){.js .ls{height:auto;margin-block:0}.js .ls-stick{--q:1;height:auto;padding-block:3rem;position:static}.js .ls-stage{padding-block:0}.ls-tab{display:none}.js .ls .ls-beat{visibility:visible;grid-area:auto;animation:none!important}.js .ls-beat,.js .ls .ls-body{opacity:1!important}.js .ls-more{grid-template-rows:1fr}.js .ls-win{height:auto;overflow:visible}.js .ls .ls-page{translate:none!important}.js .ls .ls-region{border-style:solid!important;border-color:var(--color-ink)!important;box-shadow:none!important}.js .ls .ls-tag{background:var(--color-paper)!important;color:var(--color-ink)!important}.ls-rings{scale:1}.js .ls .ls-pin{opacity:1}.js .ls .ls-pin>em{animation:none}}@media (prefers-reduced-motion:reduce){.js .ls .ls-road{stroke-dashoffset:0}.js .ls .ls-range{scale:1}.ls-caret,.js .ls.is-in .ls-typed{animation:none}.js .ls:not(.is-in) .ls-typed{clip-path:none}.ls *,.seo-no>span>span,.seo-no>svg,.seo-price{transition:none!important}.js .seo-no:not(.is-in)>span>span{background-size:100% 2px}.js .seo-no:not(.is-in)>svg{rotate:none}.js [data-reveal]:not(.is-in) .seo-price{background-size:100% .22em}}
