main{counter-reset:section}.eyebrow{counter-increment:section}.section-eyebrow-link{color:inherit;-webkit-text-decoration:underline dashed;text-decoration:underline dashed;-webkit-text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-decoration-color:color-mix(in oklch, currentColor 35%, transparent);text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s cubic-bezier(.25,1,.5,1),text-decoration-color .2s cubic-bezier(.25,1,.5,1)}.section-eyebrow-link:hover,.section-eyebrow-link:focus-visible{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}[data-mode=creator] .section-eyebrow-link{text-underline-offset:4px;text-decoration-style:wavy;text-decoration-thickness:.5px}@media (prefers-reduced-motion:reduce){.section-eyebrow-link{transition-duration:0s}}[data-mode=dev] .eyebrow{font-family:var(--font-mono);letter-spacing:0;text-transform:none;font-weight:500}[data-mode=creator] .section-eyebrow [data-mode-only=creator]{font-family:var(--font-pixel), var(--font-mono);letter-spacing:.08em;font-size:.7em}.section-eyebrow-icon{color:var(--accent);vertical-align:middle;align-items:center;margin-right:.4em;line-height:0;display:inline-flex}.section-eyebrow-icon>*{align-items:center;display:inline-flex}[data-mode-only]{display:none}[data-mode=dev] [data-mode-only=dev],[data-mode=designer] [data-mode-only=designer],[data-mode=creator] [data-mode-only=creator]{display:inline}section[id] .section-eyebrow{min-height:var(--eyebrow-height);background:0 0;border-bottom:1px solid #0000;align-items:center;padding:.5rem 1rem;display:flex}@media (min-width:768px){section[id] .section-eyebrow{padding:.55rem 1.25rem}}[data-mode=dev] section[id] .section-eyebrow{background:color-mix(in oklch, var(--color-surface-2) 55%, transparent);border-bottom-color:var(--color-line)}[data-mode=designer] .eyebrow:before{content:"[ ";font-family:var(--font-mono);letter-spacing:0;text-transform:none;opacity:.55;font-weight:500}[data-mode=designer] .eyebrow:after{content:" ] · " counter(section, decimal-leading-zero);font-family:var(--font-mono);letter-spacing:.04em;text-transform:none;opacity:.55;font-weight:500}[data-mode=creator] section[id]:before{content:"";inset:0;top:var(--eyebrow-height);z-index:-1;pointer-events:none;background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid var(--color-fg);border-radius:calc(var(--radius-card) + 6px);transition:border-color .2s ease-out;position:absolute;box-shadow:inset 1px 1px #ffffff52;box-shadow:inset 1px 1px lab(100% 0 0/.32)}[data-mode=creator] section[id]:after{content:"";inset:0;top:var(--eyebrow-height);z-index:-2;pointer-events:none;background:color-mix(in oklch, var(--accent) 18%, var(--color-surface));border:2px solid var(--color-fg);border-radius:calc(var(--radius-card) + 6px);transform-origin:100% 100%;box-shadow:2px 2px 0 color-mix(in oklch, var(--color-fg) 25%, transparent);transition:transform .2s ease-out;position:absolute;transform:translate(5px,-6px)rotate(-1.5deg)}[data-mode=creator] section[id] .section-eyebrow{transition:color .2s ease-out}@media (hover:hover) and (pointer:fine){[data-mode=creator] section[id]:hover:after{transform:translate(9px,-10px)rotate(-2.6deg)}[data-mode=creator] section[id]:active:after{transition-duration:.12s;transform:translate(2px,-2px)rotate(-.8deg)}}[data-mode=creator] section[id]:focus-visible:after{transform:translate(9px,-10px)rotate(-2.6deg)}@media (prefers-reduced-motion:reduce){[data-mode=creator] section[id]:before,[data-mode=creator] section[id]:after,[data-mode=creator] section[id] .section-eyebrow{transition:none}}[data-theme=dark][data-mode=creator] section[id]:before{border-color:color-mix(in oklch, var(--color-fg) 55%, transparent);box-shadow:inset 1px 1px #ffffff14;box-shadow:inset 1px 1px lab(100% 0 0/.08)}[data-theme=dark][data-mode=creator] section[id]:after{background:color-mix(in oklch, var(--accent) 32%, var(--color-surface));border-color:color-mix(in oklch, var(--color-fg) 55%, transparent);box-shadow:2px 2px 0 color-mix(in oklch, var(--accent) 45%, transparent), 0 6px 20px color-mix(in oklch, var(--accent) 18%, transparent)}[data-mode=creator] section[id] .section-eyebrow:after{content:"STAGE " counter(section, decimal-leading-zero);font-family:var(--font-pixel), var(--font-mono);letter-spacing:.14em;color:var(--accent-fg,#fff);background:var(--accent);pointer-events:none;margin-left:auto;padding:4px 8px;font-size:8px;font-weight:400;line-height:1;box-shadow:inset 1px 1px #ffffff47,inset -1px -1px #00000047}section[id]{isolation:isolate;border-radius:var(--radius-card);--eyebrow-height:calc(2 * .5rem + 1.125rem);transition:background-color .2s var(--ease-out-quart), border-color .2s var(--ease-out-quart);background:0 0;border:1px solid #0000;position:relative}@media (min-width:768px){section[id]{--eyebrow-height:calc(2 * .55rem + 1.125rem)}}[data-mode=dev] section[id]{border-color:var(--color-line)}[data-mode=designer] section[id]:before{content:"";inset:0;top:var(--eyebrow-height);z-index:-1;pointer-events:none;background:var(--color-surface);border:1px solid var(--color-line-strong);border-radius:var(--radius-card);transition:top .2s var(--ease-out-quart), background-color .2s var(--ease-out-quart), border-color .2s var(--ease-out-quart);position:absolute}[data-mode=dev] section[id] h3{font-family:var(--font-mono);letter-spacing:-.02em}[data-theme=dark][data-mode=designer] section[id]:before{background:#fff;border-color:#00000029}[data-theme=dark][data-mode=designer] section[id]>:not(.section-eyebrow){--color-fg:#0a0a0a;--color-surface:#fff;--color-surface-2:#f4f4f3;--color-bg:#fbfbfa;--color-faint:#6e7080;--muted-foreground:#5b5d68;--color-line:#00000014;--color-line-strong:#00000029;color:#0a0a0a}[data-mode=designer] section[id][data-selected=true]:before{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}[data-mode=designer] section[id][data-selected=true]>.section-eyebrow{color:var(--accent)}section[id]:focus-visible{outline:none}[data-mode=dev] section[id]:focus-visible{border-color:var(--accent)}[data-mode=dev] section[id]:focus-visible .section-eyebrow{color:var(--accent);border-bottom-color:color-mix(in oklch, var(--accent) 50%, transparent)}[data-mode=designer] section[id]:focus-visible:before{box-shadow:0 0 0 2px var(--accent);border-color:var(--accent)}[data-mode=designer] section[id]:focus-visible>.section-eyebrow{color:var(--accent)}[data-mode=creator] section[id]:focus-visible:before{border-color:var(--accent)}[data-mode=creator] section[id]:focus-visible .section-eyebrow{color:var(--accent)}