.experiment-page.svelte-b3qwr8{max-width:var(--width-content);margin:0 auto;padding:var(--space-xl) var(--gutter)}.experiment-header.svelte-b3qwr8{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl)}.header-meta.svelte-b3qwr8{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-sm);font-size:var(--text-caption);color:var(--color-fg-muted);text-transform:uppercase;letter-spacing:.05em}.separator.svelte-b3qwr8{color:var(--color-fg-subtle)}.experiment-header.svelte-b3qwr8 h1:where(.svelte-b3qwr8){font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--color-fg-primary);margin-bottom:var(--space-sm);line-height:var(--leading-tight)}.subtitle.svelte-b3qwr8{font-size:var(--text-body-lg);color:var(--color-fg-secondary);line-height:var(--leading-relaxed)}.section.svelte-b3qwr8{margin-bottom:var(--space-2xl)}.section.svelte-b3qwr8 h2:where(.svelte-b3qwr8){font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-md)}.section.svelte-b3qwr8 h3:where(.svelte-b3qwr8){font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.section.svelte-b3qwr8 h4:where(.svelte-b3qwr8){font-size:var(--text-body-lg);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin-bottom:var(--space-xs)}.section.svelte-b3qwr8 p:where(.svelte-b3qwr8){font-size:var(--text-body);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-sm)}.section.svelte-b3qwr8 ul:where(.svelte-b3qwr8){margin:var(--space-sm) 0;padding-left:var(--space-md)}.section.svelte-b3qwr8 li:where(.svelte-b3qwr8){font-size:var(--text-body);color:var(--color-fg-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-xs)}.section.svelte-b3qwr8 a:where(.svelte-b3qwr8){color:var(--color-fg-primary);text-decoration:underline;text-underline-offset:.15em}.section.svelte-b3qwr8 a:where(.svelte-b3qwr8):hover{color:var(--color-fg-secondary)}.section.svelte-b3qwr8 strong:where(.svelte-b3qwr8){font-weight:var(--font-semibold);color:var(--color-fg-primary)}.section.svelte-b3qwr8 code:where(.svelte-b3qwr8){font-family:var(--font-mono);font-size:.9em;padding:.15em .4em;background:var(--color-bg-surface);border-radius:var(--radius-sm)}.demo-container.svelte-b3qwr8{margin:var(--space-lg) 0;padding:var(--space-xl);background:var(--color-bg-surface);border-radius:var(--radius-md)}.demo-grid.svelte-b3qwr8{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.scale-card.svelte-b3qwr8{padding:var(--space-lg);background:var(--color-bg-pure);border-radius:var(--radius-md);transition:all var(--duration-micro) var(--ease-standard);cursor:pointer}.scale-card.svelte-b3qwr8:hover{transform:scale(var(--scale-micro));border-color:var(--color-border-emphasis)}.scale-card.svelte-b3qwr8 h3:where(.svelte-b3qwr8){font-size:var(--text-body-lg);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin:0 0 var(--space-xs) 0}.scale-card.svelte-b3qwr8 p:where(.svelte-b3qwr8){font-size:var(--text-body-sm);color:var(--color-fg-tertiary);margin:0}.demo-nav.svelte-b3qwr8{display:flex;gap:var(--space-lg);justify-content:center}.reveal-link.svelte-b3qwr8{position:relative;font-size:var(--text-body-lg);color:var(--color-fg-primary);text-decoration:none!important;padding-bottom:.25em}.reveal-link.svelte-b3qwr8:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-fg-primary);transition:width var(--duration-micro) var(--ease-standard)}.reveal-link.svelte-b3qwr8:hover:after{width:100%}.stagger-grid.svelte-b3qwr8{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm)}.stagger-item.svelte-b3qwr8{padding:var(--space-md);background:var(--color-bg-pure);border-radius:var(--radius-sm);text-align:center;font-size:var(--text-body-sm);color:var(--color-fg-secondary);transition:opacity .3s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--cascade-step) * var(--index));cursor:pointer}.stagger-grid.svelte-b3qwr8:hover .stagger-item:where(.svelte-b3qwr8):not(:hover){opacity:.5}.stagger-item.svelte-b3qwr8:hover{border-color:var(--color-border-emphasis)}.parallax-demo.svelte-b3qwr8{position:relative;height:300px;overflow:hidden}.parallax-layer.svelte-b3qwr8{position:absolute;left:50%;transform:translate(-50%);padding:var(--space-md) var(--space-lg);background:var(--color-bg-pure);border-radius:var(--radius-md);color:var(--color-fg-secondary);font-size:var(--text-body-sm);will-change:transform}.parallax-layer.background.svelte-b3qwr8{top:20%;opacity:.5;border-color:var(--color-border-default)}.parallax-layer.midground.svelte-b3qwr8{top:40%;opacity:.75;border-color:var(--color-border-default)}.parallax-layer.foreground.svelte-b3qwr8{top:60%;opacity:1;border-color:var(--color-border-emphasis)}.cascade-container.svelte-b3qwr8{display:flex;flex-direction:column;gap:var(--space-sm)}.cascade-item.svelte-b3qwr8{padding:var(--space-md);background:var(--color-bg-pure);border-radius:var(--radius-sm);color:var(--color-fg-secondary);opacity:0;transform:translateY(20px)}.cascade-item.visible.svelte-b3qwr8{animation:svelte-b3qwr8-cascadeIn .3s cubic-bezier(.4,0,.2,1) forwards;animation-delay:calc(var(--cascade-step) * var(--index))}@keyframes svelte-b3qwr8-cascadeIn{to{opacity:1;transform:translateY(0)}}.code-block.svelte-b3qwr8{font-family:var(--font-mono);font-size:var(--text-body-sm);line-height:1.6;padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-sm) 0 var(--space-md) 0;color:var(--color-fg-secondary)}.reference-grid.svelte-b3qwr8{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin:var(--space-md) 0}.reference.svelte-b3qwr8{padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-md)}.reference.svelte-b3qwr8 h4:where(.svelte-b3qwr8){font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--color-fg-primary);margin:0 0 var(--space-xs) 0}.reference.svelte-b3qwr8 p:where(.svelte-b3qwr8){font-size:var(--text-body-sm);color:var(--color-fg-tertiary);margin:0 0 var(--space-xs) 0}.reference-pattern.svelte-b3qwr8{font-size:var(--text-body-sm);color:var(--color-fg-muted);font-style:italic}.reference.svelte-b3qwr8 a:where(.svelte-b3qwr8){font-size:var(--text-body-sm);color:var(--color-fg-primary);text-decoration:underline;text-underline-offset:.15em}.reference.svelte-b3qwr8 a:where(.svelte-b3qwr8):hover{color:var(--color-fg-secondary)}.experiment-footer.svelte-b3qwr8{margin-top:var(--space-2xl);padding-top:var(--space-lg)}.tags.svelte-b3qwr8{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-sm)}.tag.svelte-b3qwr8{padding:var(--space-xs) var(--space-sm);font-size:var(--text-caption);color:var(--color-fg-muted);background:var(--color-bg-surface);border-radius:var(--radius-full)}.principles.svelte-b3qwr8{font-size:var(--text-caption);color:var(--color-fg-muted);font-family:var(--font-mono)}@media(prefers-reduced-motion:reduce){.scale-card.svelte-b3qwr8,.reveal-link.svelte-b3qwr8:after,.stagger-item.svelte-b3qwr8,.cascade-item.svelte-b3qwr8{transition:none;animation:none}.parallax-layer.svelte-b3qwr8{transform:translate(-50%)!important}}@media(max-width:768px){.experiment-header.svelte-b3qwr8 h1:where(.svelte-b3qwr8){font-size:var(--text-h2)}.demo-grid.svelte-b3qwr8{grid-template-columns:1fr}.demo-nav.svelte-b3qwr8{flex-direction:column;align-items:center}.reference-grid.svelte-b3qwr8{grid-template-columns:1fr}}