:root{--pro-accent:currentColor}.pro-progress{z-index:60;pointer-events:none;background:0 0;width:100%;height:2px;position:fixed;inset:0 auto auto 0}.pro-progress i{background:var(--pro-accent);width:0;height:100%;transition:width .1s linear;display:block}.pro-rail{z-index:55;pointer-events:auto;gap:14px;display:grid;position:fixed;top:50%;right:22px;translate:0 -50%}.pro-rail a{font:600 11px/1 var(--pro-font,inherit);letter-spacing:.1em;text-transform:uppercase;color:currentColor;opacity:.35;justify-content:flex-end;align-items:center;gap:10px;text-decoration:none;transition:opacity .3s;display:flex}.pro-rail a i{background:currentColor;border-radius:2px;width:22px;height:2px;transition:width .35s cubic-bezier(.2,.8,.2,1),background .3s;display:block}.pro-rail a span{opacity:0;white-space:nowrap;transition:opacity .3s,translate .3s;translate:6px}.pro-rail a:hover,.pro-rail a.on{opacity:1}.pro-rail a:hover span,.pro-rail a.on span{opacity:1;translate:0}.pro-rail a.on i{background:var(--pro-accent);width:34px}@media (width<=1100px){.pro-rail{display:none}}.pro-words>span{vertical-align:top;display:inline-block;overflow:hidden}.pro-words>span>span{transition:translate .9s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--w) * 55ms);display:inline-block;translate:0 110%}.pro-words.in>span>span{translate:0}.pro-glow{isolation:isolate;position:relative}.pro-glow:after{content:"";z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%), color-mix(in srgb, var(--pro-accent) 26%, transparent), transparent 62%);transition:opacity .45s;position:absolute;inset:0}.pro-glow:hover:after{opacity:1}.pro-mag{transition:translate .35s cubic-bezier(.2,.8,.2,1)}.pro-count{font-variant-numeric:tabular-nums}.pro-pin-step{opacity:.28;transition:opacity .45s,translate .45s}.pro-pin-step.on{opacity:1}@media (prefers-reduced-motion:reduce){.pro-words>span>span{transition:none;translate:0}.pro-progress,.pro-rail{display:none}.pro-pin-step{opacity:1}}.pro-rot{vertical-align:bottom;white-space:nowrap;height:1.08em;color:var(--pro-rot,var(--pro-accent));transition:width .6s cubic-bezier(.65,0,.25,1);display:inline-block;position:relative}.pro-rot-w{white-space:nowrap;display:inline-block;position:absolute;bottom:0;left:0}.pro-rot-w.on{position:relative}.pro-rot-c{transform-origin:50% 100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s,filter .6s;transition-delay:calc(var(--k) * 28ms);display:inline-block}.pro-rot-w.enter .pro-rot-c{opacity:0;filter:blur(6px);transform:translateY(.55em)rotate(8deg)}.pro-rot-w.leave .pro-rot-c{opacity:0;filter:blur(4px);transition-duration:.55s,.4s,.5s;transform:translateY(.7em)rotate(-14deg)}.pro-dc body{background:var(--dc-bg);color:var(--dc-ink)}.pro-dc-sun{z-index:0;left:62%;top:calc(8% + var(--dc-t,0) * 70%);pointer-events:none;background:radial-gradient(closest-side, rgba(255, 196, 120, calc(.34 - var(--dc-t,0) * .3)), rgba(255, 170, 90, calc(.12 - var(--dc-t,0) * .1)) 45%, transparent 70%);border-radius:50%;width:60vmax;height:60vmax;margin:-30vmax 0 0 -30vmax;position:fixed}.pro-tilt{transform-style:preserve-3d;will-change:transform;transition:box-shadow .4s;position:relative}.pro-tilt:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;z-index:2;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%), #ffffff59, transparent 45%);mix-blend-mode:soft-light;transition:opacity .35s;position:absolute;inset:0}.pro-tilt.tilting:before{opacity:1}.pro-tilt.tilting{box-shadow:0 30px 60px -28px #00000059}.pro-curtain{clip-path:inset(100% 0 0);transition:clip-path 1.2s cubic-bezier(.77,0,.18,1)}.pro-curtain img{transition:transform 1.8s cubic-bezier(.2,.8,.2,1);transform:scale(1.25)}.pro-curtain.in{clip-path:inset(0)}.pro-curtain.in img{transform:scale(1)}.pro-float{z-index:80;aspect-ratio:4/3;pointer-events:none;opacity:0;border-radius:10px;width:240px;transition:opacity .3s,scale .35s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;left:0;overflow:hidden;scale:.85;box-shadow:0 24px 50px -18px #00000080}.pro-float img{object-fit:cover;width:100%;height:100%}.pro-float.on{opacity:1;scale:1}@media (prefers-reduced-motion:reduce){.pro-curtain{clip-path:none}.pro-curtain img{transform:none}.pro-dc-sun{display:none}}
