.scroll-demo[data-astro-cid-sc6ioeck]{min-width:0;margin:2rem 0;padding:1rem;border-radius:.75rem;background:var(--color-card);color:var(--color-text);box-shadow:0 1px 2px #1a1a1a14,0 0 0 1px #1a1a1a14}.scroll-demo__header[data-astro-cid-sc6ioeck]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.5rem;margin-bottom:1rem}.scroll-demo__header[data-astro-cid-sc6ioeck]>p[data-astro-cid-sc6ioeck]:last-child{grid-column:1 / -1}.scroll-demo__header[data-astro-cid-sc6ioeck] .scroll-demo__label[data-astro-cid-sc6ioeck],.scroll-demo[data-astro-cid-sc6ioeck] .scroll-demo__eyebrow[data-astro-cid-sc6ioeck]{margin:0 0 .25rem;color:var(--color-accent);font:600 .6875rem/1.5 var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.scroll-demo__header[data-astro-cid-sc6ioeck] h3[data-astro-cid-sc6ioeck]{grid-column:1 / -1;margin:0 0 .35rem;font-size:1rem}.scroll-demo__header[data-astro-cid-sc6ioeck]>p[data-astro-cid-sc6ioeck]:last-child,.scroll-demo__card[data-astro-cid-sc6ioeck] p[data-astro-cid-sc6ioeck],.reading-demo__article[data-astro-cid-sc6ioeck] p[data-astro-cid-sc6ioeck]{margin:0;color:var(--color-muted);font-size:.8125rem;line-height:1.6}.scroll-demo__support[data-astro-cid-sc6ioeck],.scroll-demo__motion[data-astro-cid-sc6ioeck]{margin:0 0 .75rem;padding:.625rem .75rem;background:#f4ded4;color:#71351e;font-size:.75rem}.scroll-demo__motion[data-astro-cid-sc6ioeck]{display:none}.scroll-demo__stage[data-astro-cid-sc6ioeck]{min-width:0;border-radius:.375rem;background-color:var(--color-bg);background-image:radial-gradient(circle,rgb(86 80 73 / .16) 1px,transparent 1px);background-size:16px 16px;box-shadow:inset 0 0 0 1px #1a1a1a14;scrollbar-color:var(--color-accent) var(--color-tag-bg)}.scroll-demo__stage[data-astro-cid-sc6ioeck]:focus-visible,.reveal-demo__controls[data-astro-cid-sc6ioeck] input[data-astro-cid-sc6ioeck]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.scroll-demo[data-astro-cid-sc6ioeck] .scroll-demo__note[data-astro-cid-sc6ioeck]{margin:.75rem 0 0;color:var(--color-muted);font-size:.6875rem;overflow-wrap:anywhere}.scroll-demo__note[data-astro-cid-sc6ioeck] code[data-astro-cid-sc6ioeck]{font-size:inherit}.reading-demo[data-astro-cid-sc6ioeck],.reveal-demo__scroller[data-astro-cid-sc6ioeck]{height:20rem;overflow:auto;scrollbar-gutter:stable}.reading-demo__progress[data-astro-cid-sc6ioeck]{position:sticky;top:0;z-index:1;height:6px;background:var(--color-tag-bg);visibility:hidden}.reading-demo__progress[data-astro-cid-sc6ioeck] span[data-astro-cid-sc6ioeck],.carousel-demo__progress[data-astro-cid-sc6ioeck] span[data-astro-cid-sc6ioeck]{display:block;width:100%;height:100%;background:var(--color-accent);transform-origin:left}.reading-demo__article[data-astro-cid-sc6ioeck]{padding:1.25rem}.reading-demo__article[data-astro-cid-sc6ioeck] section[data-astro-cid-sc6ioeck]{margin-top:2.5rem}.reading-demo__article[data-astro-cid-sc6ioeck] p[data-astro-cid-sc6ioeck]+p[data-astro-cid-sc6ioeck]{margin-top:.75rem}.reading-demo__article[data-astro-cid-sc6ioeck] .reading-demo__end[data-astro-cid-sc6ioeck]{margin-top:2rem;font-weight:600}.scroll-demo[data-astro-cid-sc6ioeck] h4[data-astro-cid-sc6ioeck]{margin:0 0 .5rem;font-size:1rem;line-height:1.4;color:var(--color-text)}.reveal-demo__controls[data-astro-cid-sc6ioeck]{display:flex;flex-wrap:wrap;gap:.5rem;min-width:0;margin:0 0 .75rem;padding:0;border:0}.reveal-demo__controls[data-astro-cid-sc6ioeck] legend[data-astro-cid-sc6ioeck]{margin-bottom:.5rem;font-size:.75rem;font-weight:600}.reveal-demo__controls[data-astro-cid-sc6ioeck] label[data-astro-cid-sc6ioeck]{display:flex;align-items:center;gap:.375rem;min-height:44px;padding:.375rem .625rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-bg);font:500 .6875rem/1.5 var(--font-mono);cursor:pointer}.reveal-demo__controls[data-astro-cid-sc6ioeck] input[data-astro-cid-sc6ioeck]{margin:0;accent-color:var(--color-accent)}.reveal-demo__controls[data-astro-cid-sc6ioeck] label[data-astro-cid-sc6ioeck]:has(:checked){border-color:var(--color-accent)}.reveal-demo[data-astro-cid-sc6ioeck]{--demo-reveal-range: entry}.reveal-demo[data-astro-cid-sc6ioeck]:has(input[value=cover]:checked){--demo-reveal-range: cover}.reveal-demo[data-astro-cid-sc6ioeck]:has(input[value=mixed]:checked){--demo-reveal-range: entry 0% cover 40%}.reveal-demo__scroller[data-astro-cid-sc6ioeck]{padding:0 1rem}.reveal-demo__scroller[data-astro-cid-sc6ioeck] .reveal-demo__intro[data-astro-cid-sc6ioeck],.reveal-demo__scroller[data-astro-cid-sc6ioeck] .reveal-demo__outro[data-astro-cid-sc6ioeck]{display:grid;place-content:center;margin:0;color:var(--color-muted);font-size:.75rem;text-align:center}.reveal-demo__intro[data-astro-cid-sc6ioeck]{min-height:18rem}.reveal-demo__outro[data-astro-cid-sc6ioeck]{min-height:20rem}.scroll-demo__card[data-astro-cid-sc6ioeck]{padding:1.25rem;border:1px solid var(--color-border);border-radius:.375rem;background:var(--color-bg)}.reveal-demo__card[data-astro-cid-sc6ioeck]{margin-bottom:1rem}.carousel-demo__track[data-astro-cid-sc6ioeck]{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;padding:1rem}.carousel-demo__card[data-astro-cid-sc6ioeck]{flex:0 0 min(85%,18rem);min-width:0;scroll-snap-align:start}.carousel-demo__number[data-astro-cid-sc6ioeck]{display:grid;place-items:center;height:6rem;margin-bottom:1rem;border-radius:.25rem;background:var(--color-tag-bg);color:var(--color-accent);font:500 2.5rem/1 var(--font-mono)}.carousel-demo__progress[data-astro-cid-sc6ioeck]{height:4px;margin-top:.75rem;background:var(--color-tag-bg);visibility:hidden}@keyframes demo-scroll-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes demo-scroll-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline: scroll(nearest block)){.scroll-demo--reading[data-astro-cid-sc6ioeck] .scroll-demo__support[data-astro-cid-sc6ioeck]{display:none}.reading-demo__progress[data-astro-cid-sc6ioeck]{visibility:visible}.reading-demo__progress[data-astro-cid-sc6ioeck] span[data-astro-cid-sc6ioeck]{animation:demo-scroll-grow linear both;animation-timeline:scroll(nearest block)}}@supports (animation-timeline: view()) and (animation-range: entry 0% cover 40%) and selector(:has(:checked)){.scroll-demo--reveal[data-astro-cid-sc6ioeck] .scroll-demo__support[data-astro-cid-sc6ioeck]{display:none}@media(prefers-reduced-motion:no-preference){.reveal-demo__card[data-astro-cid-sc6ioeck]{animation:demo-scroll-reveal linear both;animation-timeline:view();animation-range:var(--demo-reveal-range)}}}@supports (animation-timeline: --demo-carousel-scroll) and (scroll-timeline: --demo-carousel-scroll inline) and (timeline-scope: --demo-carousel-scroll){.scroll-demo--carousel[data-astro-cid-sc6ioeck] .scroll-demo__support[data-astro-cid-sc6ioeck]{display:none}.carousel-demo[data-astro-cid-sc6ioeck]{timeline-scope:--demo-carousel-scroll}.carousel-demo__track[data-astro-cid-sc6ioeck]{scroll-timeline:--demo-carousel-scroll inline}.carousel-demo__progress[data-astro-cid-sc6ioeck]{visibility:visible}.carousel-demo__progress[data-astro-cid-sc6ioeck] span[data-astro-cid-sc6ioeck]{animation:demo-scroll-grow linear both;animation-timeline:--demo-carousel-scroll}}@media(prefers-reduced-motion:reduce){.scroll-demo__motion[data-astro-cid-sc6ioeck]{display:block}}@media(max-width:40rem){.scroll-demo[data-astro-cid-sc6ioeck]{margin-inline:-.5rem;padding:.75rem}.scroll-demo__card[data-astro-cid-sc6ioeck]{padding:1rem}}