.scrolly-room{height:calc(var(--room-vh) * 100dvh);background:var(--color-stage);position:relative}.scrolly-stage{height:100dvh;position:sticky;top:0;overflow:hidden}.scrolly-canvas,.scrolly-poster{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.scrolly-poster{z-index:0}.scrolly-canvas{z-index:1;opacity:0;transition:opacity var(--duration-slow) var(--ease-out-expo)}.scrolly-canvas[data-ready=true]{opacity:1}.scrolly-scrim{--scrim-nah:.62;--scrim-fern:.26;--scrim-flach:46%;--scrim-kante:54%;--scrim-ende:62%;--scrim-handy:.86;--scrim-farbe:var(--color-stage);z-index:2;pointer-events:none;background:linear-gradient(to right, oklch(from var(--scrim-farbe) l c h / var(--scrim-nah)) 0%, oklch(from var(--scrim-farbe) l c h / var(--scrim-nah)) var(--scrim-flach), oklch(from var(--scrim-farbe) l c h / var(--scrim-fern)) var(--scrim-kante), transparent var(--scrim-ende));position:absolute;inset:0}.scrolly-room[data-ink=dunkel] .scrolly-scrim{--scrim-nah:.78;--scrim-fern:.32;--scrim-handy:.82;--scrim-farbe:var(--color-paper)}.scrolly-beats{z-index:3;pointer-events:none;align-content:center;align-items:center;display:grid;position:absolute;inset:0}.scrolly-beat{width:min(100%,72rem);color:var(--beat-ink,var(--color-stage-ink));opacity:0;transition:opacity var(--duration-normal) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo);grid-area:1/1;margin-inline:auto;padding:0 1.5rem;transform:translateY(1.5rem)}.scrolly-beat>*{max-width:30rem}.scrolly-soft{color:var(--beat-soft,var(--color-stage-soft))}.scrolly-room[data-ink=dunkel]{--beat-ink:var(--color-ink);--beat-soft:var(--color-ink-soft)}.scrolly-beat[data-active=true]{opacity:1;pointer-events:auto;transform:none}@media (max-width:767px){.scrolly-scrim{background:oklch(from var(--scrim-farbe) l c h / var(--scrim-handy))}}@media (prefers-reduced-motion:reduce){.scrolly-room{height:auto}.scrolly-stage{height:auto;position:static}.scrolly-canvas,.scrolly-scrim{display:none}.scrolly-beats{display:block;position:static}.scrolly-room[data-ink=dunkel]{--beat-ink:var(--color-stage-ink);--beat-soft:var(--color-stage-soft)}.scrolly-beat{opacity:1;pointer-events:auto;padding-block:var(--space-section);transform:none}}