.screen-stack:not([data-film]) .ss-dots,.screen-stack:not([data-film]) .ss-stack{display:none}.screen-stack:not([data-film]) .ss-copy{display:flex;flex-direction:column;gap:3.5rem;max-width:44rem;margin-inline:auto;padding:0 1.5rem}.screen-stack:not([data-film]) .ss-item__screen{margin-top:1.5rem}[data-enhanced]:not([data-film]) .ss-item{opacity:0;transform:translateY(1.25rem);transition:opacity .6s var(--ease-decelerate,ease-out),transform .6s var(--ease-decelerate,ease-out)}[data-enhanced]:not([data-film]) .ss-item.ss-in{opacity:1;transform:none}[data-film] .ss-stage{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}[data-film] .ss-grid{display:grid;grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:4rem;align-items:center;width:100%;max-width:80rem;margin-inline:auto;padding:0 2rem}[data-film] .ss-copy{position:relative;min-height:22rem}[data-film] .ss-item{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transform:translateY(1.5rem);transition:opacity .5s var(--ease-decelerate,ease-out),transform .5s var(--ease-decelerate,ease-out);pointer-events:none}[data-film] .ss-item[data-state=active]{opacity:1;transform:none;pointer-events:auto}[data-film] .ss-item[data-state=after]{transform:translateY(-1.5rem)}[data-film] .ss-item__screen{display:none}[data-film] .ss-dots{position:absolute;left:0;bottom:1.5rem;display:flex;gap:.6rem;z-index:5}.ss-dot{width:.5rem;height:.5rem;border-radius:9999px;border:1px solid hsl(var(--muted-foreground)/.5);transition:background .3s var(--ease-standard,ease),border-color .3s var(--ease-standard,ease),transform .3s var(--ease-standard,ease)}.ss-dot:hover{border-color:hsl(var(--foreground))}.ss-dot--active{background:hsl(var(--secondary));border-color:hsl(var(--secondary));transform:scale(1.25)}[data-film] .ss-stack{position:relative;height:clamp(24rem,34vw,30rem);perspective:1100px;perspective-origin:40% 50%}.ss-card{position:absolute;left:0;top:50%;margin-top:clamp(-11.2rem,-11.9vw,-9.1rem);width:clamp(26rem,34vw,32rem);border-radius:.9rem;overflow:hidden;border:1px solid hsl(var(--border));background:hsl(var(--card));box-shadow:0 30px 70px hsl(var(--primary)/.28);will-change:transform;backface-visibility:hidden}.ss-card,.ss-item__screen{aspect-ratio:10/7}