.od-film{animation:od-film-in .35s var(--ease-out) both}.od-film-stage{animation:od-film-stage-in .5s var(--ease-out) both}@keyframes od-film-in{0%{opacity:0}}@keyframes od-film-stage-in{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.od-film,.od-film-stage{animation:none}}
@media (prefers-reduced-motion:no-preference){.hero-in{animation:hero-in .9s var(--ease-out) both;animation-delay:calc(var(--i,0) * 80ms + 60ms)}}@keyframes hero-in{0%{opacity:0;filter:blur(4px);transform:translateY(22px)}}.hero-window{--win-r:20px;transform-origin:50% 0;will-change:transform;border-radius:var(--win-r)!important}.hero-window>div[aria-hidden=true]:last-child{border-radius:var(--win-r)!important}.hero-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--brand-glow) 55%, transparent), color-mix(in srgb, var(--brand) 18%, transparent) 55%, transparent 100%);filter:blur(30px);opacity:.3}
.od-mit-text{-webkit-text-stroke:1.5px #5eead459;-webkit-text-fill-color:transparent;color:#0000;letter-spacing:-.04em;white-space:nowrap;text-transform:uppercase;opacity:.6;font-variation-settings:"opsz" 48;font-size:clamp(120px,22vw,320px);font-weight:800}
.sb-root{overflow:clip}.sb-pin{padding-block:clamp(5rem,3rem + 8vw,10rem);position:relative}.sb-glow{aspect-ratio:1;opacity:.8;pointer-events:none;will-change:transform, opacity;background:radial-gradient(closest-side,#2dd4bf57,#0e9f8a24 45%,#0000 100%);border-radius:50%;width:min(1400px,150vw);margin:calc(min(1400px,150vw)/-2) 0 0 calc(min(1400px,150vw)/-2);position:absolute;top:58%;left:50%}.sb-bubble{-webkit-backdrop-filter:blur(18px);color:var(--fg);background:#ffffff12;border:1px solid #ffffff24;border-radius:22px;max-width:100%;padding:14px 22px;font-size:clamp(1rem,.9rem + .4vw,1.1875rem);font-weight:500}.sb-diagram{width:100%;max-width:420px;margin-inline:auto;position:relative}.sb-diagram svg{width:100%;height:auto;display:block;overflow:visible}.sb-diagram .sb-svg-d{display:none}.sb-mascot{justify-content:center;margin-bottom:-12px;display:flex}.sb-win{width:min(100%,1000px);margin:40px auto 0}.sb-ask,.sb-ans{opacity:0}@media (min-width:900px){.sb-diagram{max-width:1000px}.sb-diagram .sb-svg-m,.sb-list{display:none}.sb-diagram .sb-svg-d{display:block}.sb-mascot{margin:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}}@media (min-width:900px) and (prefers-reduced-motion:no-preference){.sb-pin{flex-direction:column;gap:clamp(12px,2.2svh,24px);height:100svh;padding-block:clamp(72px,9svh,92px) clamp(16px,3svh,32px);display:flex}.sb-head{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:0 clamp(32px,5vw,80px);max-width:none;display:grid}.sb-stage{flex:1 1 0;min-height:0;position:relative;container-type:size}.sb-diagram{opacity:0;width:min(100cqw,227.27cqh);max-width:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.sb-win{width:min(100cqw,160cqh);margin:0;position:absolute;top:50%;left:50%;translate:-50% -50%}}