.ss{--ss-paper:#fff;--ss-slate:#232829;--ss-beat:4.6s;background:var(--ss-slate);height:100svh;color:var(--ss-paper);font-family:var(--font-hanken), sans-serif;perspective:900px;margin-top:-92px;position:relative;overflow:hidden}.ss-photos{position:absolute;inset:0}.ss-photo{object-fit:cover;object-position:50% 50%;filter:saturate(.7);opacity:0;transform-origin:50%;will-change:transform, opacity;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0;transform:scale(1)}.ss-photo.is-on{opacity:1;animation:ss-zoom var(--ss-beat) linear forwards}.ss-photo.is-past{transform:scale(1.08)}@keyframes ss-zoom{0%{transform:scale(1)}to{transform:scale(1.08)}}.ss.is-paused .ss-photo.is-on{animation-play-state:paused}.ss-scrim{background:#23282973;position:absolute;inset:0}.ss-copy{z-index:2;pointer-events:none;place-items:center;padding:0 clamp(20px,6vw,96px);display:grid;position:absolute;inset:0}.ss-text{text-align:center;text-wrap:balance;font-size:var(--inst-hero-size,clamp(30px, 4vw, 64px));font-weight:var(--inst-hero-weight,300);line-height:var(--inst-hero-leading,1.04);letter-spacing:var(--inst-hero-tracking,-.025em);color:var(--ss-paper);transform-style:preserve-3d;grid-area:1/1;margin:0}.ss-line{transform-origin:50% 100%;opacity:0;filter:blur(18px);will-change:transform, opacity, filter;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1),filter .7s cubic-bezier(.22,1,.36,1);display:block;transform:translateY(50%)rotateX(10deg)}.ss-text.is-in .ss-line{opacity:1;filter:blur();transform:translateY(0)rotateX(0)}.ss-text.is-out .ss-line{opacity:0;filter:blur(18px);transform:translateY(-50%)rotateX(-10deg)}.ss-text:not(.is-in):not(.is-out) .ss-line{transition:none}.ss-dots{z-index:3;align-items:center;gap:2px;display:flex;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.ss-dot{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.ss-dot>span{border-radius:var(--inst-pill-r);background:#ffffff59;width:8px;height:8px;transition:width .35s cubic-bezier(.22,1,.36,1),background .2s;display:block;overflow:hidden}.ss-dot:hover>span{background:#ffffffe6}.ss-dot.is-done>span{background:#ffffffbf}.ss-dot.is-on>span{background:#ffffff4d;width:36px}.ss-dot.is-on>span i{width:0;height:100%;animation:ss-fill var(--ss-beat) linear forwards;background:#f8f256;display:block}.ss.is-paused .ss-dot.is-on>span i{animation-play-state:paused}.ss-dot:focus-visible{outline-offset:-6px;border-radius:var(--inst-ctrl-r);outline:2px solid #f8f256}@media (prefers-reduced-motion:reduce){.ss-dot.is-on>span i{width:100%;animation:none}}.ss-cue{z-index:3;color:#ffffffb3;pointer-events:none;font-family:var(--font-hanken), sans-serif;letter-spacing:.2em;text-transform:uppercase;opacity:0;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:500;transition:opacity .8s 1.6s;display:flex;position:absolute;bottom:18px;left:50%;translate:-50%}.ss.is-ready .ss-cue{opacity:1}.ss.is-scrolled .ss-cue{opacity:0;transition:opacity .3s}.ss-cue svg{animation:2s cubic-bezier(.45,0,.55,1) infinite ss-cue-dip}@keyframes ss-cue-dip{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}@media (max-width:639px){.ss-dots{bottom:54px}.ss-cue{bottom:14px}}@media (prefers-reduced-motion:reduce){.ss-cue{display:none}.ss-photo,.ss-photo.is-on,.ss-photo.is-past{animation:none;transform:none}.ss-line,.ss-text.is-in .ss-line,.ss-text.is-out .ss-line{filter:none;transition:opacity .5s;transform:none}.ss-text.is-out .ss-line{opacity:0}}