.sf{width:100%;position:relative}.sf__stage{background:var(--sf-bg,#0b0b0c);height:100dvh;position:sticky;top:0;overflow:hidden}.sf__media{position:absolute;inset:0}.sf__media img,.sf__media video{object-fit:cover;object-position:var(--sf-pos,50% 50%);width:100%;height:100%;position:absolute;inset:0}.sf__media video{opacity:0;transition:opacity .6s}.sf__media[data-painted=true] video{opacity:1}.sf__shade{pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--sf-bg,#0b0b0c) 78%, transparent) 0%, transparent 28%, transparent 70%, color-mix(in srgb, var(--sf-bg,#0b0b0c) 92%, transparent) 100%), radial-gradient(60% 70% at 18% 50%, color-mix(in srgb, var(--sf-bg,#0b0b0c) 72%, transparent) 0%, transparent 70%);position:absolute;inset:0}.sf__chapter{opacity:0;pointer-events:none;align-items:center;padding:clamp(72px,10vh,120px) clamp(20px,6vw,96px);display:flex;position:absolute;inset:0}.sf__chapter[data-align=center]{text-align:center;justify-content:center}.sf__chapter[data-align=right]{justify-content:flex-end}.sf__chapter.is-active{pointer-events:auto}.sf__copy{will-change:transform, opacity;max-width:640px}.sf__kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--sf-accent,#d4a533);align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:inline-flex}.sf__kicker:before{content:"";background:var(--sf-accent,#d4a533);width:28px;height:1px}.sf__chapter[data-align=center] .sf__kicker:before{display:none}.sf__title{letter-spacing:-.02em;color:var(--sf-ink,#fff);margin:0;font-size:clamp(34px,5.2vw,72px);line-height:1.02}.sf__body{color:var(--sf-muted,#ffffffb8);max-width:56ch;margin:20px 0 0;font-size:clamp(16px,1.25vw,19px);line-height:1.6}.sf__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.sf__chapter[data-align=center] .sf__actions{justify-content:center}.sf__progress{background:color-mix(in srgb, var(--sf-ink,#fff) 12%, transparent);height:2px;position:absolute;bottom:0;left:0;right:0}.sf__progress>span{transform-origin:0;width:100%;height:100%;transform:scaleX(var(--sf-progress,0));background:var(--sf-accent,#d4a533);display:block}.sf__steps{flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:clamp(16px,3vw,40px);transform:translateY(-50%)}.sf__steps button{border:1px solid color-mix(in srgb, var(--sf-ink,#fff) 45%, transparent);cursor:pointer;background:0 0;border-radius:999px;width:10px;height:10px;padding:0;transition:background .3s,transform .3s}.sf__steps button[aria-current=step]{background:var(--sf-accent,#d4a533);border-color:var(--sf-accent,#d4a533);transform:scale(1.25)}.sf__cue{letter-spacing:.2em;text-transform:uppercase;color:var(--sf-muted,#fff9);opacity:calc(1 - var(--sf-progress,0) * 6);align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.sf__cue i{background:linear-gradient(var(--sf-accent,#d4a533), transparent);width:1px;height:28px;animation:1.6s ease-in-out infinite sf-cue;display:block}@keyframes sf-cue{0%,to{transform-origin:top;opacity:.3;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@media (max-width:860px){.sf{height:calc(var(--sf-n,3) * 80vh + 160vh)!important}.sf__chapter{align-items:flex-end;padding:0 20px 64px}.sf__steps{display:none}.sf__media img,.sf__media video{object-position:var(--sf-pos-mobile,var(--sf-pos,50% 50%))}.sf__shade{background:linear-gradient(180deg, color-mix(in srgb, var(--sf-bg,#0b0b0c) 55%, transparent) 0%, transparent 16%, transparent 46%, color-mix(in srgb, var(--sf-bg,#0b0b0c) 82%, transparent) 72%, color-mix(in srgb, var(--sf-bg,#0b0b0c) 96%, transparent) 100%)}.sf__title{font-size:clamp(30px,9.2vw,40px)}.sf__body{margin-top:14px;font-size:15.5px;line-height:1.5}.sf__kicker{margin-bottom:12px}.sf__actions{gap:10px;margin-top:20px}.sf__cue{bottom:14px}}@media (prefers-reduced-motion:reduce){.sf__stage{height:auto;min-height:70vh;position:relative}.sf__chapter{min-height:60vh;position:relative;opacity:1!important;transform:none!important}.sf__cue,.sf__steps{display:none}}