@import "https://unpkg.com/normalize.css";
@layer scroll-base{:root{--font-size-min:16;--font-size-max:20;--font-ratio-min:1.1;--font-ratio-max:1.33;--font-width-min:375;--font-width-max:1500}html{scrollbar-color:var(--accent)#0000}:where(.fluid){--fluid-min:calc(var(--font-size-min)*pow(var(--font-ratio-min),var(--font-level,0)));--fluid-max:calc(var(--font-size-max)*pow(var(--font-ratio-max),var(--font-level,0)));--fluid-preferred:calc((var(--fluid-max) - var(--fluid-min))/(var(--font-width-max) - var(--font-width-min)));--fluid-type:clamp((var(--fluid-min)/16)*1rem,((var(--fluid-min)/16)*1rem) - (((var(--fluid-preferred)*var(--font-width-min))/16)*1rem) + (var(--fluid-preferred)*var(--variable-unit,100vi)),(var(--fluid-max)/16)*1rem);font-size:var(--fluid-type)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.content{width:100%}}@layer scroll-stick{:root{--start:50vh;--space:50vh;--hue:210;--accent:hsl(var(--hue)100% 50%);--switch:canvas}[data-theme=dark]{--switch:#000}[data-theme=light]{--switch:#fff}header.content{--font-level:4;--font-size-min:24;top:calc((var(--count) - 1)*-1lh);width:100%;margin-bottom:var(--space);align-items:start;line-height:1.2;display:flex;position:sticky}header.content li{--dimmed:color-mix(in oklch,canvasText,#0000 80%);font-size:inherit;background:linear-gradient(180deg,var(--dimmed)0 calc(var(--start) - .5lh),var(--accent)calc(var(--start) - .55lh)calc(var(--start) + .55lh),var(--dimmed)calc(var(--start) + .5lh));color:#0000;background-attachment:fixed;-webkit-background-clip:text;background-clip:text}header.content section:first-of-type{width:100%;padding-top:calc(var(--start) - .5lh);font-size:inherit;justify-content:center;align-items:start;display:flex}@supports (animation-timeline:view()){[data-animate=true] main{view-timeline:--section;border-radius:1rem;justify-content:center;place-items:center;display:flex}[data-animate=true] main:before{transform-origin:50% 100%;border-radius:1rem 1rem 0 0;animation:ease-in-out both grow;animation-timeline:--section;animation-range:entry 50%;scale:.9}[data-animate=true] main section>*{animation:ease-in-out both reveal;animation-timeline:--section;animation-range:entry 50%}[data-animate=false] main section{place-items:center;display:grid}@keyframes reveal{0%{opacity:0}}@keyframes grow{to{border-radius:0;scale:1}}}main{z-index:2;color:#fff;width:100%;position:relative}main:before{content:"";z-index:-1;background:#000;border-radius:4rem 4rem 0 0;position:absolute;inset:0}[data-compact=true] main:before{background:0 0;border-radius:0}main section{--font-level:4;--font-size-min:20;justify-content:center;place-items:center;width:100%;min-height:100vh;display:flex}[data-compact=true] header.content{margin-bottom:0;display:none}[data-compact=true] main section{min-height:auto;padding-block:1.5rem}header.content section:first-of-type h1{top:calc(var(--start) - .5lh);height:fit-content;font-weight:600;display:inline-block;position:sticky;font-size:inherit!important;margin:0!important}header.content ul{font-size:inherit;margin:0;padding-inline:0;font-weight:600;list-style-type:none}}@layer scroll-demo{footer{color:#86868b;text-align:center;background:0 0;width:100%;padding-block:2rem;font-size:.875rem;font-weight:300;position:relative}[data-theme=light] footer{color:#666;background:#fff}}