:root{--ease-smooth:cubic-bezier(.4, 0, .2, 1)}.site-header{padding:var(--space-2) var(--space-4);border-bottom:var(--border-hairline) solid var(--color-border);background:var(--color-surface)}.logo-link{align-items:center;transition:opacity .2s;display:flex}.logo-link:hover{opacity:.9}.logo{height:auto;display:block}.logo .c2{transition-property:stroke-dashoffset;transition-timing-function:var(--ease-smooth)}.logo .logo-node{transform-box:fill-box;transform-origin:50%;opacity:0;transition-property:transform,opacity;transition-timing-function:var(--ease-smooth);transform:scale(.35)}.logo .logo-node--in{opacity:1;transform:scale(1)}.site-footer{padding:var(--space-4) var(--space-4);background:var(--color-surface);text-align:center}.site-footer p{font-size:var(--text-sm);color:var(--color-fg-muted);margin:0}.site-footer a{color:var(--color-accent);text-decoration:none;transition:color .2s}.site-footer a:hover{color:var(--wn-pink);text-decoration:underline}.wrap{max-width:80rem;padding:var(--space-6) var(--space-4);margin:0 auto}.hero{text-align:center;margin-bottom:var(--space-2)}.hero h1{font-size:var(--text-2xl);margin-bottom:var(--space-3);background:linear-gradient(135deg, var(--color-fg) 0%, var(--color-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.lede{color:var(--color-fg-muted);line-height:var(--leading-normal);margin:0 auto}.lede code{background:var(--color-bg-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-accent)}.lede.small{font-size:var(--text-sm);margin-top:var(--space-6);padding:var(--space-3);background:var(--color-bg-subtle);border-radius:var(--radius);border:var(--border-hairline) solid var(--color-border)}a{color:var(--color-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--wn-pink);text-decoration:underline}.section-header{margin:var(--space-4) 0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.section-header h2{font-size:var(--text-xl);color:var(--color-fg)}.demo-count{font-size:var(--text-sm);color:var(--color-fg-muted);font-family:var(--font-mono)}.demo-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));margin:0;padding:0;list-style:none;display:grid}.demo-card{border:var(--border-hairline) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:transform .35s var(--ease-smooth), box-shadow .35s var(--ease-smooth), border-color .35s var(--ease-smooth);position:relative;overflow:hidden}.demo-card__thumb{aspect-ratio:16/10;object-fit:cover;backface-visibility:hidden;will-change:transform;width:100%;transition:transform .45s var(--ease-smooth);display:block;transform:scale(1)}.demo-card a:hover .demo-card__thumb,.demo-card a:focus-visible .demo-card__thumb{transform:scale(1.04)}.demo-card__body{padding:var(--space-5)}.demo-card__overlay{padding:var(--space-6) var(--space-4) var(--space-4);background:var(--photo-scrim);position:absolute;bottom:0;left:0;right:0}.demo-card:before{content:"";height:var(--space-1);background:linear-gradient(90deg, var(--color-accent) 0%, var(--wn-pink) 100%);transform-origin:0;transition:transform .35s var(--ease-smooth);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.demo-card:hover{box-shadow:var(--shadow-lg)}.demo-card:has(a:focus-visible){box-shadow:var(--shadow-lg)}.demo-card:hover:before{transform:scaleX(1)}.demo-card:has(a:focus-visible):before{transform:scaleX(1)}.demo-card h2{font-size:var(--text-lg);color:var(--wn-navy);transition:color .3s var(--ease-smooth)}.demo-card p{font-size:var(--text-sm);color:var(--color-fg-muted);line-height:var(--leading-normal);margin:0}.demo-card__overlay h2{color:var(--photo-fg)}.demo-card__overlay p{color:var(--photo-fg-muted)}.demo-card a{color:inherit;text-decoration:none;display:block}.demo-card a:hover h2,.demo-card a:focus-visible h2{color:var(--wn-pink)}.demo-card a:hover .demo-card__overlay h2,.demo-card a:focus-visible .demo-card__overlay h2{color:var(--photo-fg)}.demo-card__cta{bottom:var(--space-5);right:var(--space-3);width:var(--space-6);height:var(--space-6);background:var(--color-surface);box-shadow:var(--shadow-md);opacity:.2;transition:opacity .25s var(--ease-smooth) 50ms, transform .25s var(--ease-smooth) 50ms;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-.15rem,.15rem)scale(.85)}.demo-card__cta-icon{width:var(--space-4);height:var(--space-4)}.demo-card:hover .demo-card__cta{opacity:.8;transform:translate(0)scale(1)}.demo-card:has(a:focus-visible) .demo-card__cta{opacity:.8;transform:translate(0)scale(1)}.demo-card[data-pending=true]{color:var(--color-fg-faint);background:var(--color-bg-subtle);border-style:dashed}.demo-card[data-pending=true]:before{display:none}.demo-card[data-pending=true]:hover{box-shadow:none;border-color:var(--wn-navy);transform:none}.pending-tag{margin-top:var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-fg-faint);background:var(--color-bg-subtle);border-radius:var(--radius-sm);border:var(--border-hairline) solid var(--color-border);display:inline-block}