.xstory{--paper:#f6f6f4;--mist:#ecece9;--ink:#121212;--ink-2:#5f5f5c;--ink-3:#8d8d89;--line:rgba(18,18,18,.12);--night:#0b0b0c;--on:#f2f2f0;--on-2:rgba(242,242,240,.66);--on-3:rgba(242,242,240,.42);--on-line:rgba(242,242,240,.14);--label:"HK Grotesk Wide","Hanken Grotesk",system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1);--g:2.5rem;--max:150rem;--top:36px;--sec:clamp(9rem, 6rem + 6vw, 16rem);font-family:Hanken Grotesk,system-ui,sans-serif;font-synthesis:none;color:var(--ink);font-size:1.6rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:var(--top)}.xstory>:not(#try){overflow-x:clip}.xstory *,.xstory *:before,.xstory *:after{box-sizing:border-box}.xstory :where(h1,h2,h3,p,dl,dd,ul,ol,figure,blockquote){margin:0}.xstory :where(ul,ol){padding:0;list-style:none}.xstory img,.xstory video,.xstory canvas,.xstory svg{display:block;max-width:100%}.xstory button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}.xstory :focus-visible{outline:2px solid currentColor;outline-offset:3px}.xstory .tone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--paper, #f6f6f4);pointer-events:none}.xstory .wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--g)}.xstory .sec{padding-block:var(--sec)}.xstory .mist{background:var(--mist)}.xstory .dark{color:var(--on)}.xstory .cap{font-family:var(--label);font-weight:500;font-size:1.05rem;line-height:1.5;letter-spacing:.03em;color:var(--ink-3);font-variant-numeric:tabular-nums}.xstory .dark .cap{color:var(--on-3)}.xstory .h1{font-weight:400;font-size:clamp(3.4rem,2.2rem + 2.4vw,5.6rem);line-height:1.04;letter-spacing:-.028em;text-wrap:balance}.xstory .h2{font-weight:400;font-size:clamp(2.8rem,1.8rem + 1.9vw,4.8rem);line-height:1.06;letter-spacing:-.025em;text-wrap:balance}.xstory .h3{font-weight:500;font-size:1.8rem;line-height:1.3;letter-spacing:-.005em}.xstory .lede{font-size:clamp(1.7rem,1.5rem + .35vw,2rem);line-height:1.5;color:var(--ink-2);text-wrap:pretty;max-width:46ch}.xstory .p{color:var(--ink-2);text-wrap:pretty;max-width:52ch}.xstory .dark .p,.xstory .dark .lede{color:var(--on-2)}.xstory .fig{font-weight:300;letter-spacing:-.05em;line-height:.88;font-variant-numeric:tabular-nums;white-space:nowrap}.xstory .fig .u{font-size:.34em;letter-spacing:-.01em;margin-left:.14em;font-weight:400}.xstory .kv b{font-weight:500;color:var(--ink)}.xstory .dark .kv b{color:var(--on)}.xstory .head{display:grid;gap:2rem;margin-bottom:clamp(4.8rem,3rem + 3vw,8rem)}@media(min-width:990px){.xstory .head{grid-template-columns:5fr 7fr;align-items:end;column-gap:4rem}.xstory .head .cap{grid-column:1 / -1}.xstory .head .p,.xstory .head .lede{justify-self:end}}.xstory .pill{display:inline-flex;align-items:center;justify-content:center;gap:1rem;height:5.2rem;padding-inline:2.8rem;border-radius:999px;background:var(--ink);color:#fff;font-size:1.5rem;font-weight:500;text-decoration:none;transition:scale .2s var(--ease),background-color .2s}.xstory .pill:active{scale:.97}@media(hover:hover){.xstory .pill:hover{background:#2a2a2a}}.xstory .rv{opacity:0;translate:0 2.4rem;transition:opacity .9s var(--ease),translate .9s var(--ease);transition-delay:var(--d, 0s)}.xstory .rv.is-in{opacity:1;translate:0 0}.xstory .hero{position:relative;display:flex;flex-direction:column;height:calc(100svh - var(--head));min-height:64rem;max-height:110rem;padding:clamp(4.8rem,7.5vh,8rem) var(--g) clamp(2rem,3vh,3.2rem);overflow:hidden}.xstory .hero__stage{position:relative;flex:none;height:clamp(32rem,calc(100svh - 47rem),64rem);margin-block:2.4rem clamp(2rem,2.6vh,2.8rem);container-type:size}.xstory .hero__word{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:flex;justify-content:center;align-items:center;color:#e3e3e0;font-weight:300;font-size:min(37.5vw,98cqh);translate:0 -2.1cqh;line-height:.74;letter-spacing:-.07em;pointer-events:none;-webkit-user-select:none;user-select:none}.xstory .hw{display:inline-flex}.xstory .hw i{font-style:normal;display:inline-block;font-weight:300;font-variation-settings:"wght" var(--w, 300)}.xstory .hero__gl{position:absolute;top:-4rem;right:0;bottom:-8rem;left:0;z-index:1;-webkit-mask-image:linear-gradient(#000 calc(100% - 9rem),transparent);mask-image:linear-gradient(#000 calc(100% - 9rem),transparent)}.xstory .hero__gl canvas{width:100%;height:100%;touch-action:pan-y}@keyframes heroIn{0%{opacity:0}}.xstory .hero__head,.xstory .hero__foot{position:relative;z-index:2;flex:none;display:grid;justify-items:center;text-align:center;animation:heroIn .3s ease-out both}.xstory .hero__head{gap:1.2rem}.xstory .hero__foot{gap:2rem}.xstory .hero .h1{font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:500;font-size:clamp(2.8rem,1.6rem + 1.9vw,4.4rem);line-height:1;letter-spacing:-.035em;white-space:nowrap}.xstory .hero__sub{font-size:clamp(1.6rem,1.45rem + .2vw,1.75rem);line-height:1.35;letter-spacing:-.005em;font-weight:400;color:var(--ink-2)}.xstory .hero__body{color:var(--ink-2);font-size:1.55rem;line-height:1.55;max-width:52ch;text-wrap:pretty}.xstory .xbadges{display:flex;flex-wrap:wrap;gap:.8rem 1.4rem}@media(min-width:750px){.xstory .hero .xbadges{flex-wrap:nowrap;justify-content:center}}.xstory .xbadge{display:inline-flex;align-items:center;gap:.45rem;font-size:1.25rem;font-weight:500;color:var(--ink);white-space:nowrap}.xstory .xbadge b{font-weight:500;color:inherit}.xstory .xbadge__ic{width:2.2rem;height:2.2rem;display:grid;place-items:center;flex:none;margin-right:.2rem;color:var(--ink)}.xstory .xbadge__ic svg{width:1.9rem;height:1.9rem}.xstory .xbadge__ic svg.flag{width:2rem;height:1.2rem;border-radius:.2rem;box-shadow:0 0 0 .5px #1212122e}.xstory .xbadge__ic img{height:2rem;width:auto;filter:grayscale(1);mix-blend-mode:multiply}@keyframes drip{0%{background-position:0 100%}to{background-position:0 -100%}}@media(max-width:749px){.xstory .hero{height:auto;min-height:0;max-height:none;padding:4.8rem var(--g) 5.6rem}.xstory .hero__stage{flex:none;height:52svh;margin-block:2rem 2.4rem;margin-inline:calc(var(--g) * -1)}.xstory .hero__word{font-size:44vw}.xstory .hero .xbadges{justify-content:center}.xstory .hero .h1{white-space:normal}.xstory .xbadges{gap:1rem 1.8rem}.xstory .xbadge{font-size:1.25rem}}.xstory .mani__lines{display:grid;gap:.14em;font-weight:300;font-size:clamp(3.2rem,2.3rem + 2.8vw,6.4rem);line-height:1.04;letter-spacing:-.035em}.xstory .mani__lines span{color:var(--ink-3)}.xstory .mani__lines p:nth-child(2){--d:.12s}.xstory .mani__lines p:nth-child(3){--d:.24s}.xstory .mani__foot{display:grid;gap:2rem;margin-top:clamp(3.2rem,2.4rem + 1.6vw,5.2rem)}.xstory .mani__foot .lede{font-size:clamp(1.7rem,1.55rem + .3vw,2rem)}@media(min-width:990px){.xstory .mani__foot{grid-template-columns:5fr 7fr;column-gap:4rem}.xstory .mani__foot .lede{grid-column:2}}.xstory .hl{padding-top:0}.xstory .hl__list{display:grid;gap:3.2rem}.xstory .hl__list li{display:grid;gap:.8rem;align-content:start}.xstory .hl__list b{font-weight:500;font-size:1.7rem;letter-spacing:-.005em}.xstory .hl__list p{color:var(--ink-2);font-size:1.5rem;line-height:1.5;max-width:34ch}@media(min-width:600px){.xstory .hl__list{grid-template-columns:1fr 1fr;gap:4rem 3.2rem}}@media(min-width:990px){.xstory .hl__list{grid-template-columns:repeat(5,1fr);gap:4rem}}.xstory .moment{min-height:100svh;display:grid;align-content:center;padding-block:12rem}.xstory .moment>.wrap{width:100%}.xstory .duo{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem 4rem;margin-top:1.6rem}.xstory .duo .cap{margin-top:1.2rem;color:var(--on-2)}.xstory .moment .big{font-size:clamp(6.4rem,2rem + 10vw,18rem)}@media(max-width:749px){.xstory .duo{gap:1.6rem}.xstory .moment .big{font-size:clamp(5.2rem,17vw,8rem)}}.xstory .moment .line{font-weight:400;margin-top:4.8rem;max-width:24ch;font-size:clamp(2.2rem,1.6rem + 1.2vw,3.4rem);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.xstory .moment .p{margin-top:2rem}.xstory .trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem;margin-top:8rem;padding-top:3.2rem;border-top:1px solid var(--on-line)}.xstory .trio>div{display:grid;gap:1rem;align-content:start}.xstory .trio .fig{font-size:clamp(3.2rem,1.8rem + 2.6vw,5.6rem)}.xstory .trio .cap{color:var(--on-2)}@media(max-width:749px){.xstory .moment{min-height:0;padding-block:9.6rem}.xstory .trio{gap:1.6rem;margin-top:5.6rem}.xstory .trio .cap{font-size:1rem}}.xstory .run{position:relative;height:920vh}.xstory .stage{position:sticky;top:var(--top);height:calc(100vh - var(--top));height:calc(100svh - var(--top));overflow:hidden;background:var(--night);color:var(--on)}.xstory{--amb-stops:#c9761c 0%, #9a4a12 26%, #4a1608 56%, #1c0806 82%, #12070a 100%;--amb-size:130% 115%;--amb-x:74%;--amb-y:86%;--stage-h:calc(100svh - var(--top))}@media(max-width:749px){.xstory{--amb-size:150% 95%;--amb-x:60%;--amb-y:42%}}.xstory .stage__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(var(--amb-size) at var(--amb-x) var(--amb-y),var(--amb-stops))}.xstory .stage__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.xstory .moment,.xstory .bento-sec{position:relative}.xstory .moment>.wrap,.xstory .bento-sec>.wrap{position:relative;z-index:1}.xstory .amb-blend{position:absolute;left:0;right:0;height:120px;overflow:hidden;pointer-events:none}.xstory .amb-blend i{position:absolute;left:0;right:0;height:var(--stage-h);background:radial-gradient(var(--amb-size) at var(--amb-x) calc(100% - var(--amb-y)),var(--amb-stops))}.xstory .amb-blend--in{bottom:0}.xstory .amb-blend--in i{bottom:0;-webkit-mask-image:linear-gradient(to bottom,transparent calc(100% - 120px),#000 100%);mask-image:linear-gradient(to bottom,transparent calc(100% - 120px),#000 100%)}.xstory .amb-blend--out{top:0}.xstory .amb-blend--out i{top:0;-webkit-mask-image:linear-gradient(to bottom,#000 0,transparent 120px);mask-image:linear-gradient(to bottom,#000 0,transparent 120px)}.xstory .stage canvas.gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;touch-action:pan-y}.xstory .stage.is-free canvas.gl{pointer-events:auto;cursor:grab}.xstory .stage.is-free canvas.gl:active{cursor:grabbing}.xstory .stage .cap{color:var(--on-3)}.xstory .scrim{position:absolute;inset:0 auto 0 0;width:50%;background:linear-gradient(to right,#1207088c,#12070800);pointer-events:none;z-index:1}.xstory .ov{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.xstory .ov svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.xstory .ov line{stroke:#f2f2f066;stroke-width:1}.xstory .ov circle{fill:var(--on)}.xstory .lbl{position:absolute;left:0;top:0;white-space:nowrap;font-family:var(--label);font-size:1.15rem;letter-spacing:.02em;color:var(--on);display:flex;gap:.8rem;align-items:baseline;translate:0 -50%;will-change:transform,opacity}.xstory .lbl i{font-style:normal;color:var(--on-3)}.xstory .lbl.is-left{flex-direction:row-reverse}.xstory .meta{position:absolute;left:var(--gx);right:var(--gx);top:2.4rem;display:flex;justify-content:space-between;gap:2rem;z-index:3}.xstory .meta b{font-weight:400;color:var(--on)}.xstory .prog{position:absolute;left:var(--gx);right:var(--gx);bottom:2.4rem;display:flex;align-items:center;gap:1.6rem;z-index:3}.xstory .prog__bar{flex:1;height:1px;background:var(--on-line);position:relative}.xstory .prog__bar span{position:absolute;inset:0 auto 0 0;width:0;background:var(--on)}.xstory .loader{position:absolute;right:var(--gx);top:50%;width:min(24rem,40vw);translate:0 -50%;z-index:4;display:grid;gap:1rem;transition:opacity .6s;pointer-events:none}.xstory .loader i{display:block;height:1px;background:var(--on-line);position:relative;overflow:hidden}.xstory .loader i b{position:absolute;inset:0 auto 0 0;width:0;background:var(--on);transition:width .25s}.xstory .loader.is-done{opacity:0}.xstory .layer{position:absolute;left:var(--gx);top:50%;width:min(42rem,34vw);translate:0 -50%;z-index:3;opacity:0;pointer-events:none;will-change:opacity,transform}.xstory .layer.is-on{pointer-events:auto}.xstory .layer h2{font-weight:400;font-size:clamp(2.8rem,1.6rem + 1.8vw,4.4rem);line-height:1.04;letter-spacing:-.03em;margin-top:1.2rem;text-wrap:balance}.xstory .layer .sub{margin-top:1.4rem;font-size:1.8rem;line-height:1.4;color:var(--on)}.xstory .layer p.txt,.xstory .layer .kv{margin-top:1.6rem;color:var(--on-2);text-wrap:pretty}.xstory .layer .kv+.kv{margin-top:1rem}.xstory .layer .big{font-weight:200;font-size:clamp(6rem,3rem + 4.4vw,10.4rem);line-height:.9;letter-spacing:-.05em;margin-top:2rem;white-space:nowrap}.xstory .layer .clips{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:2.4rem}.xstory .layer .clips.one{grid-template-columns:1fr;width:min(100%,30rem)}.xstory .layer .clip{aspect-ratio:3/2;overflow:hidden;background:#1a1a1b;border-radius:.4rem}.xstory .layer .clip video{width:100%;height:100%;object-fit:cover}.xstory .layer .facts{display:grid;grid-template-columns:auto 1fr;gap:.6rem 2rem;margin-top:2.4rem;padding-top:1.6rem;border-top:1px solid var(--on-line)}.xstory .layer .facts dt{font-family:var(--label);font-weight:500;font-size:1.05rem;letter-spacing:.03em;color:var(--on-3);padding-top:.2rem}.xstory .layer .facts dd{font-size:1.4rem;font-variant-numeric:tabular-nums;color:var(--on)}.xstory .hint{display:flex;align-items:center;gap:1.2rem;margin-top:3.2rem}.xstory .free{transition:opacity .5s var(--ease)}.xstory .stage:not(.is-free) .free{opacity:0;pointer-events:none}.xstory .seg2{display:inline-flex;margin-top:2.4rem;padding:.4rem;border-radius:99px;background:#ffffff0f;box-shadow:inset 0 0 0 1px var(--on-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.xstory .seg2 button{font-size:1.3rem;font-weight:500;color:var(--on-2);padding:1.1rem 2rem;border-radius:99px;transition:background-color .25s,color .25s}.xstory .seg2 button[aria-pressed=true]{background:var(--on);color:var(--night)}@media(max-width:749px){.xstory .run{height:860vh}.xstory .scrim{inset:auto 0 0 0;width:auto;height:64%;background:linear-gradient(to top,#120708f0 30%,#12070800)}.xstory .layer{left:var(--gx);right:var(--gx);width:auto;top:auto;bottom:6rem;translate:none}.xstory .layer h2{font-size:2.6rem;margin-top:.8rem}.xstory .layer .sub{font-size:1.5rem}.xstory .layer p.txt,.xstory .layer .kv{margin-top:1rem;font-size:1.45rem;line-height:1.5}.xstory .layer .clips{display:none}.xstory .layer .facts{margin-top:1.4rem;padding-top:1.2rem;gap:.4rem 1.6rem}.xstory .layer .facts dd{font-size:1.3rem}.xstory .layer .big{font-size:6.4rem;margin-top:1.2rem}.xstory .hint{margin-top:2rem}.xstory .lbl{font-size:1rem}.xstory .lbl i{display:none}.xstory .meta{top:1.6rem}.xstory .meta .hide-m{display:none}.xstory .prog{bottom:2rem}.xstory .prog>span{display:none}}.xstory .rm-list{display:none}.xstory .bento-sec{padding-top:clamp(9rem,6rem + 4vw,13rem);padding-bottom:0}.xstory .bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(22rem,auto);gap:1.2rem}.xstory .bt{position:relative;border-radius:.8rem;overflow:hidden;background:#151516;min-height:22rem}.xstory .bt video,.xstory .bt>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.xstory .bt:not(.bt--stat):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(11,11,12,.86),rgba(11,11,12,.35) 34%,transparent 60%);pointer-events:none}.xstory .bt__tag{position:absolute;z-index:2;left:2rem;bottom:1.8rem;right:2rem;display:grid;gap:.3rem}.xstory .bt__tag b{font-weight:500;font-size:1.6rem}.xstory .bt__tag .cap{color:var(--on-2)}.xstory .bt__tag span:not(.cap){font-size:1.4rem;color:var(--on-2);line-height:1.45;max-width:44ch}.xstory .bt--2x2{grid-column:span 2;grid-row:span 2}.xstory .bt--2x1{grid-column:span 2}.xstory .bt--stat{background:#151516;box-shadow:inset 0 0 0 1px var(--on-line);display:grid;align-content:space-between;padding:2.2rem 2.2rem 2.4rem}.xstory .bt--stat .fig{font-size:clamp(4.4rem,2.8rem + 2.4vw,6.8rem)}.xstory .bt--stat .t{margin-top:1rem;font-size:1.4rem;color:var(--on-2);line-height:1.45;max-width:26ch}.xstory .bt--stat .bar{height:1px;background:var(--on-line);overflow:hidden;margin-top:1.8rem}.xstory .bt--stat .bar i{display:block;height:100%;width:0;background:var(--on);transition:width 1.6s var(--ease) .3s}.xstory .bt--stat.is-in .bar i{width:var(--w)}@media(max-width:989px){.xstory .bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense}}@media(max-width:749px){.xstory .bento{grid-auto-rows:minmax(17rem,auto);gap:.8rem}.xstory .bt{min-height:17rem}.xstory .bt--2x2{grid-row:span 1;min-height:28rem}.xstory .bt__tag{left:1.4rem;right:1.4rem;bottom:1.2rem}.xstory .bt__tag b{font-size:1.4rem}.xstory .bt__tag span:not(.cap){font-size:1.25rem}.xstory .bt:not(.bt--2x2):not(.bt--2x1) .bt__tag span:not(.cap){display:none}.xstory .bt--stat{padding:1.6rem}.xstory .bt--stat .t{font-size:1.25rem}}.xstory .dims__views{display:grid;gap:2.4rem}.xstory .seg{display:inline-flex;gap:.4rem;padding:.4rem;border-radius:999px;background:var(--mist);justify-self:start}.xstory .seg button{height:3.6rem;padding-inline:1.6rem;border-radius:999px;font-size:1.4rem;font-weight:500;color:var(--ink-2);transition:background-color .2s,color .2s}.xstory .seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 2px #12121214}.xstory .ortho figcaption{margin-top:1.2rem;text-align:center}.xstory .ortho svg{width:100%;height:min(64svh,62rem);overflow:visible}.xstory .ortho .inv{stroke:var(--paper);fill:var(--paper)}.xstory .ortho .ln{stroke:var(--ink);stroke-width:1;fill:none;vector-effect:non-scaling-stroke}.xstory .ortho .tk{stroke:var(--ink);stroke-width:1;vector-effect:non-scaling-stroke}.xstory .ortho text{font-family:var(--label);font-size:36px;fill:var(--ink);font-variant-numeric:tabular-nums}.xstory .ortho .dl{stroke-dasharray:1;stroke-dashoffset:1}.xstory .ortho.is-in .dl{animation:draw .9s var(--ease) forwards;animation-delay:calc(var(--i, 0) * .12s)}.xstory .ortho text{opacity:0}.xstory .ortho.is-in text{animation:fade .5s var(--ease) forwards;animation-delay:calc(.35s + var(--i, 0) * .12s)}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{to{opacity:1}}@media(max-width:989px){.xstory .ortho[hidden]{display:none}}@media(min-width:990px){.xstory .dims__views{grid-template-columns:1fr 1fr;gap:4rem}.xstory .dims .seg{display:none}.xstory .ortho[hidden]{display:block}}.xstory .try{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:5rem;align-items:start}.xstory .try__view{position:sticky;top:calc(var(--top) + 4rem);aspect-ratio:1/1;max-height:calc(100svh - var(--top) - 8rem);width:100%;background:radial-gradient(60% 55% at 50% 45%,#fff,#f1f1ef 60%,#e9e9e6);border-radius:.8rem;overflow:hidden}.xstory .try__view canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.xstory .try__view canvas:active{cursor:grabbing}.xstory .try__view svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.xstory .try__view svg line{stroke:var(--ink);stroke-width:1}.xstory .try__hud{position:absolute;left:2rem;right:2rem;top:1.8rem;display:flex;justify-content:space-between;gap:1.6rem;pointer-events:none}.xstory .try__hud b{font-weight:400;color:var(--ink)}.xstory .try__foot{position:absolute;left:2rem;right:2rem;bottom:1.8rem;display:flex;justify-content:space-between;align-items:center;gap:1.6rem}.xstory .dim-t{position:absolute;left:0;top:0;font-family:var(--label);font-size:1.2rem;color:var(--ink);background:#ffffffe0;padding:.3rem .6rem;border-radius:.3rem;translate:0 -50%;white-space:nowrap;pointer-events:none;transition:opacity .3s}.xstory .reset{font-size:1.3rem;font-weight:500;background:#fff;border:1px solid var(--line);border-radius:99px;padding:1rem 1.6rem}.xstory .ctls{border-top:1px solid var(--ink)}.xstory .ctl{border-bottom:1px solid var(--line)}.xstory .ctl__head{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:1.6rem;padding:2rem 0 1.4rem;text-align:left}.xstory .ctl__name{font-weight:500;font-size:1.7rem;display:flex;gap:1.2rem;align-items:baseline}.xstory .ctl__name i{font-style:normal;font-family:var(--label);font-size:1.1rem;color:var(--ink-3);font-weight:400}.xstory .ctl__val{font-size:1.5rem;font-variant-numeric:tabular-nums}.xstory .ctl__in{padding-bottom:1.6rem}.xstory .ctl__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}.xstory .ctl__body>div{overflow:hidden}.xstory .ctl.is-on .ctl__body{grid-template-rows:1fr}.xstory .ctl__body p{color:var(--ink-2);font-size:1.5rem}.xstory .ctl__clip{margin:1.6rem 0 2.4rem;display:grid;grid-template-columns:16rem 1fr;gap:1.6rem;align-items:center}.xstory .ctl__clip div{aspect-ratio:3/2;overflow:hidden;border-radius:.4rem;background:var(--mist)}.xstory .ctl__clip video{width:100%;height:100%;object-fit:cover}.xstory .rng{position:relative;height:2.8rem;display:flex;align-items:center}.xstory input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2.8rem;background:transparent;cursor:pointer;--p:50%;margin:0}.xstory input[type=range]::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--ink) var(--p),rgba(18,18,18,.14) var(--p))}.xstory input[type=range]::-moz-range-track{height:2px;background:linear-gradient(90deg,var(--ink) var(--p),rgba(18,18,18,.14) var(--p))}.xstory input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:2rem;height:2rem;border-radius:50%;background:#fff;border:1.5px solid var(--ink);margin-top:-.9rem;box-shadow:0 2px 8px #0000001f}.xstory input[type=range]::-moz-range-thumb{width:2rem;height:2rem;border-radius:50%;background:#fff;border:1.5px solid var(--ink)}.xstory input[type=range]:focus-visible{outline:none}.xstory input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #12121229}.xstory .ticks{display:flex;justify-content:space-between;font-family:var(--label);font-size:1.05rem;color:var(--ink-3);margin-top:.2rem}.xstory .steps{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.xstory .steps .seg{margin-top:1.2rem;background:#fff;box-shadow:0 0 0 1px var(--line)}.xstory .steps .seg button{min-width:4rem;height:3.4rem;padding-inline:1.2rem}.xstory .steps .cap{margin-top:1.2rem}.xstory .resist{display:grid;grid-template-columns:repeat(13,1fr);gap:.3rem;margin-top:1rem}.xstory .resist span{height:.6rem;background:#1212121a;border-radius:1px;transition:background .2s}.xstory .resist span.on{background:var(--ink)}@media(max-width:749px){.xstory .try{grid-template-columns:1fr;gap:0}.xstory .try__view{top:var(--top);aspect-ratio:auto;height:46svh;max-height:none;border-radius:0;margin-inline:calc(var(--g) * -1);width:auto;z-index:4}.xstory .try__hud .hide-m{display:none}.xstory .ctls{margin-top:2.4rem}.xstory .ctl__clip{grid-template-columns:12rem 1fr}}.xstory .scrub{position:relative;height:340vh;background:#f4f4f2}.xstory .scrub__stage{position:sticky;top:var(--top);height:calc(100svh - var(--top));overflow:hidden}.xstory .scrub__stage video,.xstory .scrub__stage .scrub__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transition:opacity .3s}.xstory .scrub__cap{position:absolute;left:var(--gx);top:50%;translate:0 -50%;width:min(42rem,36vw);z-index:2}.xstory .scrub__steps{position:relative;min-height:24rem}.xstory .scrub__step{position:absolute;left:0;right:0;top:0;opacity:0;translate:0 1.2rem;transition:opacity .5s var(--ease),translate .6s var(--ease)}.xstory .scrub__step.is-on{opacity:1;translate:0 0}.xstory .scrub__step .h2{font-size:clamp(2.6rem,1.8rem + 1.6vw,4.2rem);margin-top:1rem}.xstory .scrub__step .p{margin-top:1.4rem}.xstory .scrub__bar{position:absolute;left:var(--gx);right:var(--gx);bottom:3.2rem;height:1px;background:#12121224;z-index:2}.xstory .scrub__bar i{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 50%;scale:0 1;background:var(--ink)}.xstory .scrub__ticks{position:absolute;left:var(--gx);right:var(--gx);bottom:4.4rem;display:flex;justify-content:space-between;z-index:2}@media(max-width:749px){.xstory .scrub{height:300vh}.xstory .scrub__stage video,.xstory .scrub__stage .scrub__poster{object-position:58% 50%;height:56%;top:auto;bottom:0}.xstory .scrub__cap{top:3.2rem;translate:none;width:auto;right:var(--gx)}.xstory .scrub__steps{min-height:20rem}.xstory .scrub__step .h2{font-size:2.4rem}.xstory .scrub__step .p{font-size:1.45rem}.xstory .scrub__bar{bottom:2rem}.xstory .scrub__ticks{bottom:3rem}}@media(prefers-reduced-motion:reduce){.xstory .scrub{height:auto}.xstory .scrub__stage{position:relative;top:0}.xstory .scrub__step{transition:none}}.xstory .use{display:grid;gap:1.2rem}.xstory .use figure{position:relative;border-radius:.8rem;overflow:hidden;background:var(--mist)}.xstory .use img{width:100%;height:100%;object-fit:cover}.xstory .use figcaption{position:absolute;left:1.4rem;bottom:1.2rem;padding:.5rem .8rem;border-radius:.4rem;background:#f6f6f4eb;color:var(--ink)}.xstory .use .u1{aspect-ratio:3 / 2}.xstory .use .u2,.xstory .use .u3{aspect-ratio:4 / 5}.xstory .use .u2{--d:.08s}.xstory .use .u3{--d:.16s}@media(min-width:768px){.xstory .use{grid-template-columns:2fr 1fr 1fr;align-items:stretch}.xstory .use .u1,.xstory .use .u2,.xstory .use .u3{aspect-ratio:auto;height:clamp(32rem,30vw,46rem)}}@media(max-width:767px){.xstory .use{grid-template-columns:1fr 1fr}.xstory .use .u1{grid-column:1 / -1}}.xstory .story{display:grid;gap:2.4rem;padding-block:clamp(6.4rem,4rem + 4vw,11rem)}.xstory .story .h3{font-weight:400;font-size:clamp(2.6rem,1.8rem + 1.4vw,3.8rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.xstory .story__body{display:grid;gap:1.6rem}.xstory .story__body .p{max-width:58ch}.xstory .story__body strong{font-weight:500;color:var(--ink)}.xstory .story blockquote{font-weight:300;font-size:clamp(2.4rem,1.6rem + 1.6vw,4rem);line-height:1.15;letter-spacing:-.03em;text-wrap:balance;padding-top:2.4rem;border-top:1px solid var(--line);margin-top:1.6rem}@media(min-width:990px){.xstory .story{grid-template-columns:5fr 7fr;column-gap:4rem}.xstory .story blockquote{grid-column:2}}.xstory .film{position:relative;aspect-ratio:16 / 9;border-radius:.8rem;overflow:hidden;background:var(--ink)}.xstory .film img,.xstory .film video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.xstory .film__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.xstory .film__btn{display:inline-flex;align-items:center;gap:1rem;height:4.8rem;padding-inline:1.8rem 2.2rem;border-radius:999px;background:#f6f6f4f0;color:var(--ink);font-size:1.5rem;font-weight:500;transition:scale .2s var(--ease)}.xstory .film__play:hover .film__btn{scale:1.03}.xstory .film__btn svg{width:1.4rem;height:1.4rem}.xstory .film.is-playing .film__play,.xstory .film.is-playing img{display:none}.xstory .lg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3.2rem 4rem;margin-bottom:clamp(6.4rem,4rem + 3vw,9.6rem)}.xstory .lg .tab{display:block;font-weight:300;font-size:clamp(3.2rem,2rem + 1.8vw,4.8rem);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.xstory .lg .p{margin-top:1.4rem;max-width:30ch;font-size:1.5rem}.xstory .lg .p b{font-weight:500;color:var(--ink)}.xstory .certs__title{margin-bottom:2.4rem;font-weight:400;font-size:clamp(2rem,1.6rem + .8vw,2.6rem);letter-spacing:-.015em}.xstory .certs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:3.2rem}.xstory .cert{display:flex;flex-direction:column;padding:3.2rem 0;border-top:1px solid var(--line)}.xstory .cert__logo{height:6.4rem;display:flex;align-items:center;margin-bottom:2rem}.xstory .cert__logo img{display:block;width:auto;max-width:100%;mix-blend-mode:multiply}.xstory .cert__logo .lg-sq{height:5.6rem}.xstory .cert__logo .lg-tuv{height:4.4rem}.xstory .cert__logo .lg-wd{height:3.2rem}.xstory .cert__logo .lg-be{height:4.8rem}.xstory .cert__logo img[data-inv]{filter:invert(1)}.xstory .cert b{font-weight:500;font-size:1.6rem}.xstory .cert .sm{margin-top:.6rem;font-size:1.4rem;line-height:1.5;color:var(--ink-2);max-width:34ch}@media(max-width:989px){.xstory .lg{grid-template-columns:1fr 1fr}.xstory .certs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.xstory .lg{gap:3.2rem 2rem}.xstory .certs{grid-template-columns:1fr 1fr;column-gap:1.6rem}.xstory .cert{padding:2.4rem 0}.xstory .cert__logo{height:5rem;margin-bottom:1.4rem}.xstory .cert__logo .lg-sq{height:4.4rem}.xstory .cert__logo .lg-tuv{height:3.4rem}.xstory .cert__logo .lg-wd{height:2.6rem}.xstory .cert__logo .lg-be{height:3.8rem}}@media(prefers-reduced-motion:reduce){.xstory .bt--stat .bar i{transition:none}.xstory .rv{opacity:1;translate:none;transition:none}.xstory .hero__head,.xstory .hero__foot{animation:none}.xstory .ortho .dl{stroke-dashoffset:0;animation:none!important}.xstory .ortho text{opacity:1;animation:none!important}.xstory .ctl__body{transition:none}.xstory .run{height:auto}.xstory .stage{position:relative;top:0;height:80svh}.xstory .stage .layer,.xstory .stage .prog,.xstory .stage .scrim{display:none}.xstory .rm-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:3.2rem;padding-block:6rem 10rem}.xstory .rm-list h3{font-weight:400;font-size:2.2rem;letter-spacing:-.02em;margin-top:.6rem}.xstory .rm-list p{color:var(--on-2);margin-top:.8rem}}.xstory{--top:var(--header-height, 0px);--head:var(--top);padding-top:0;position:relative;z-index:0;isolation:isolate;background:var(--paper)}.xstory :where(h1,h2,h3,h4,.h1,.h2,.h3){font-family:inherit;color:inherit;margin:0;text-transform:none}.xstory .hero .h1{font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif}.xstory :where(p,ul,ol,dl,dd,figure,blockquote){margin:0}.xstory .xbadges{list-style:none;padding:0;margin:0}.xstory video{background:transparent}.xstory div:empty{display:block}.xstory{--max:var(--page-width, 150rem)}@media(min-width:750px){.xstory{--g:5rem}}.xstory{--gx:max(var(--g), calc((100% - var(--max)) / 2 + var(--g)))}.xstory .hero:before{content:"";position:absolute;left:0;right:0;top:0;height:min(32rem,40%);background:linear-gradient(#fff,#fff0);pointer-events:none}.xstory blockquote{font-style:normal;border:0;padding-left:0;margin-left:0;quotes:none}.xstory blockquote:before,.xstory blockquote:after{content:none}.xstory :is(em,i,cite){font-style:normal}.xstory .h2{font-size:clamp(2.4rem,1.8rem + 1.2vw,3.6rem);line-height:1.1}.xstory .lede{font-size:clamp(1.6rem,1.5rem + .2vw,1.8rem)}.xstory .mani__lines{font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:500;font-size:clamp(2.4rem,1.8rem + 1.6vw,4rem);line-height:1.12;letter-spacing:-.03em}.xstory .mani__foot .lede{font-size:clamp(1.6rem,1.5rem + .2vw,1.8rem)}.xstory .moment .big{font-size:clamp(6.4rem,2rem + 8vw,14rem)}.xstory .moment .line{font-size:clamp(2rem,1.6rem + .8vw,2.8rem)}.xstory .trio .fig{font-size:clamp(2.8rem,1.8rem + 1.8vw,4.4rem)}.xstory .layer h2{font-size:clamp(2.4rem,1.6rem + 1.2vw,3.6rem)}.xstory .layer .sub{font-size:1.6rem}.xstory .layer .big{font-size:clamp(5rem,3rem + 3vw,8rem)}.xstory .bt--stat .fig{font-size:clamp(3.6rem,2.6rem + 1.6vw,5.2rem)}.xstory .scrub__step .h2{font-size:clamp(2.4rem,1.8rem + 1.2vw,3.4rem)}.xstory .story .h3{font-size:clamp(2.2rem,1.8rem + .8vw,3rem)}.xstory .certs__title{font-size:clamp(1.8rem,1.6rem + .4vw,2.2rem)}.xstory .stage .meta,.xstory .stage .seg2{display:none}.xstory .stage .free>.cap{margin-top:2.4rem!important}.xstory .duo{margin-top:0}.xstory .duo>div{justify-self:start;width:max-content;display:grid;justify-items:center;text-align:center}.xstory .trio__logo{height:clamp(3.2rem,2.2rem + 1.6vw,4.4rem);width:auto;filter:invert(1) hue-rotate(180deg)}.xstory .cert__logo .lg-sq[src*=tuv-icon]{height:4.4rem}.xstory .hero .xbadges{gap:1rem 2.8rem;margin-top:.8rem}.xstory .xbadge{gap:.8rem;font-size:1.3rem;line-height:1}.xstory .xbadge__ic{width:auto;height:2rem;margin:0;display:flex;align-items:center}.xstory .xbadge__ic svg{width:2rem;height:2rem}.xstory .xbadge__ic svg.flag{width:2.4rem;height:1.44rem;border-radius:.2rem}.xstory .xbadge__ic img{filter:none;mix-blend-mode:normal;height:1.8rem;width:auto}.xstory .hero .xbadges{gap:1.6rem 4.8rem;margin-top:1.2rem}.xstory .hero .xbadge{flex-direction:column;gap:1rem;text-align:center}.xstory .hero .xbadge__ic{height:2.4rem}.xstory .hero .xbadge__ic svg{width:2.4rem;height:2.4rem}.xstory .hero .xbadge__ic svg.flag{width:2.8rem;height:1.68rem}.xstory .hero .xbadge__ic img{height:2.1rem}.xstory .xbadge__txt{display:grid;gap:.3rem}.xstory .xbadge__txt strong{font-weight:500;font-size:1.35rem;line-height:1.25}.xstory .xbadge__txt span{font-weight:400;font-size:1.2rem;line-height:1.3;color:var(--ink-3)}.xstory :is(.head .h2,.layer h2,.scrub__step .h2,.moment .line,.story .h3,.certs__title){font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:500;letter-spacing:-.025em}.xstory .head .h2{font-size:clamp(2.2rem,1.6rem + 1vw,3.2rem);line-height:1.12}.xstory .layer h2{font-size:clamp(2.2rem,1.5rem + 1vw,3.2rem);line-height:1.12;margin-top:0}.xstory .scrub__step .h2{font-size:clamp(2.2rem,1.6rem + .9vw,3rem);line-height:1.12;margin-top:0}.xstory .moment .line{font-size:clamp(1.8rem,1.5rem + .6vw,2.4rem);line-height:1.2}.xstory .story .h3{font-size:clamp(2rem,1.6rem + .6vw,2.6rem);line-height:1.15}.xstory .certs__title{font-size:clamp(1.7rem,1.5rem + .3vw,2rem)}@media(min-width:990px){.xstory .head{align-items:start}}.xstory .prog{bottom:4.8rem;left:50%;right:auto;translate:-50% 0;gap:1.2rem;padding:.9rem 1.6rem;border-radius:99px;background:#0c06066b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap}.xstory .prog__bar{flex:none;width:12rem;height:3px;border-radius:99px;overflow:hidden;background:#f2f2f03d}.xstory :is(.prog,.scrub__ticks){font-family:Hanken Grotesk,system-ui,sans-serif;font-size:1.25rem;font-weight:500;letter-spacing:0}.xstory .stage .prog{color:#f2f2f0eb}.xstory .scrub__ticks{color:var(--ink)}.xstory .prog__bar span{border-radius:99px}.xstory .scrub__ticks{left:50%;right:auto;translate:-50% 0;width:34rem;height:3.6rem;align-items:center;padding:0 1.6rem;border-radius:99px;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);bottom:calc(4.8rem + var(--atc, 0px))}.xstory .scrub__bar{left:50%;right:auto;translate:-50% 0;width:10rem;height:3px;border-radius:99px;overflow:hidden;background:#1212121f;z-index:3;bottom:calc(4.8rem + 1.8rem - 1.5px + var(--atc, 0px))}.xstory .scrub__bar i{border-radius:99px}.xstory .amb-blend{height:200px}.xstory .amb-blend--in i{background:linear-gradient(to right,#1207088c,#12070800 50%),radial-gradient(var(--amb-size) at var(--amb-x) calc(100% - var(--amb-y)),var(--amb-stops));-webkit-mask-image:linear-gradient(to bottom,transparent calc(100% - 200px),#000 100%);mask-image:linear-gradient(to bottom,transparent calc(100% - 200px),#000 100%)}.xstory .amb-blend--out i{background:linear-gradient(to right,#1207088c,#12070800 50%),radial-gradient(var(--amb-size) at var(--amb-x) calc(100% - var(--amb-y)),var(--amb-stops));-webkit-mask-image:linear-gradient(to bottom,#000 0,transparent 200px);mask-image:linear-gradient(to bottom,#000 0,transparent 200px)}@media(max-width:749px){.xstory .amb-blend--in i{background:radial-gradient(var(--amb-size) at var(--amb-x) calc(100% - var(--amb-y)),var(--amb-stops))}.xstory .amb-blend--out i{background:linear-gradient(#120708f0,#120708f0 30%,#12070800 64%),radial-gradient(var(--amb-size) at var(--amb-x) calc(100% - var(--amb-y)),var(--amb-stops))}}.xstory{--on-2:rgba(242,242,240,.86);--on-3:rgba(242,242,240,.64)}.xstory .scrub{background:#eae8e3}@media(min-width:750px){.xstory .scrub__cap{left:var(--gx);right:var(--gx);top:clamp(3.2rem,5vh,5.6rem);width:auto;translate:none}.xstory .scrub__steps{min-height:0;height:clamp(9rem,14vh,12rem)}.xstory .scrub__step{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:4rem;align-items:start}.xstory .scrub__step .p{margin-top:0;justify-self:end;max-width:52ch}.xstory .scrub__stage video,.xstory .scrub__stage .scrub__poster{top:auto;bottom:0;left:0;right:0;translate:none;width:100%;height:calc((100% - clamp(3.2rem,5vh,5.6rem) - clamp(9rem,14vh,12rem))*1.3);object-fit:cover;object-position:50% 100%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%);mask-image:linear-gradient(to bottom,transparent,#000 22%)}}.xstory{--label:"Hanken Grotesk",system-ui,sans-serif}.xstory .cap{font-size:1.25rem;letter-spacing:.005em}.xstory .layer .facts dt,.xstory .ticks,.xstory .lbl,.xstory .dim-t{letter-spacing:0}.xstory .layer .facts dt,.xstory .ticks{font-size:1.2rem}.xstory .amb-blend--out{display:none}.xstory .bt--stat .bt__h{display:block;font-weight:500;font-size:1.6rem;color:var(--on)}.xstory .bt--stat .bt__h+.t{margin-top:.4rem}.xstory .bt--stat{align-content:end}@media(max-width:749px){.xstory .bt--stat .bt__h{font-size:1.4rem}}.xstory .ctls{border-top:1px solid var(--line)}.xstory .ctl__head{padding:1.6rem 0 .6rem}.xstory .ctl__name{font-size:1.5rem}.xstory .ctl__name i,.xstory .ctl .ticks,.xstory .ctl .resist,.xstory .ctl__body{display:none}.xstory .ctl__val{font-size:1.4rem;color:var(--ink-2)}.xstory .ctl__in{padding-bottom:1.4rem}.xstory .ctl:not(:has(.ctl__in)){display:none}.xstory .rng,.xstory .ctl input[type=range]{height:2rem}.xstory .ctl input[type=range]::-webkit-slider-thumb{width:1.4rem;height:1.4rem;margin-top:-.6rem;border-width:1px;box-shadow:0 1px 3px #00000024}.xstory .ctl input[type=range]::-moz-range-thumb{width:1.4rem;height:1.4rem;border-width:1px}.xstory .steps{gap:.8rem}.xstory .steps .cap{margin-top:1rem}.xstory .steps .seg{margin-top:1rem;padding:.3rem}.xstory .steps .seg button{min-width:3rem;height:2.8rem;padding-inline:.8rem;font-size:1.3rem}.xstory .try>div>.cap,.xstory .try__hud{display:none}.xstory .try{gap:4rem;align-items:center}.xstory #try{background:#fff}.xstory .try__view{background:#fff;border-radius:0}.xstory .ctls{display:grid;gap:.4rem;border-top:0}.xstory .ctl{border:0;border-radius:1.6rem;padding:0 1.6rem;transition-property:background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(.2,0,0,1)}.xstory .ctl.is-on{background:#f5f5f3}.xstory .ctl__head{padding:1.6rem 0 1.2rem;align-items:center}.xstory .ctl__name{font-size:1.4rem;color:var(--ink-2);transition-property:color;transition-duration:.2s}.xstory .ctl.is-on .ctl__name{color:var(--ink)}.xstory .ctl__val{font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:500;font-size:1.6rem;color:var(--ink);letter-spacing:-.01em}.xstory .ctl:not(.is-on) .ctl__in{display:none}.xstory .ctl input[type=range]{height:3.2rem}.xstory .steps .seg{background:#f3f3f1;box-shadow:none}.xstory .steps .seg button{min-width:4rem;height:3.6rem;transition-property:background-color,color,scale;transition-duration:.15s}.xstory .steps .seg button[aria-pressed=true]{background:var(--ink);color:#fff}.xstory :is(.steps .seg button,.reset):active{scale:.96}.xstory .try__foot{left:0;right:0;bottom:1.8rem;justify-content:center}.xstory .try__foot{gap:2rem}.xstory .reset{position:relative;display:inline-flex;align-items:center;gap:.5rem;height:auto;padding:0;border:0;border-radius:0;background:none;box-shadow:none;font-size:1.25rem;font-weight:500;color:var(--ink-2);transition-property:color,scale;transition-duration:.15s}.xstory .reset:before{content:"";position:absolute;top:-1.2rem;right:-1rem;bottom:-1.2rem;left:-1rem}.xstory .reset svg{position:static;inset:auto;width:1.3rem;height:1.3rem;flex:none}@media(hover:hover){.xstory .reset:hover{color:var(--ink)}}@media(max-width:749px){.xstory .ctl input[type=range]{height:4.4rem}.xstory .steps .seg button{min-width:4.4rem;height:4.4rem}.xstory .ctl__val{font-size:1.5rem}}.xstory .ctl .sub{display:flex;justify-content:space-between;font-size:1.3rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.xstory .ctl .sub+.rng{margin-top:-.2rem}.xstory .ctl .rng+.sub{margin-top:.8rem}.xstory .ctls{gap:.2rem}.xstory .ctl{padding:0 2rem}.xstory .ctl__head{min-height:5.6rem;padding:0;align-items:center;gap:2rem}.xstory .ctl__name{font-size:1.5rem;font-weight:500;line-height:1.2}.xstory .ctl__val{line-height:1.2}.xstory .ctl .ctl__in,.xstory .ctl .ctl__in:has(#in-head){padding:0 0 2rem}.xstory .ctl .rng,.xstory .ctl input[type=range]{height:2.4rem}.xstory .ctl .sub{margin:0;line-height:1.3}.xstory .ctl .sub+.rng{margin-top:.4rem}.xstory .ctl .rng+.sub{margin-top:1.4rem}@media(max-width:749px){.xstory .ctl{padding:0 1.6rem}.xstory .ctl .rng,.xstory .ctl input[type=range]{height:4.4rem}.xstory .ctl .sub+.rng{margin-top:0}.xstory .ctl .rng+.sub{margin-top:.8rem}.xstory .ctl .ctl__in{padding-bottom:1.2rem}}.xstory #try{padding-block:clamp(5.6rem,3.2rem + 3vw,8rem)}.xstory #try .head{margin-bottom:clamp(1.6rem,1rem + 1vw,2.4rem)}.xstory #try .try__view{aspect-ratio:1 / 1;max-height:64rem}.xstory #try .try__foot{position:static;display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 0}@media(max-width:749px){.xstory #try .try__foot{padding:1.6rem 1.6rem 0}}@media(max-width:749px){.xstory #try .try{gap:0}.xstory #try .try__view{height:44svh;aspect-ratio:auto}.xstory #try .head{margin-bottom:.8rem}.xstory #try .ctls{margin-top:2.2rem}.xstory #try .ctl .rng,.xstory #try .ctl input[type=range]{height:3.6rem}.xstory #try .ctl__head{min-height:5.2rem}}.xstory .ctl .note{margin-top:1.2rem;font-size:1.3rem;line-height:1.5;color:var(--ink-2);max-width:none}.xstory .ctl .sub+.note{margin-top:1rem}.xstory .story blockquote{font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:500;font-size:clamp(1.8rem,1.5rem + .6vw,2.4rem);line-height:1.35;letter-spacing:-.01em;border-top:0;padding-top:0}.xstory .lg .tab{font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:500;font-size:clamp(2.4rem,1.8rem + 1vw,3.2rem);letter-spacing:-.02em}.xstory{--atc:0px}@media(max-width:749px){body:has(sticky-atc) .xstory{--atc:7.2rem}.xstory .layer{bottom:calc(6rem + var(--atc))}.xstory .prog{bottom:calc(3.2rem + var(--atc))}.xstory .scrub__stage video,.xstory .scrub__stage .scrub__poster{bottom:var(--atc)}}.xstory{--cap-h:3.6rem;--cap-bar:10rem}.xstory .prog{height:var(--cap-h);padding:0 1.6rem;gap:1.2rem}.xstory .prog__bar,.xstory .scrub__bar{width:var(--cap-bar)}.xstory :is(.fig,.layer .big){font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:400;letter-spacing:-.04em}.xstory .fig .u{letter-spacing:0;margin-left:.18em}.xstory .moment .big{font-size:clamp(5.6rem,1.6rem + 6.4vw,11rem)}.xstory .trio .fig{font-size:clamp(2.4rem,1.5rem + 1.4vw,3.6rem)}.xstory .layer .big{font-size:clamp(4.4rem,2.6rem + 2.4vw,6.4rem)}.xstory .duo>div{justify-items:start;text-align:start}.xstory .duo .cap{margin-top:.8rem;font-size:1.4rem}.xstory{--sec:clamp(6.4rem, 3.2rem + 5.4vw, 12rem)}.xstory #o-hl{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(min-width:990px){.xstory .mani .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:4rem;align-items:end}.xstory .mani__foot{display:block;margin-top:0}.xstory .mani__foot .lede{max-width:44ch}}@media(min-width:990px){.xstory .moment{min-height:0;padding-block:var(--sec) calc(var(--sec) + 4rem)}.xstory .moment>.wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2.4rem;align-items:start}.xstory .moment .duo{grid-column:1 / 3;grid-row:1 / 3;gap:0 2.4rem}.xstory .moment .line{grid-column:3;grid-row:1;margin-top:1.2rem}.xstory .moment .p{grid-column:3;grid-row:2;margin-top:1.6rem}.xstory .moment .trio{grid-column:1 / -1;margin-top:6.4rem}}.xstory .bt:not(.bt--stat):after{background:linear-gradient(to top,rgba(11,11,12,.92),rgba(11,11,12,.72) 30%,rgba(11,11,12,.28) 52%,transparent 70%)}.xstory .bt__tag span:not(.cap){color:#f2f2f0e6}.xstory .tone{display:none}.xstory .band{background:var(--night)}.xstory .bento-sec{padding-bottom:var(--sec)}@media(min-width:990px){.xstory .moment{padding-top:var(--sec)}}@media(max-width:749px){.xstory .prog{-webkit-backdrop-filter:none;backdrop-filter:none;background:#100808d1}.xstory .scrub__ticks{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff0}}@media(min-width:750px){.xstory .scrub__ticks{left:var(--gx);translate:none}.xstory .scrub__bar{left:calc(var(--gx) + (34rem - var(--cap-bar)) / 2);translate:none}.xstory .scrub__stage video,.xstory .scrub__stage .scrub__poster{-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 93%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 93%,transparent)}}@media(min-width:750px){.xstory .mani{padding-top:max(1.6rem,calc(var(--sec) - 9.6rem))}}.xstory .cert__logo{height:6.4rem}.xstory .cert__logo img.lg-sq[alt="T\dcV S\dc D GS"]{height:4.8rem}.xstory .cert__logo img[alt="Blauer Engel"]{height:5.8rem}.xstory .cert__logo img[alt="T\dcV Rheinland"],.xstory .cert__logo img[alt="LGA Zararl\131  Madde Testi"]{height:5.6rem}.xstory .cert__logo img[alt="Quality Office"]{height:4.6rem}.xstory .cert__logo img[alt=BIFMA]{height:4rem}.xstory .cert__logo img[alt="Level 3"]{height:5.4rem}@media(max-width:749px){.xstory .cert__logo img{max-width:100%;object-fit:contain;object-position:left center}.xstory .cert__logo img.lg-sq[alt="T\dcV S\dc D GS"]{height:3.6rem}.xstory .cert__logo img[alt="Blauer Engel"]{height:3rem}.xstory .cert__logo img[alt="T\dcV Rheinland"],.xstory .cert__logo img[alt="LGA Zararl\131  Madde Testi"]{height:4.4rem}.xstory .cert__logo img[alt="Quality Office"]{height:4rem}.xstory .cert__logo img[alt=BIFMA]{height:3.2rem}.xstory .cert__logo img[alt="Level 3"]{height:4.2rem}}.xstory .cert{border-top:0}.xstory .cert__logo img{filter:grayscale(1)}.xstory .cert__logo img[data-inv]{filter:invert(1) grayscale(1)}.xstory .certs__title{font-size:clamp(2.2rem,1.6rem + 1vw,3.2rem);line-height:1.12;letter-spacing:-.025em;margin-bottom:clamp(2.4rem,1.6rem + 1.6vw,4rem)}.xstory .scrub{background:linear-gradient(rgb(234,232,227) calc(100% - 24rem),var(--paper))}.xstory .story__body strong{font-weight:inherit;color:inherit}.xstory .story__body .p{font-size:clamp(1.5rem,1.4rem + .25vw,1.7rem);line-height:1.6;color:var(--ink-2)}@media(max-width:749px){.xstory{--sec:5.6rem;--gm:1.2rem}.xstory .head{gap:1.2rem;margin-bottom:3.2rem}.xstory .p,.xstory .lede{font-size:1.5rem;line-height:1.55}.xstory .hero{padding:3.2rem var(--g) 1.6rem}.xstory .hero__head{gap:.8rem}.xstory .hero__sub{font-size:1.5rem;max-width:28ch}.xstory .hero__stage{height:50svh;margin-block:1.2rem 1.6rem}.xstory .hero__body{font-size:1.5rem}.xstory .hero .xbadges{display:grid;grid-template-columns:1fr 1fr;gap:2rem 1.2rem;margin-top:1.2rem;width:100%}.xstory .hero .xbadge{flex-direction:column;gap:.8rem;white-space:normal;text-align:center}.xstory .hero .xbadge__ic{height:2.2rem}.xstory .mani__foot{margin-top:2.4rem}.xstory .hl__list{gap:2.4rem}.xstory .hl__list li{gap:.4rem}.xstory .hl__list b{font-size:1.6rem;line-height:1.3}.xstory .hl__list p{font-size:1.45rem;max-width:none}.xstory .moment{padding-block:var(--sec) 8rem}.xstory .moment .line{margin-top:3.2rem}.xstory .moment .p{margin-top:1.2rem}.xstory .trio{grid-template-columns:1fr 1fr;gap:2.4rem 1.6rem;margin-top:4rem;padding-top:2.4rem}.xstory .moment .big{font-size:clamp(4.4rem,13vw,6.4rem)}.xstory .trio .fig{font-size:clamp(1.9rem,5.6vw,2.6rem)}.xstory .layer .big{font-size:4.8rem}.xstory .trio .cap{font-size:1.2rem}.xstory .trio>div:last-child{grid-column:1 / -1;display:flex;align-items:center;gap:1.2rem;padding-top:2rem;border-top:1px solid var(--on-line)}.xstory .trio__logo{height:3.2rem}.xstory .prog{bottom:calc(1.2rem + var(--atc))}.xstory .prog>span{display:inline}.xstory .layer{bottom:calc(1.2rem + var(--cap-h) + 2rem + var(--atc))}.xstory .scrim{height:70%;background:linear-gradient(to top,var(--night) 0,rgba(11,11,12,.94) 34%,rgba(11,11,12,0))}.xstory .layer .facts{grid-template-columns:10.4rem 1fr}.xstory .hint{margin-top:1.6rem}.xstory :is(.bento,.use,.film){margin-inline:calc(var(--gm) - var(--g))}.xstory .bento{gap:.6rem;grid-auto-rows:minmax(18rem,auto)}.xstory .bt{border-radius:.8rem;min-height:18rem}.xstory .bt--2x2{min-height:34rem}.xstory .bt__tag{left:calc(var(--g) - var(--gm));right:1.2rem;bottom:1.4rem;gap:.4rem}.xstory .bt:not(.bt--stat):after{background:linear-gradient(to top,rgba(11,11,12,.92),rgba(11,11,12,.74) 38%,rgba(11,11,12,.3) 62%,transparent 80%)}.xstory .bt:not(.bt--stat):not(.bt--2x2):not(.bt--2x1):after{background:linear-gradient(to top,rgba(11,11,12,.85),rgba(11,11,12,.4) 32%,transparent 55%)}.xstory .bento-sec{padding-top:6.4rem}.xstory .dims{padding-top:4.8rem}.xstory .dims__views{gap:1.2rem}.xstory .dims .seg{justify-self:center}.xstory #try .try__view canvas{-webkit-mask-image:linear-gradient(transparent,#000 6%,#000 97%,transparent);mask-image:linear-gradient(transparent,#000 6%,#000 97%,transparent)}.xstory .bt--stat{padding:1.6rem 1.2rem 1.4rem calc(var(--g) - var(--gm))}.xstory .bt__tag b,.xstory .bt--stat .bt__h{font-size:1.4rem;line-height:1.25}.xstory .bt--stat .t{font-size:1.3rem;line-height:1.45}.xstory .use{gap:.6rem}.xstory .use figcaption{left:calc(var(--g) - var(--gm) - .8rem)}.xstory .scrub__cap{top:2.4rem}.xstory .scrub__steps{min-height:15rem}.xstory .scrub__stage video,.xstory .scrub__stage .scrub__poster{top:auto;bottom:var(--atc);height:var(--film-h);object-position:54% 100%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 88%,transparent)}.xstory .scrub__stage{--film-h:min(calc(100% - 15rem - var(--atc)), 142vw)}.xstory .scrub__ticks{top:17.2rem;bottom:auto;width:calc(100% - 2 * var(--g));max-width:34rem}.xstory .scrub__bar{top:calc(17.2rem + var(--cap-h) / 2 - 1.5px);bottom:auto}.xstory .story{gap:1.6rem;padding-block:4.8rem 3.2rem}.xstory .film{margin-inline:calc(var(--g) * -1);border-radius:0}.xstory section:has(>.wrap>#film){padding-bottom:0}.xstory .story__body{gap:1.2rem}.xstory .lg{grid-template-columns:1fr;gap:2.8rem;margin-bottom:4.8rem}.xstory .lg .tab{font-size:2.2rem}.xstory .lg .p{margin-top:.6rem;font-size:1.45rem;line-height:1.5;max-width:none}.xstory .certs__title{margin-bottom:1.2rem}.xstory .certs{grid-template-columns:1fr}.xstory .cert{display:grid;grid-template-columns:9.6rem 1fr;column-gap:1.6rem;align-items:start;padding:1.8rem 0}.xstory .cert__logo{grid-row:1 / 3;height:4.8rem;margin:0;justify-content:flex-start}.xstory .cert__logo img{max-height:100%;object-fit:contain}.xstory .cert b{font-size:1.45rem;line-height:1.3}.xstory .cert .sm{margin-top:.4rem;font-size:1.3rem;max-width:none}}.xstory .flow{display:grid;gap:clamp(5.6rem,3.2rem + 4vw,11.2rem);margin-top:clamp(4.8rem,3rem + 3vw,8rem)}.xstory .flow__row{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(3.2rem,1rem + 4vw,7.2rem);align-items:center}.xstory .flow__row:nth-child(2n) .flow__clip{order:2}.xstory .flow__clip{aspect-ratio:3/2;border-radius:.6rem;overflow:hidden;background:#151516}.xstory .flow__clip video{display:block;width:100%;height:100%;object-fit:cover}.xstory .flow__txt{max-width:44rem}.xstory .flow__h{display:block;font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:500;font-size:clamp(2rem,1.5rem + .8vw,2.8rem);line-height:1.15;letter-spacing:-.025em;color:var(--on);text-wrap:balance;margin:0}.xstory .flow__txt .p{margin-top:1.2rem;color:var(--on-2);text-wrap:pretty}.xstory .flow__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2rem;margin-top:clamp(6.4rem,4rem + 4vw,11.2rem);padding-top:3.2rem;border-top:1px solid var(--on-line)}.xstory .flow__stats .flow__h{font-size:clamp(1.7rem,1.4rem + .4vw,2rem)}.xstory .flow__stats .p{margin-top:.8rem;color:var(--on-2)}@media(max-width:749px){.xstory .flow{gap:4.8rem;margin-top:3.2rem}.xstory .flow__row{grid-template-columns:1fr;gap:1.6rem}.xstory .flow__row:nth-child(2n) .flow__clip{order:0}.xstory .flow__clip{margin-inline:calc(var(--g) * -1);border-radius:0}.xstory .flow__stats{grid-template-columns:1fr;gap:2.4rem;margin-top:4.8rem}}.xstory .xp{--xp-on2:rgba(242,242,240,.78);--xp-on3:rgba(242,242,240,.56);--xp-line:rgba(242,242,240,.36);--xp-line1:rgba(242,242,240,.14);position:relative;isolation:isolate;overflow:hidden;color:var(--on);height:min(calc(100vh - var(--top)),92rem);min-height:64rem}.xstory .xp>.stage__bg{z-index:-1}.xstory .xp :focus-visible{outline:1.5px solid var(--on);outline-offset:.3rem;border-radius:.2rem}.xstory .xp ::selection{background:#c9761c;color:var(--night)}.xstory .xp__view{position:absolute;top:0;right:0;bottom:0;left:0}.xstory .xp__view canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.xstory .xp__view.is-over canvas{cursor:pointer}.xstory .xp__poster{position:absolute;left:50%;top:0;width:auto;height:100%;max-width:none;translate:-50% 0;pointer-events:none;transition:opacity .6s}.xstory .xp__view.is-ready .xp__poster{opacity:0}.xstory .xp__head{position:absolute;left:50%;top:5.6rem;translate:-50% 0;z-index:2;width:min(56rem,calc(100% - var(--g) * 2));text-align:center;transition:opacity .35s}.xstory .xp.is-open .xp__head{opacity:0;pointer-events:none}.xstory .xp__h{font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:500;font-size:clamp(2.2rem,1.5rem + 1vw,3.2rem);line-height:1.12;letter-spacing:-.025em;text-wrap:balance;margin:0}.xstory .xp__sub{margin:1rem auto 0;color:var(--xp-on2);max-width:44ch;text-wrap:pretty}.xstory .xp__tip{position:absolute;left:0;top:0;z-index:3;pointer-events:none;padding:.7rem 1.2rem;border-radius:.4rem;background:var(--on);color:#121212;font-size:1.3rem;font-weight:500;white-space:nowrap;box-shadow:0 8px 24px #0000004d;opacity:0;scale:.96;transition:opacity .15s,scale .2s var(--ease)}.xstory .xp__tip.is-on{opacity:1;scale:1}.xstory .xp__panel{position:absolute;left:var(--gx, var(--g));top:calc(50% - 4.8rem);translate:-1.6rem -50%;z-index:2;width:min(42rem,32vw);opacity:0;visibility:hidden;transition:opacity .3s,translate .5s var(--ease),visibility 0s .5s}.xstory .xp.is-open .xp__panel{opacity:1;visibility:visible;translate:0 -50%;transition:opacity .35s .1s,translate .5s var(--ease),visibility 0s}:is(.xstory,.xstory-sheet) .xp__ph{font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:500;font-size:clamp(2rem,1.5rem + .8vw,2.8rem);line-height:1.12;letter-spacing:-.025em;text-wrap:balance;margin:0}:is(.xstory,.xstory-sheet) .xp__big{font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:400;font-size:clamp(4.4rem,2.6rem + 2.4vw,6.4rem);line-height:.95;letter-spacing:-.04em;margin-top:1.6rem}:is(.xstory,.xstory-sheet) .xp__txt{margin-top:1.2rem;color:var(--xp-on2);font-size:1.45rem;line-height:1.55;max-width:58ch;text-wrap:pretty}:is(.xstory,.xstory-sheet) .xp__clips{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:2rem}:is(.xstory,.xstory-sheet) .xp__clips.one{grid-template-columns:1fr;width:min(100%,30rem)}:is(.xstory,.xstory-sheet) .xp__clips div{aspect-ratio:3/2;border-radius:.4rem;overflow:hidden;background:#1a1210}:is(.xstory,.xstory-sheet) .xp__clips video{display:block;width:100%;height:100%;object-fit:cover}:is(.xstory,.xstory-sheet) .xp__facts{display:grid;grid-template-columns:auto 1fr;gap:.4rem 2.4rem;margin:1.4rem 0 0;padding-top:1.2rem;border-top:1px solid var(--xp-line1)}:is(.xstory,.xstory-sheet) .xp__facts dt{font-size:1.25rem;color:var(--xp-on3);padding-top:.1rem}:is(.xstory,.xstory-sheet) .xp__facts dd{margin:0;font-size:1.4rem;font-variant-numeric:tabular-nums}.xstory .xp__steps{display:flex;gap:.8rem;margin-top:2.4rem}.xstory .xp__step,.xstory .xp__more,:is(.xstory,.xstory-sheet) .xp__close{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;height:4.4rem;padding:0 1.8rem;border-radius:99px;background:var(--on);color:#121212;font-size:1.35rem;font-weight:500;box-shadow:0 1px 2px #0003,0 6px 18px #0000002e;transition:background-color .2s,scale .15s var(--ease)}.xstory .xp__step:hover,.xstory .xp__more:hover{background:#fff}.xstory .xp__step:active,.xstory .xp__more:active,:is(.xstory,.xstory-sheet) .xp__close:active{scale:.96}.xstory .xp__step--prev{padding-left:1.4rem}.xstory .xp__step--next{padding-right:1.4rem}.xstory .xp__all{display:inline-flex;align-items:center;gap:.8rem;height:4.4rem;margin-left:auto;padding:0 1.6rem;border-radius:99px;color:var(--on);font-size:1.35rem;font-weight:500;box-shadow:inset 0 0 0 1px var(--xp-line);transition:background-color .2s,box-shadow .2s,scale .15s var(--ease)}.xstory .xp__all:hover{background:#ffffff14;box-shadow:inset 0 0 0 1px var(--on)}.xstory .xp__all:active{scale:.96}.xstory .xp svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.xstory .xp__step svg,.xstory .xp__all svg,.xstory .xp__more svg,.xstory .xp__arr svg{width:1.4rem;height:1.4rem;stroke-width:1.7}.xstory .xp__nav{position:absolute;left:0;right:0;bottom:2.4rem;z-index:2;display:flex;justify-content:center;padding-inline:var(--g)}.xstory .xp__tab{display:grid;justify-items:center;gap:.8rem;min-width:10.4rem;padding:.8rem;color:var(--on);font-size:1.3rem;font-weight:500;line-height:1.2;white-space:nowrap}.xstory .xp__tab i{display:grid;place-items:center;width:5.6rem;height:5.6rem;border-radius:50%;box-shadow:inset 0 0 0 1px var(--xp-line);transition:background-color .25s,box-shadow .25s,color .25s,scale .15s var(--ease)}.xstory .xp__tab svg{display:block;width:2.8rem;height:2.8rem;stroke-width:2.4;overflow:visible}.xstory .xp__tab:hover i,.xstory .xp__tab.is-hi i{box-shadow:inset 0 0 0 1px var(--on)}.xstory .xp__tab:active i{scale:.96}.xstory .xp__tab.is-on i{background:var(--on);color:#121212;box-shadow:none}.xstory .xp__ts,.xstory .xp__card,.xstory .xp__arr.xp__side{display:none}.xstory .xp__card{height:16.4rem;padding:2rem var(--g) 0;text-align:center}.xstory .xp__card>div{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;transition:opacity .2s,translate .3s var(--ease)}.xstory .xp__card.is-swap>div{opacity:0;translate:0 .6rem}:is(.xstory,.xstory-sheet) .xp__cn{font-size:1.25rem;color:var(--xp-on2)}.xstory .xp__ch{font-family:HK Grotesk Wide,Hanken Grotesk,sans-serif;font-weight:500;font-size:2rem;line-height:1.22;letter-spacing:-.02em;margin:.6rem 0 0;max-width:22ch;text-wrap:balance}.xstory .xp__crow{display:flex;justify-content:center;margin-top:2rem}.xstory .xp__arr{width:4.4rem;height:4.4rem;border-radius:50%;display:grid;place-items:center;color:var(--on);box-shadow:inset 0 0 0 1px var(--xp-line)}.xstory .xp__arr:active{scale:.94}.xstory-sheet{--on:#f2f2f0;--ease:cubic-bezier(.22,1,.36,1);--xp-on2:rgba(242,242,240,.78);--xp-on3:rgba(242,242,240,.56);--xp-line1:rgba(242,242,240,.14);-webkit-font-smoothing:antialiased;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;visibility:hidden;transition:visibility 0s .45s;font-family:Hanken Grotesk,system-ui,sans-serif}.xstory-sheet *,.xstory-sheet *:before,.xstory-sheet *:after{box-sizing:border-box}.xstory-sheet :where(h1,h2,h3,p,dl,dd,figure){margin:0;font-family:inherit;color:inherit;text-transform:none}.xstory-sheet button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-appearance:none;appearance:none}.xstory-sheet.is-on{visibility:visible;transition:visibility 0s}.xstory-sheet__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;opacity:0;transition:opacity .35s}.xstory-sheet.is-on .xstory-sheet__bg{opacity:1}.xstory-sheet__p{position:absolute;left:0;right:0;bottom:0;max-height:88svh;overflow-y:auto;overscroll-behavior:contain;padding:0 2rem calc(2.4rem + env(safe-area-inset-bottom));border-radius:1.8rem 1.8rem 0 0;background:#17100e;color:var(--on);translate:0 100%;transition:translate .45s cubic-bezier(.16,1,.3,1)}.xstory-sheet.is-on .xstory-sheet__p{translate:0 var(--drag, 0px)}.xstory-sheet.is-drag .xstory-sheet__p{transition:none}.xstory-sheet__grab{position:sticky;top:0;display:block;width:100%;height:3.2rem;background:linear-gradient(#17100e 70%,transparent)}.xstory-sheet__grab:after{content:"";position:absolute;left:50%;top:1.2rem;width:4rem;height:.4rem;border-radius:99px;background:#ffffff4d;translate:-50% 0}.xstory-sheet .xp__cn{margin-top:.4rem}.xstory-sheet .xp__ph{font-size:2.2rem;margin-top:.4rem;color:var(--on)}.xstory-sheet .xp__txt,.xstory-sheet .xp__facts dd{color:var(--xp-on2)}.xstory-sheet .xp__facts dd{color:var(--on)}.xstory-sheet .xp__big{font-size:4.8rem}.xstory-sheet .xp__clips,.xstory-sheet .xp__clips.one{grid-template-columns:1fr;width:auto}.xstory-sheet .xp__close{display:flex;width:100%;margin-top:2.4rem;height:4.8rem;font-size:1.4rem}.xstory-sheet :focus{outline:none}.xstory-sheet :focus-visible{outline:1.5px solid var(--on);outline-offset:.3rem}@property --xp-card{syntax:"<length>"; inherits:false; initial-value:-6rem;}@property --xp-top{syntax:"<percentage>"; inherits:false; initial-value:0%;}@media(max-width:749px){.xstory .xp{height:calc(100svh - var(--head, 6rem) - var(--atc));min-height:60rem;max-height:86rem;display:flex;flex-direction:column;padding:3.2rem 0}.xstory .xp__head{position:static;translate:none;width:auto;padding-inline:var(--g);order:-1}.xstory .xp.is-open .xp__head{opacity:1;pointer-events:auto}.xstory .xp__h{font-size:2.1rem}.xstory .xp__sub{font-size:1.4rem;margin-top:.6rem;max-width:30ch}.xstory .xp__nav{position:static;order:0;justify-content:space-between;padding:2rem 1rem 0}.xstory .xp__tab{flex:1 1 0;min-width:0;padding:.4rem 0;gap:.6rem;font-size:1.15rem}.xstory .xp__tab i{width:4.8rem;height:4.8rem}.xstory .xp__tab svg{width:2.4rem;height:2.4rem}.xstory .xp__tl{display:none}.xstory .xp__ts{display:inline}.xstory .xp__view{position:relative;inset:auto;flex:1 1 auto;min-height:0;order:1;touch-action:pan-y}.xstory .xp__view canvas{--fade:linear-gradient(transparent, #000 var(--xp-top), #000 calc(100% - var(--xp-card) - 4rem), transparent calc(100% - var(--xp-card) + 1rem));-webkit-mask-image:var(--fade);mask-image:var(--fade);transition:--xp-card .5s var(--ease),--xp-top .5s var(--ease)}.xstory .xp.is-open .xp__view canvas{--xp-card:14.8rem;--xp-top:12%}.xstory .xp__panel{display:none}.xstory .xp__card{display:block;position:absolute;left:0;right:0;bottom:3.2rem;z-index:2;opacity:0;translate:0 2rem;pointer-events:none;transition:opacity .3s,translate .5s var(--ease)}.xstory .xp.is-open .xp__card{opacity:1;translate:0 0;pointer-events:auto}.xstory .xp__arr.xp__side{display:grid;position:absolute;top:calc(50% - 8.2rem - 2.2rem);z-index:3;background:#0c060640;opacity:0;pointer-events:none;transition:opacity .3s}.xstory .xp__side--l{left:1.6rem}.xstory .xp__side--r{right:1.6rem}.xstory .xp.is-open .xp__side{opacity:1;pointer-events:auto}.xstory .xp__tip{display:none}}@media(max-width:749px)and (max-height:760px){.xstory .xp__card{height:15.6rem;padding-top:1.2rem}.xstory .xp__side{top:calc(50% - 10rem)}}@media(prefers-reduced-motion:reduce){.xstory .xp__panel,.xstory .xp__card,.xstory .xp__poster,.xstory-sheet__p{transition:none}}.xstory .moment:has(+.xp) .amb-blend--in{display:none}.xstory .moment:has(+.xp){padding-bottom:6.4rem}.xstory .xp>.stage__bg{-webkit-mask-image:linear-gradient(transparent,#000 16rem,#000 calc(100% - 12rem),transparent);mask-image:linear-gradient(transparent,#000 16rem,#000 calc(100% - 12rem),transparent)}@media(max-width:749px){.xstory .moment:has(+.xp){padding-bottom:4rem}.xstory .xp>.stage__bg{-webkit-mask-image:linear-gradient(transparent,#000 10rem,#000 calc(100% - 8rem),transparent);mask-image:linear-gradient(transparent,#000 10rem,#000 calc(100% - 8rem),transparent)}.xstory .xp+.bento-sec{padding-top:3.2rem}}.xstory .flow__row.rv{opacity:1;translate:none;transition:none}.xstory .flow__row.rv .flow__txt{opacity:0;translate:0 1.6rem;transition:opacity .8s var(--ease),translate .8s var(--ease)}.xstory .flow__row.rv.is-in .flow__txt{opacity:1;translate:0 0}.xstory .flow__clip{background:#151516 var(--poster, none) center / cover no-repeat}.xstory .flow__clip video{opacity:0;transition:opacity .4s}.xstory .flow__clip video.is-live{opacity:1}@media(prefers-reduced-motion:reduce){.xstory .flow__row.rv .flow__txt{opacity:1;translate:none;transition:none}}@media(max-width:749px){.xstory .flow__row .flow__h{font-size:1.9rem}.xstory .flow__txt .p{font-size:1.45rem;line-height:1.55}}@media(max-width:749px){.xstory .flow__row{gap:2.4rem}.xstory .flow__stats{margin-top:4rem}.xstory .bento-sec{padding-bottom:5.6rem}}@media(max-width:749px){.xstory .flow__stats .flow__h{font-size:1.7rem}.xstory .flow__stats .p{font-size:1.45rem;line-height:1.55}}.xstory .xp__sub-m{display:none}@media(max-width:749px){.xstory .xp__sub-d{display:none}.xstory .xp__sub-m{display:inline}.xstory .xp canvas{cursor:default}}@media(max-width:749px){.xstory .xp>.stage__bg{-webkit-mask-image:linear-gradient(transparent,#000 10rem,#000 calc(100% - 4.8rem),transparent);mask-image:linear-gradient(transparent,#000 10rem,#000 calc(100% - 4.8rem),transparent)}}@media(max-width:749px){.xstory .xp{--amb-y:58%;--amb-size:160% 100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/xxl-story.css.map */
