[data-landing]{--gutter:20px;--max:64rem;--side:max(var(--gutter), calc((100vw - var(--max)) / 2 + var(--gutter)));--l-ease:cubic-bezier(.16, 1, .3, 1);overflow-x:clip}:root:has([data-landing]) body{overflow-x:clip}:root:has([data-landing]){scroll-padding-top:88px;scroll-padding-bottom:8px}.vh-probe{visibility:hidden;pointer-events:none;width:0;height:100svh;position:fixed;top:0;left:0}[data-landing] .hero__title{font-size:clamp(2.5rem,7.4vw,4.5rem)}[data-landing] .counter{justify-self:start}[data-landing] .counter__window{font-size:clamp(5.5rem,17vw,9.5rem)}[data-landing] .counter__ghost,[data-landing] .counter__of{font-size:.3em}[data-landing] .counter__ghost{margin-right:.4em}[data-landing] .counter__of{margin-left:.2em}[data-landing] .reel-mask{height:1em;padding-right:.06em;line-height:1;display:inline-block;overflow:visible clip}[data-landing] .reel{flex-direction:column;display:flex}[data-landing] .reel>span{height:1em;display:block}[data-landing] .counter__fill{transform-origin:0;transform:scaleX(0)}[data-landing] .device,[data-landing] .rail,[data-landing] .host__line{display:none}[data-landing] .print{rotate:var(--lie,0deg)}[data-landing] .vframe{background:var(--color-ink);border-color:#0000;transition:background-color .3s,border-color .3s}[data-landing] .vframe--earned{background:var(--color-reveal);border-color:var(--color-reveal)}[data-landing] .close__arc{--pw:min(150px, 22vw);height:calc(var(--pw) * 1.6 + 7rem);margin-top:2.5rem;position:relative}[data-landing] .arc__print{--ax:calc(var(--d) * min(150px, 13vw));--ay:calc(var(--d) * var(--d) * 9px);--ar:calc(var(--d) * 6deg);width:var(--pw);margin-left:calc(var(--pw) / -2);filter:drop-shadow(0 14px 22px #3c280a2e);transform:translate(var(--ax), var(--ay)) rotate(var(--ar));position:absolute;top:1.5rem;left:50%}[data-landing] .arc__print:nth-child(4){z-index:4}[data-landing] .arc__print:is(:nth-child(3),:nth-child(5)){z-index:3}[data-landing] .arc__print:is(:nth-child(2),:nth-child(6)){z-index:2}@media (max-width:1100px){[data-landing] .arc__print:is(:first-child,:nth-child(7)){display:none}}@media (max-width:380px){[data-landing] .arc__print:is(:nth-child(2),:nth-child(6)){display:none}}@media (min-width:768px){[data-landing] .counter{justify-self:end}}html.motion [data-landing] [data-reveal]{opacity:0;transition:opacity .9s var(--l-ease), translate 1s var(--l-ease);transition-delay:var(--d,0s);translate:0 28px}html.motion [data-landing] [data-reveal].is-in{opacity:1;translate:0}html.motion [data-landing] [data-split] .sw{overflow-clip-margin:.12em;vertical-align:top;margin:0 -.04em -.1em 0;padding:0 .04em .1em 0;display:inline-block;overflow:clip}html.motion [data-landing] [data-split] .sw__in{transform-origin:0 100%;transition:translate 1s var(--l-ease), rotate 1s var(--l-ease);transition-delay:calc(var(--k,0) * 50ms + var(--d,0s));display:inline-block;translate:0 108%;rotate:5deg}html.motion [data-landing] [data-split].is-in .sw__in{translate:0;rotate:none}html.motion [data-landing] .hero__in{opacity:0;translate:0 20px}html.motion.is-loaded [data-landing] .hero__in{animation:l-rise 1s var(--l-ease) forwards}html.motion.is-loaded [data-landing] .hero__in--1{animation-delay:.35s}html.motion.is-loaded [data-landing] .hero__in--3{animation-delay:.95s}html.motion.is-loaded [data-landing] .hero__in--4{animation-delay:1.1s}html.motion [data-landing] .line{overflow-clip-margin:.2em;margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:clip}html.motion [data-landing] .line__in{transform-origin:0 100%;display:inline-block;translate:0 110%;rotate:4deg}html.motion.is-loaded [data-landing] .line__in{animation:l-line 1.2s var(--l-ease) forwards}html.motion.is-loaded [data-landing] .line:first-child .line__in{animation-delay:.45s}html.motion.is-loaded [data-landing] .line:nth-child(2) .line__in{animation-delay:.58s}html.motion [data-landing] .counter{opacity:0;translate:0 24px}html.motion.is-loaded [data-landing] .counter{animation:l-rise 1s var(--l-ease) .7s forwards}html.motion [data-landing] .counter__strip{transform-origin:0;scale:0 1}html.motion.is-loaded [data-landing] .counter__strip{animation:l-draw .9s var(--l-ease) 1s forwards}html.motion [data-landing] .reel{translate:0 calc(var(--roll,0) * -1em)}html.motion [data-landing] .counter__fill{transform:scaleX(calc(var(--roll,0) / 35))}@media (min-width:901px) and (min-height:651px){html.motion [data-landing] .hero{height:165svh;margin-top:-72px}html.motion [data-landing] .hero__stage{align-content:center;min-height:100svh;padding-top:112px;padding-bottom:48px;position:sticky;top:0}html.motion [data-landing] .hero__title{font-size:min(clamp(2.5rem,6vw,4.5rem),10.5svh)}html.motion [data-landing] .counter__window{font-size:min(clamp(5.5rem,12vw,9.5rem),19svh)}html.motion [data-landing] :is(.hero__head,.hero__body,.counter){translate:0 calc(var(--x,0) * -120px);opacity:calc(1 - var(--x,0) * 1.1);scale:calc(1 - var(--x,0) * .08);transform-origin:0 0}}html.motion [data-landing] .statement{z-index:2;height:250svh}@media (min-width:901px) and (min-height:651px){html.motion [data-landing] .statement{margin-top:-80svh}}html.motion [data-landing] :is(.statement,.statement__pin){pointer-events:none}html.motion [data-landing] .statement__panel{pointer-events:auto}html.motion [data-landing] .statement__pin{height:100svh;position:sticky;top:0}html.motion [data-landing] .statement__panel{clip-path:inset(calc(var(--ct,14) * 1svh) calc(var(--cs,1) * var(--side)) calc(var(--cb,14) * 1svh) round calc(18px * var(--cs,1)));align-items:center;display:grid;position:absolute;inset:0}html.motion [data-landing] .statement__inner{scale:calc(.94 + var(--grow,0) * .06);padding-top:72px;padding-bottom:0}html.motion [data-landing] .statement__text{font-size:min(clamp(1.5rem,3.4vw,2.875rem),5.2svh)}html.motion [data-landing] [data-words] .w{opacity:clamp(.28, calc(var(--lit,0) - var(--i)), 1);transition:opacity .15s linear}html.motion [data-landing] .film{z-index:1;margin-top:-30svh}html.motion [data-landing] .film__frame{scale:calc(.88 + var(--zoom,0) * .12);transform-origin:50% 0}html.motion [data-landing] #how{scroll-margin-top:-88px}html.motion [data-landing] .guests{z-index:2}html.motion [data-landing] .guests__track{height:300svh}html.motion [data-landing] .guests__stage{height:100svh;position:sticky;top:0;overflow:hidden}html.motion [data-landing] .guests__stage:before{content:"";aspect-ratio:1;width:min(110vw,1200px);opacity:var(--show,0);translate:-50% -50%;scale:calc(.6 + var(--show,0) * .4);pointer-events:none;background:radial-gradient(closest-side,#ffb70042 0%,#ffb70017 45%,#0000 75%);border-radius:50%;position:absolute;top:56%;left:72%}html.motion [data-landing] .guests__inner{flex-direction:column;height:100%;padding-top:96px;padding-bottom:0;display:flex}html.motion [data-landing] .guests__head{flex:none}html.motion [data-landing] .guests__grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;min-height:0;padding-bottom:56px;display:grid}html.motion [data-landing] .slides{grid-area:1/1;margin-top:0;display:grid}html.motion [data-landing] .slide{opacity:calc(var(--o,0) * (1 - var(--out,0)));translate:0 calc(var(--ty,0) * 1px);pointer-events:none;border:0;grid-area:1/1;padding:0;display:block}html.motion [data-landing] .slide.is-active{pointer-events:auto}html.motion [data-landing] .slide__shot{display:none}html.motion [data-landing] .device{--dh:min(62svh, 600px);height:var(--dh);aspect-ratio:600/1297;padding:calc(var(--dh) * .016);translate:0 calc((1 - var(--show,0)) * 60svh);rotate:calc(var(--tilt,0) * 1deg);scale:calc(.85 + var(--show,0) * .15);background:#141414;border-radius:16%/7.6%;grid-area:1/2;justify-self:center;display:block;position:relative;box-shadow:inset 0 0 0 2px #3a3a3a}html.motion [data-landing] .device__screen{isolation:isolate;background:#0d0d0d;border-radius:13.8%/6.4%;width:100%;height:100%;position:relative;overflow:hidden}html.motion [data-landing] .device__shot{object-fit:cover;width:100%;height:100%;opacity:var(--a,0);position:absolute;inset:0}html.motion [data-landing] .rail{left:var(--gutter);background:var(--color-line-2);width:min(240px,40%);height:2px;opacity:calc(var(--show,0) * (1 - var(--out,0)));justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:32px}html.motion [data-landing] .rail__fill{background:var(--color-accent);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}html.motion [data-landing] .rail__dot{background:var(--color-bg);border:2px solid var(--color-line-2);width:10px;height:10px;transition:background-color .3s ease, border-color .3s ease, scale .4s var(--l-ease);border-radius:50%;position:relative}html.motion [data-landing] .rail__dot.is-on{background:var(--color-accent);border-color:var(--color-accent);scale:1.25}@media (max-width:900px){html.motion [data-landing] .guests__stage:before{top:46%;left:50%}html.motion [data-landing] .guests__inner{text-align:center;padding-top:88px}html.motion [data-landing] .guests__grid{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;gap:20px;padding-bottom:52px}html.motion [data-landing] .device{--dh:min(40svh, 420px);grid-area:1/1}html.motion [data-landing] .slides{grid-row:2}html.motion [data-landing] .slide__text p{margin-inline:auto}html.motion [data-landing] .rail{bottom:24px;left:50%;translate:-50%}}@media (max-width:900px) and (max-height:700px){html.motion [data-landing] .device{--dh:34svh}}@media (max-height:520px) and (orientation:landscape){html.motion [data-landing] .guests__stage:before{top:55%;left:80%}html.motion [data-landing] .guests__inner{text-align:left;padding-top:80px}html.motion [data-landing] .guests__head>p{display:none}html.motion [data-landing] .guests__head h2{margin-top:0;font-size:1.375rem}html.motion [data-landing] .guests__grid{grid-template-rows:auto;grid-template-columns:minmax(0,1fr) auto;gap:24px;padding-bottom:16px}html.motion [data-landing] .device{--dh:calc(100svh - 150px);grid-area:1/2}html.motion [data-landing] .slides{grid-row:1}html.motion [data-landing] .slide__text p{margin-inline:0}html.motion [data-landing] .rail{display:none}}@media (max-width:900px) and (max-height:620px) and (orientation:portrait){html.motion [data-landing] .guests__inner{padding-top:80px}html.motion [data-landing] .guests__head>p{display:none}html.motion [data-landing] .guests__head h2{margin-top:0;font-size:1.375rem}html.motion [data-landing] .guests__grid{gap:12px;padding-bottom:40px}html.motion [data-landing] .device{--dh:28svh}html.motion [data-landing] .slide__text h3{font-size:1.375rem}}html.motion [data-landing] .print__img{opacity:var(--d,0);filter:drop-shadow(0 14px 22px #3c280a2e) blur(calc((1 - var(--d,0)) * 14px)) brightness(calc(1.35 - var(--d,0) * .35)) saturate(calc(.2 + var(--d,0) * .8));scale:calc(1.03 - var(--d,0) * .03)}[data-landing] .print__img{filter:drop-shadow(0 14px 22px #3c280a2e)}@media (min-width:901px) and (min-height:701px){html.motion [data-landing] .develop{z-index:1;margin-top:-20svh}html.motion [data-landing] .develop__track{height:210svh}html.motion [data-landing] .develop__stage{align-content:center;min-height:100svh;padding-top:104px;padding-bottom:40px;position:sticky;top:0}html.motion [data-landing] .prints{justify-self:end;width:100%;max-width:calc(121svh - 242px)}}html.motion [data-landing] .host{isolation:isolate;background:0 0;border-color:#0000}html.motion [data-landing] .host:before{content:"";z-index:-1;background:var(--color-surface);border-block:1px solid var(--color-line);clip-path:inset(0 calc((1 - var(--grow,0)) * var(--side)) round calc(18px * (1 - var(--grow,0))));position:absolute;inset:0}html.motion [data-landing] .row{opacity:calc(.3 + var(--on,0) * .7);translate:0 calc((1 - var(--on,0)) * 24px);transition:opacity .5s ease, translate .7s var(--l-ease)}@media (min-width:1024px) and (min-height:701px){html.motion [data-landing] .host{z-index:2;margin-top:-30svh}html.motion [data-landing] .host__track{height:170svh}html.motion [data-landing] .host__stage{flex-direction:column;justify-content:center;min-height:100svh;padding-top:104px;padding-bottom:40px;display:flex;position:sticky;top:0}html.motion [data-landing] .host__rows{padding-left:32px}html.motion [data-landing] .host__line{background:var(--color-line);width:2px;display:block;position:absolute;top:0;bottom:0;left:0}html.motion [data-landing] .host__line-fill{background:var(--color-ink);transform-origin:50% 0;transform:scaleY(var(--fill,0));position:absolute;inset:0}}@media (max-width:640px){html.motion [data-landing] .host__rows{border-top:0;flex-direction:column;gap:16px;padding-bottom:32px;display:flex}html.motion [data-landing] .row{top:calc(88px + var(--n,0) * 14px);border:1px solid var(--color-line);background:var(--color-bg);opacity:1;border-radius:18px;min-height:180px;padding:24px 20px;position:sticky;translate:none}}html.motion [data-landing] .ticker__row{translate:var(--tx,0) 0}html.motion [data-landing] .vframe:not(.is-on){background:var(--color-surface-2);border-color:var(--color-line)}html.motion [data-landing] .vframe--earned:not(.is-on){border-color:var(--color-reveal);background:0 0}html.motion [data-landing] .arc__print{transform:translate(calc(var(--ax) * var(--f,0)), calc(var(--ay) * var(--f,0) + (1 - var(--f,0)) * 80px)) rotate(calc(var(--ar) * var(--f,0))) scale(calc(.7 + var(--f,0) * .3));opacity:clamp(0, calc(var(--f,0) * 3), 1)}html.motion [data-landing] [data-scatter] .sw__in{translate:calc(var(--dx,0vw) * var(--scat,1) * (1 - var(--gather,0))) calc(var(--dy,0vh) * var(--scat,1) * (1 - var(--gather,0)));rotate:calc(var(--dr,0deg) * var(--scat,1) * (1 - var(--gather,0)));opacity:clamp(0, calc(var(--gather,0) * 2.5 - 1), 1);display:inline-block}@media (max-width:640px){html.motion [data-landing] [data-scatter]{--scat:.45}}html.motion [data-landing] .close__ask{rotate:calc((1 - var(--in,0)) * -5deg);translate:0 calc((1 - var(--in,0)) * 40px);transform-origin:30% 100%}html.motion [data-foot] .foot__big{translate:0 calc((1 - var(--in,0)) * 40%);opacity:calc(.2 + var(--in,0) * .8)}@keyframes l-rise{to{opacity:1;translate:0}}@keyframes l-line{to{translate:0;rotate:none}}@keyframes l-draw{to{scale:1}}@keyframes l-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){[data-landing] :is(.hero__in,.line__in,.counter){animation:.2s ease-out backwards l-fade}html.is-ready:not(.motion) [data-landing] :is([data-reveal],[data-split],[data-print]){transition:opacity .2s ease-out}html.is-ready:not(.motion) [data-landing] :is([data-reveal],[data-split],[data-print]):not(.is-in){opacity:0}}