@property --p{syntax:"<number>";inherits:true;initial-value:1}@property --c{syntax:"<number>";inherits:true;initial-value:0}:where(section,.curtain__over,.scene):has([data-in]){overflow-x:clip}.k{--t:clamp(0, (var(--p) - var(--a,0)) / (var(--b,1) - var(--a,0)), 1);--e:calc(var(--t) * var(--t) * (3 - 2 * var(--t)))}.scene{position:relative}.scene[data-fit=false]{--p:1!important}.stage{gap:16px;display:grid}.stage__panel{--ti:clamp(0, (var(--p) - var(--a,-1)) / (var(--b,0) - var(--a,-1)), 1);--ei:calc(var(--ti) * var(--ti) * (3 - 2 * var(--ti)));--to:clamp(0, (var(--p) - var(--a2,2)) / (var(--b2,3) - var(--a2,2)), 1);--eo:calc(var(--to) * var(--to) * (3 - 2 * var(--to)));min-width:0}.sw{background:color-mix(in srgb, var(--accent) calc(var(--e,1) * 100%), var(--line-strong));border-radius:999px;flex:none;width:34px;height:20px;display:inline-block;position:relative}.sw:after{content:"";width:16px;height:16px;translate:calc(var(--e,1) * 14px) 0;background:#fff;border-radius:999px;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.step__bar{background:color-mix(in srgb, var(--cat-live,var(--accent)) calc(var(--on,1) * 100%), var(--line-strong))}.step__n{color:color-mix(in srgb, var(--cat-live,var(--accent)) calc(var(--on,1) * 100%), var(--ink-3))}.curtain{position:relative}.curtain__under{z-index:0;position:relative}.curtain__over{z-index:1;border-radius:28px 28px 0 0;margin-top:-28px;position:relative}@media (width>=1024px){.curtain__over{border-radius:36px 36px 0 0;margin-top:-36px}}.scrub .w{opacity:calc(.22 + var(--e,1) * .78)}@media (prefers-reduced-motion:no-preference){html[data-motion] .scene[data-track]{--p:0}html[data-motion] .scene[data-track]:not([data-fit=false]){height:var(--track,300svh)}html[data-motion] .scene[data-track]:not([data-fit=false])>.scene__pin{align-items:center;height:100svh;padding-top:64px;display:flex;position:sticky;top:0;overflow:clip}html[data-motion] .scene[data-track]:not([data-fit=false])>.scene__pin>.scene__content{width:100%;padding-block:8px}html[data-motion] .scene[data-track]:not([data-fit=false]) .stage{height:var(--stage-h,auto);grid-template-columns:minmax(0,1fr);grid-template-areas:"stage"}html[data-motion] .scene[data-track]:not([data-fit=false]) .stage:before{content:"";border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-2);border-radius:20px;grid-area:stage}html[data-motion] .scene[data-track]:not([data-fit=false]) .stage>.stage__panel{opacity:min(clamp(0, (var(--ei) - .4) / .6, 1), clamp(0, 1 - var(--eo) / .4, 1));grid-area:stage}html[data-motion] .scene[data-track]:not([data-fit=false]) .stage__static{display:none}html[data-motion] .scene[data-track]:not([data-fit=false]) .step{--d:max(var(--p) * var(--s) - var(--k), var(--k) - var(--p) * var(--s));--on:clamp(0, 1 - var(--d) * 1.8, 1);opacity:calc(.45 + var(--on) * .55)}html[data-motion] .scene:not([data-fit=false]) .stage__panel{will-change:opacity}html[data-motion] [data-progress]{--p:0}html[data-motion] .tilt{transform-origin:50% 0;transform:perspective(1800px) rotateX(calc((1 - var(--e)) * 18deg)) scale(calc(.9 + var(--e) * .1))}html[data-motion] .curtain__under{top:var(--under-top,0px);transform-origin:50% 35%;scale:calc(1 - var(--c) * .06);position:sticky}html[data-motion] .curtain__under:after{content:"";z-index:5;pointer-events:none;opacity:calc(var(--c) * .55);background:#000;position:absolute;inset:0}html[data-motion] [data-in]:not([data-shown]){opacity:0}html[data-motion] [data-in][data-shown]{transition:opacity .5s var(--ease-out);transition-delay:calc(var(--i,0) * 70ms)}html[data-motion] [data-cat] [data-in]:not([data-shown]),html[data-motion] [data-in][data-cat]:not([data-shown]){opacity:1}}@media (prefers-reduced-motion:no-preference) and (width<=640px){html[data-motion] .tilt{transform:perspective(1200px) rotateX(calc((1 - var(--e)) * 12deg)) scale(calc(.94 + var(--e) * .06))}}.grow{border-radius:28px;overflow:hidden}@media (prefers-reduced-motion:no-preference){html[data-motion] .grow{clip-path:inset(0 calc((1 - var(--e)) * 9%) round 28px)}html[data-motion] .grow img{scale:calc(1.14 - var(--e) * .14)}}