.scrolly{gap:var(--s8);margin:var(--s7) 0;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;display:grid}.scrolly-graphic{align-items:center;height:100vh;display:flex;position:sticky;top:0}.scrolly-graphic>*{width:100%}.scrolly .scrolly-steps{margin:0;padding:0;list-style:none}.scrolly .scrolly-step{padding:var(--s6) 0;margin:0}.scrolly .scrolly-step:first-child{padding-top:0}.scrolly .scrolly-card{border-top:2px solid var(--line-strong);padding-top:var(--s4);background:var(--bg)}.scrolly .scrolly-clock{font:500 22px/1.2 var(--mono);color:var(--muted);margin:0 0 var(--s3)}.scrolly .scrolly-card h3{font:600 22px/1.25 var(--display);margin:0 0 var(--s3)}.scrolly .scrolly-card p{margin:0 0 var(--s3);font-size:16px}.scrolly .scrolly-card>:last-child{margin-bottom:0}.scrolly.is-live .scrolly-steps{padding:30vh 0 40vh}.scrolly.is-live .scrolly-step{align-items:center;min-height:75vh;padding:0;display:flex}.scrolly.is-live .scrolly-step>.scrolly-card{width:100%}.scrolly.is-live .scrolly-step[data-active] .scrolly-card{border-top-color:var(--accent)}.scrolly.is-live .scrolly-step[data-active] .scrolly-clock{color:var(--accent)}@media (prefers-reduced-motion:no-preference){.scrolly .scrolly-card,.scrolly .scrolly-clock{transition:border-color var(--base) var(--ease), color var(--base) var(--ease)}}@media (width<=860px){.scrolly{display:block;position:relative}.scrolly-graphic{height:auto;margin-bottom:var(--s6);position:static}.scrolly.is-live .scrolly-graphic{z-index:1;height:46vh;padding-bottom:var(--s2);background:var(--bg);border-bottom:1px solid var(--line);margin-bottom:0;position:sticky;top:0}.scrolly.is-live .scrolly-steps{z-index:2;padding:8vh 0 0;position:relative}.scrolly.is-live .scrolly-step{min-height:0;padding-bottom:52vh;display:block}.scrolly.is-live .scrolly-step:last-child{padding-bottom:20vh}.scrolly.is-live .scrolly-card{padding:var(--s4);border:1px solid var(--line);border-top-width:2px}.scrolly .scrolly-clock{font-size:18px}.scrolly .scrolly-card h3{font-size:20px}}