scroll-sequence{display:block;position:relative;--sequence-bg: var(--dark, #101214);--sequence-grid: rgb(252 252 251 / .07);--sequence-safe-top: .1;--sequence-safe-bottom: .17}.sequence__track{height:300vh}.sequence__stage{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden;background:var(--sequence-bg)}.sequence__stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sequence__beats{position:relative;z-index:1;width:min(100% - 3rem,34rem);text-align:center;pointer-events:none;align-self:end;margin-bottom:clamp(2.5rem,8vh,6rem)}.sequence__beat{grid-area:1 / 1;opacity:0;font-family:var(--font-display, Georgia, serif);font-size:var(--t-h3, 1.5rem);line-height:1.25;color:var(--sand, #F4EFE7);white-space:pre-line;will-change:opacity,transform;transition:none}.sequence__beats{display:grid}.sequence__progress{position:absolute;left:50%;bottom:clamp(1.25rem,4vh,2.5rem);transform:translate(-50%);width:min(180px,40vw);height:2px;background:#fcfcfb2e;z-index:1}.sequence__progress:after{content:"";display:block;height:100%;width:calc(var(--progress, 0) * 100%);background:var(--gold-bright, #D9B75C)}scroll-sequence[data-state=loading] .sequence__stage:after{content:"";position:absolute;width:28px;height:28px;border:2px solid var(--rule, #E7E1D8);border-top-color:var(--gold, #B8933F);border-radius:50%;animation:sequence-spin .7s linear infinite}@keyframes sequence-spin{to{transform:rotate(360deg)}}scroll-sequence[data-state=failed] .sequence__track{height:auto}scroll-sequence[data-state=failed] .sequence__stage{position:static;height:auto;padding:4rem 0}scroll-sequence[data-state=failed] canvas{display:none}scroll-sequence[data-state=failed] .sequence__beat{opacity:1!important;transform:none!important;position:static}scroll-sequence[data-state=failed] .sequence__beats{align-self:center;display:flex;flex-direction:column;gap:1.5rem}scroll-sequence:not(:defined) .sequence__track{height:auto}scroll-sequence:not(:defined) .sequence__stage{position:static;height:auto}@media(prefers-reduced-motion:reduce){.sequence__track{height:auto}.sequence__stage{position:static;height:auto;padding:clamp(2rem,6vh,5rem) 0}scroll-sequence{--sequence-safe-top: 0;--sequence-safe-bottom: 0}.sequence__stage canvas{position:static;width:auto;height:auto;max-height:70vh;max-width:30rem;margin-inline:auto}.sequence__beats{align-self:center;display:flex;flex-direction:column;gap:1.25rem;margin:2rem auto 0}.sequence__beat{opacity:1!important;transform:none!important}.sequence__progress{display:none}}@media(max-width:749px){.sequence__track{height:220vh}.sequence__beat{font-size:1.15rem}}scroll-sequence{background:var(--sequence-bg)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/sib-scroll-sequence.css.map */