.design-system-shell[data-astro-cid-std4wme7]{--design-system-border-width:var(--border-width-small);--design-system-shadow:3px 3px 0 0 var(--border);--design-system-shadow-strong:5px 5px 0 0 var(--border);--design-system-toc-block-size:calc(2 * var(--spacing-2xs) + 2 * var(--spacing-xs) + var(--line-height-metadata));--design-system-scroll-anchor-offset:calc(var(--site-header-block-size) + var(--spacing-sm) + var(--design-system-toc-block-size) + var(--spacing-md));width:min(1120px, calc(100% - 2 * var(--site-padding-mobile)));padding:var(--spacing-xl) 0 var(--spacing-3xl);margin:0 auto;position:relative}.design-system-shell[data-astro-cid-std4wme7]:before{content:"";z-index:0;background:radial-gradient(color-mix(in srgb, var(--border) 16%, transparent) 1.4px, transparent 1.4px);pointer-events:none;background-size:22px 22px;position:fixed;inset:0}.design-system-shell[data-astro-cid-std4wme7]>[data-astro-cid-std4wme7]:not(.design-system-toc){z-index:1;position:relative}@media (width>=768px){.design-system-shell[data-astro-cid-std4wme7]{width:min(1120px, calc(100% - 2 * var(--site-padding-desktop)));padding-top:var(--spacing-2xl)}}.design-system-hero[data-astro-cid-std4wme7]{gap:var(--spacing-xl);min-height:320px;margin-bottom:var(--spacing-3xl);padding:var(--spacing-xl);background-color:var(--bg-secondary);border:var(--design-system-border-width) solid var(--border);box-shadow:var(--design-system-shadow-strong);grid-template-columns:minmax(0,1fr);align-items:end;display:grid;position:relative;overflow:hidden}.design-system-hero[data-astro-cid-std4wme7]:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 18%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--border) 14%, transparent) 1px, transparent 1px);opacity:.55;pointer-events:none;background-size:28px 28px;position:absolute;inset:0}.design-system-hero[data-astro-cid-std4wme7]>[data-astro-cid-std4wme7]{position:relative}.design-system-hero[data-astro-cid-std4wme7] .hero-title[data-astro-cid-std4wme7]{margin:var(--spacing-sm) 0;font-family:var(--font-family-mono);font-size:clamp(3.5rem,13vw,8rem);line-height:.82;font-weight:var(--font-weight-bold);letter-spacing:-.04em;text-transform:uppercase;color:var(--text-primary);flex-direction:column;display:flex}.design-system-hero[data-astro-cid-std4wme7] .hero-title-line--accent[data-astro-cid-std4wme7]{color:var(--accent);margin-left:clamp(1rem,6vw,4rem)}.hero-copy[data-astro-cid-std4wme7]{max-width:620px;color:var(--text-secondary);margin:0;font-size:1.125rem;line-height:1.6}.design-system-toc[data-astro-cid-std4wme7]{top:calc(var(--site-header-block-size) + var(--spacing-sm));z-index:30;justify-content:center;align-items:center;gap:var(--spacing-2xs);margin-bottom:var(--spacing-xl);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:var(--design-system-border-width) solid var(--border);box-shadow:var(--design-system-shadow);flex-wrap:wrap;display:flex;position:sticky}.design-system-toc[data-astro-cid-std4wme7] a[data-astro-cid-std4wme7]{min-width:0;padding:var(--spacing-xs) var(--spacing-2xs);color:var(--text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-metadata);font-weight:var(--font-weight-semibold);text-align:center;white-space:nowrap;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;flex:0 auto;line-height:1.2;text-decoration:none}.design-system-toc[data-astro-cid-std4wme7] a[data-astro-cid-std4wme7]:hover,.design-system-toc[data-astro-cid-std4wme7] a[data-astro-cid-std4wme7]:focus-visible{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}@media (width>=900px){.design-system-toc[data-astro-cid-std4wme7]{scrollbar-width:thin;padding:var(--spacing-2xs) var(--spacing-sm);flex-wrap:nowrap;justify-content:space-between;overflow-x:auto}.design-system-toc[data-astro-cid-std4wme7] a[data-astro-cid-std4wme7]{flex:1 1 0;min-width:max-content}}.hero-panel[data-astro-cid-std4wme7]{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-primary);border:var(--design-system-border-width) solid var(--border);box-shadow:var(--design-system-shadow-strong);transition:transform var(--transition-normal,.3s) var(--ease-out,ease-out);display:grid;transform:rotate(-1.4deg)}.hero-panel[data-astro-cid-std4wme7]:hover{transform:rotate(0)}.hero-panel-row[data-astro-cid-std4wme7]{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border);font-family:var(--font-family-mono);font-size:var(--font-size-metadata);display:flex}.hero-panel-row[data-astro-cid-std4wme7] strong[data-astro-cid-std4wme7]{text-align:right;flex:1;min-width:0}.hero-panel-row[data-astro-cid-std4wme7]:last-child{border-bottom:0;padding-bottom:0}.hero-panel-live[data-astro-cid-std4wme7]{justify-content:flex-end;align-items:center;gap:var(--spacing-xs);color:var(--accent);text-transform:uppercase;display:flex}.hero-panel-live[data-astro-cid-std4wme7]:before{content:"";background:var(--accent);width:8px;height:8px;animation:sg-pulse 1.6s var(--ease-in-out,ease-in-out) infinite;border-radius:50%}@keyframes sg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.design-system-group[data-astro-cid-std4wme7]{gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:var(--design-system-border-width) solid var(--border);scroll-margin-top:var(--design-system-scroll-anchor-offset);display:grid}.design-system-shell[data-astro-cid-std4wme7]>.design-system-group[data-astro-cid-std4wme7]:first-of-type{border-top:none;padding-top:0}.design-system-group[data-astro-cid-std4wme7]>.design-system-section[data-astro-cid-std4wme7]{margin-bottom:0}.design-system-section[data-astro-cid-std4wme7]{gap:var(--spacing-lg);min-width:0;scroll-margin-top:var(--design-system-scroll-anchor-offset);display:grid}@media (prefers-reduced-motion:no-preference){.design-system-hero[data-astro-cid-std4wme7],.design-system-section[data-astro-cid-std4wme7]{opacity:0;animation:sg-reveal .55s var(--ease-out,ease-out) forwards;transform:translateY(18px)}.design-system-hero[data-astro-cid-std4wme7]{animation-delay:50ms}.design-system-section[data-astro-cid-std4wme7]:first-of-type{animation-delay:.12s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(2){animation-delay:.16s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(3){animation-delay:.2s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(4){animation-delay:.24s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(5){animation-delay:.28s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(6){animation-delay:.32s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(7){animation-delay:.36s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(8){animation-delay:.4s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(9){animation-delay:.44s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(10){animation-delay:.48s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(11){animation-delay:.52s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(12){animation-delay:.56s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(13){animation-delay:.6s}.design-system-section[data-astro-cid-std4wme7]:nth-of-type(14){animation-delay:.64s}}@keyframes sg-reveal{to{opacity:1;transform:translateY(0)}}.section-heading[data-astro-cid-std4wme7]{gap:var(--spacing-xs);min-width:0;padding-bottom:var(--spacing-md);border-bottom:var(--border-width-small) solid var(--border);display:grid}.section-heading[data-astro-cid-std4wme7] h2[data-astro-cid-std4wme7]{margin:0 0 var(--spacing-md) 0;font-size:clamp(2rem,7vw,4.25rem);line-height:.95;font-weight:var(--font-weight-bold);letter-spacing:0}.section-heading[data-astro-cid-std4wme7] p[data-astro-cid-std4wme7]{max-width:680px;color:var(--text-secondary);overflow-wrap:anywhere;margin:0}.ds-source[data-astro-cid-std4wme7]{max-width:720px;font-family:var(--font-family-mono);font-size:var(--font-size-metadata);color:var(--text-muted);text-transform:none;letter-spacing:0;margin:0;line-height:1.5}.ds-source[data-astro-cid-std4wme7] code[data-astro-cid-std4wme7]{font-size:inherit;color:var(--accent)}.anti-patterns[data-astro-cid-std4wme7]{margin-bottom:var(--spacing-xl)}.anti-patterns-grid[data-astro-cid-std4wme7]{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.anti-pattern-card[data-astro-cid-std4wme7]{gap:var(--spacing-xs);padding:var(--spacing-md);border:var(--design-system-border-width) solid var(--border);background:var(--bg-secondary);box-shadow:var(--design-system-shadow);display:grid}.anti-pattern-card[data-astro-cid-std4wme7] p[data-astro-cid-std4wme7]{color:var(--text-secondary);font-size:var(--font-size-body);margin:0;line-height:1.45}.anti-pattern-card[data-astro-cid-std4wme7] strong[data-astro-cid-std4wme7]{color:var(--text-primary)}@media (width<=640px){.anti-patterns-grid[data-astro-cid-std4wme7]{grid-template-columns:minmax(0,1fr)}}.metadata[data-astro-cid-std4wme7]{font-family:var(--font-family-mono);font-size:var(--font-size-metadata);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.button-stage[data-astro-cid-std4wme7]{gap:var(--spacing-lg);grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);align-items:stretch;display:grid}.button-stage-main[data-astro-cid-std4wme7],.component-case[data-astro-cid-std4wme7],.token-swatch[data-astro-cid-std4wme7]{border:var(--design-system-border-width) solid var(--border);background:var(--bg-secondary);box-shadow:var(--design-system-shadow)}.button-stage-main[data-astro-cid-std4wme7]{justify-content:flex-end;align-items:flex-start;gap:var(--spacing-md);min-height:260px;padding:var(--spacing-xl);background:linear-gradient(135deg, var(--accent) 0 18%, transparent 18%), var(--bg-secondary);flex-direction:column;display:flex}.button-grid[data-astro-cid-std4wme7],.card-grid[data-astro-cid-std4wme7],.token-grid[data-astro-cid-std4wme7]{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.component-case[data-astro-cid-std4wme7]{align-content:space-between;gap:var(--spacing-md);min-height:164px;padding:var(--spacing-lg);display:grid}.buttons-lab[data-astro-cid-std4wme7] .component-case[data-astro-cid-std4wme7]{align-items:center;column-gap:var(--spacing-sm);row-gap:var(--spacing-xs);padding:var(--spacing-md);grid-template-columns:auto minmax(0,1fr);min-width:0;min-height:auto;display:grid}.buttons-lab[data-astro-cid-std4wme7] .component-case[data-astro-cid-std4wme7] .metadata[data-astro-cid-std4wme7]{white-space:nowrap;margin:0}.buttons-lab[data-astro-cid-std4wme7] .component-case[data-astro-cid-std4wme7].full-row{align-items:stretch;gap:var(--spacing-md);min-height:164px;padding:var(--spacing-lg);flex-direction:column;display:flex}.buttons-lab[data-astro-cid-std4wme7] .component-case[data-astro-cid-std4wme7] .btn{box-sizing:border-box;grid-column:1/-1;width:100%;min-width:0;max-width:100%;height:auto}.buttons-lab[data-astro-cid-std4wme7] .component-case[data-astro-cid-std4wme7] .btn-label{white-space:normal;text-wrap:balance}.component-case[data-astro-cid-std4wme7].full-row{grid-column:1/-1}.case-icon[data-astro-cid-std4wme7]{width:var(--icon-size-lg);height:var(--icon-size-lg);color:var(--accent)}.token-grid[data-astro-cid-std4wme7],.token-grid--colors[data-astro-cid-std4wme7]{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=900px){.token-grid--colors[data-astro-cid-std4wme7]{grid-template-columns:repeat(6,minmax(0,1fr))}}.token-panel[data-astro-cid-std4wme7]{gap:var(--spacing-md);min-width:0;padding:var(--spacing-lg);border:var(--design-system-border-width) solid var(--border);background:var(--bg-secondary);box-shadow:var(--design-system-shadow);display:grid}.spacing-scale[data-astro-cid-std4wme7],.shadow-samples[data-astro-cid-std4wme7]{gap:var(--spacing-sm);display:grid}.type-production[data-astro-cid-std4wme7]{gap:var(--spacing-lg);display:grid}.type-production-row[data-astro-cid-std4wme7]{gap:var(--spacing-xs);padding-bottom:var(--spacing-md);border-bottom:1px dashed color-mix(in srgb, var(--border) 45%, transparent);display:grid}.type-production-row[data-astro-cid-std4wme7]:last-child{border-bottom:0;padding-bottom:0}.type-production-row[data-astro-cid-std4wme7] .section-header{margin-bottom:0}.type-production-row[data-astro-cid-std4wme7] .post-title-main[data-astro-cid-std4wme7]{margin:0;padding-bottom:0}.type-production-row[data-astro-cid-std4wme7] .card-title[data-astro-cid-std4wme7],.type-production-row--article[data-astro-cid-std4wme7] .post-content-wrapper[data-astro-cid-std4wme7]{margin:0}.type-production-row--article[data-astro-cid-std4wme7] .post-content-wrapper[data-astro-cid-std4wme7] h2[data-astro-cid-std4wme7],.type-production-row--article[data-astro-cid-std4wme7] .post-content-wrapper[data-astro-cid-std4wme7] h3[data-astro-cid-std4wme7]{margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.type-production-row--hero[data-astro-cid-std4wme7] .hero-type-preview[data-astro-cid-std4wme7]{padding:var(--spacing-lg);background:linear-gradient(to top, var(--hero-photo-overlay-strong) 0%, var(--hero-photo-overlay-mid) 50%, var(--hero-photo-overlay-soft) 100%);border:var(--border-width-small) solid var(--border);box-shadow:var(--card-shadow)}.type-production-row--hero[data-astro-cid-std4wme7] .hero-type-preview[data-astro-cid-std4wme7] .hero-title[data-astro-cid-std4wme7]{margin:0 0 var(--spacing-sm)}.type-production-row--hero[data-astro-cid-std4wme7] .hero-type-preview[data-astro-cid-std4wme7] .hero-description[data-astro-cid-std4wme7]{margin:0}.type-annotation[data-astro-cid-std4wme7]{font-family:var(--font-family-mono);font-size:var(--font-size-metadata);color:var(--text-muted)}.token-ref[data-astro-cid-std4wme7]{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border);font-size:var(--font-size-small);color:var(--text-secondary)}.token-ref[data-astro-cid-std4wme7] summary[data-astro-cid-std4wme7]{cursor:pointer;font-family:var(--font-family-mono);font-size:var(--font-size-metadata);text-transform:uppercase;color:var(--text-muted)}.token-ref-list[data-astro-cid-std4wme7]{margin:var(--spacing-sm) 0 0;padding-left:var(--spacing-lg);gap:var(--spacing-xs);display:grid}.token-ref-list[data-astro-cid-std4wme7] code[data-astro-cid-std4wme7]{font-size:var(--font-size-metadata)}.spacing-row[data-astro-cid-std4wme7]{align-items:center;gap:var(--spacing-md);font-family:var(--font-family-mono);font-size:var(--font-size-metadata);grid-template-columns:4.5rem 1fr auto;display:grid}.spacing-row[data-astro-cid-std4wme7] span[data-astro-cid-std4wme7]{white-space:nowrap}.spacing-row[data-astro-cid-std4wme7] i[data-astro-cid-std4wme7]{height:var(--spacing-sm);background:var(--accent);border:1px solid var(--border);display:block}.spacing-row[data-astro-cid-std4wme7] code[data-astro-cid-std4wme7]{color:var(--text-muted)}.shadow-samples[data-astro-cid-std4wme7]{grid-template-columns:repeat(3,minmax(0,1fr))}.shadow-sample[data-astro-cid-std4wme7]{gap:var(--spacing-xs);min-height:120px;padding:var(--spacing-md);background:var(--bg-primary);border:var(--border-width-small) solid var(--border);font-family:var(--font-family-mono);font-size:var(--font-size-metadata);display:grid}.shadow-sample[data-astro-cid-std4wme7].shadow-card{box-shadow:var(--card-shadow)}.shadow-sample[data-astro-cid-std4wme7].shadow-card-hover{box-shadow:var(--card-shadow-hover)}.shadow-sample[data-astro-cid-std4wme7].shadow-border{box-shadow:none}.token-swatch[data-astro-cid-std4wme7].surface{background:var(--bg-secondary);color:var(--text-primary);border:var(--border-width-small) solid var(--border)}.token-swatch[data-astro-cid-std4wme7]{min-width:0;min-height:180px;padding:var(--spacing-lg);color:var(--text-primary);flex-direction:column;justify-content:space-between;display:flex}.token-swatch[data-astro-cid-std4wme7] span[data-astro-cid-std4wme7]{font-family:var(--font-family-mono);font-size:var(--font-size-metadata);text-transform:uppercase}.token-swatch[data-astro-cid-std4wme7] strong[data-astro-cid-std4wme7]{font-size:var(--font-size-h3);overflow-wrap:anywhere}.token-ref-list[data-astro-cid-std4wme7],.token-ref-list[data-astro-cid-std4wme7] li[data-astro-cid-std4wme7],.type-annotation[data-astro-cid-std4wme7]{overflow-wrap:anywhere;min-width:0}.token-swatch[data-astro-cid-std4wme7].accent{background:var(--accent);color:var(--bg-primary)}.token-swatch[data-astro-cid-std4wme7].secondary{background:var(--accent-secondary);color:rgb(var(--hero-photo-text-rgb))}.token-swatch[data-astro-cid-std4wme7].border{background:var(--border);color:var(--bg-primary)}.token-swatch[data-astro-cid-std4wme7].canvas{background:var(--bg-primary);color:var(--text-primary);border:var(--border-width-small) solid var(--border)}.token-swatch[data-astro-cid-std4wme7].text{background:var(--text-primary);color:var(--bg-primary)}.card-grid[data-astro-cid-std4wme7]{align-items:stretch}.card-grid[data-astro-cid-std4wme7] .card{gap:var(--spacing-md);display:grid}.badge-row[data-astro-cid-std4wme7]{gap:var(--spacing-md);padding:var(--spacing-lg);border:var(--design-system-border-width) solid var(--border);background:var(--bg-secondary);box-shadow:var(--design-system-shadow);flex-wrap:wrap;display:flex}.pattern-grid[data-astro-cid-std4wme7]{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pattern-case[data-astro-cid-std4wme7]{align-content:start;gap:var(--spacing-md);min-width:0;max-width:100%;padding:var(--spacing-lg);border:var(--design-system-border-width) solid var(--border);background:var(--bg-secondary);box-shadow:var(--design-system-shadow);display:grid}.pattern-case[data-astro-cid-std4wme7].wide{grid-column:1/-1}.pattern-case[data-astro-cid-std4wme7] .section-header{margin-bottom:0}.pattern-case[data-astro-cid-std4wme7] .card{min-height:100%}.project-preview-case[data-astro-cid-std4wme7] .project-card{transform:rotate(-.8deg)}.project-preview-case[data-astro-cid-std4wme7]:nth-of-type(3) .project-card{transform:rotate(.8deg)}.pattern-case[data-astro-cid-std4wme7] .blog-post-toc{box-shadow:none;margin:0}.podcast-actions-preview[data-astro-cid-std4wme7]{gap:var(--spacing-md);display:grid}.podcast-actions-preview[data-astro-cid-std4wme7] p[data-astro-cid-std4wme7]{color:var(--text-secondary);margin:0}.contained-preview[data-astro-cid-std4wme7]{overflow:hidden}.contained-preview[data-astro-cid-std4wme7] .podcast-show-bar{border-bottom:none;margin:0;padding-bottom:0}.image-preview[data-astro-cid-std4wme7]{border:1px solid var(--border);overflow:hidden}.image-preview[data-astro-cid-std4wme7] .post-hero-image{height:220px}.compact-preview[data-astro-cid-std4wme7]{align-items:center;gap:var(--spacing-md);min-height:72px;display:flex}.error-preview[data-astro-cid-std4wme7] .container{width:100%;padding:0}.error-preview[data-astro-cid-std4wme7] .error-state{padding:var(--spacing-xl);margin-top:0!important}.post-detail-preview[data-astro-cid-std4wme7] .blog-post-layout{margin-top:var(--spacing-lg);box-sizing:border-box;width:100%;min-width:0;max-width:100%}.post-detail-preview[data-astro-cid-std4wme7] .blog-post-sidebar .blog-post-toc{max-height:none;position:static}.pattern-case[data-astro-cid-std4wme7] .breadcrumb,.post-detail-preview[data-astro-cid-std4wme7] .breadcrumb{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.pattern-case[data-astro-cid-std4wme7] .breadcrumb-nav,.post-detail-preview[data-astro-cid-std4wme7] .breadcrumb-nav{min-width:0}.post-detail-preview[data-astro-cid-std4wme7] .blog-post-sidebar,.post-detail-preview[data-astro-cid-std4wme7] .blog-post-content,.post-detail-preview[data-astro-cid-std4wme7] .post-header,.post-detail-preview[data-astro-cid-std4wme7] .post-content,.post-detail-preview[data-astro-cid-std4wme7] .post-content-wrapper{box-sizing:border-box;min-width:0;max-width:100%}.content-pattern-preview[data-astro-cid-std4wme7] .post-content-wrapper{margin:0}.content-pattern-preview[data-astro-cid-std4wme7] .callout{margin:var(--spacing-md) 0}.content-pattern-preview[data-astro-cid-std4wme7] .callout:first-of-type{margin-top:0}.content-pattern-preview[data-astro-cid-std4wme7] .code-block-header{justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);display:flex}.content-pattern-preview[data-astro-cid-std4wme7] .code-block-wrapper pre{padding:var(--spacing-md);background:var(--bg-primary);border-top:1px solid var(--border);margin:0}.motion-grid[data-astro-cid-std4wme7]{align-items:stretch}.motion-demo[data-astro-cid-std4wme7]{min-width:0;position:relative}.motion-demo[data-astro-cid-std4wme7]:before{content:"";border:1px dashed color-mix(in srgb, var(--accent) 55%, transparent);opacity:.7;pointer-events:none;position:absolute;inset:10px -6px -6px 10px}.motion-demo[data-astro-cid-std4wme7]:after{right:var(--spacing-md);top:var(--spacing-md);color:var(--accent);font-family:var(--font-family-mono);font-size:var(--font-size-eyebrow);position:absolute}.motion-demo--up[data-astro-cid-std4wme7]:after{content:"UP"}.motion-demo--down[data-astro-cid-std4wme7]:after{content:"DOWN"}.motion-demo--left[data-astro-cid-std4wme7]:after{content:"LEFT"}.motion-demo--scale[data-astro-cid-std4wme7]:after{content:"SCALE"}.motion-card[data-astro-cid-std4wme7]{z-index:1;gap:var(--spacing-xs);min-height:140px;padding:var(--spacing-lg);border:var(--design-system-border-width) solid var(--border);background:var(--bg-primary);box-shadow:var(--design-system-shadow);display:grid;position:relative}.motion-card[data-astro-cid-std4wme7] p[data-astro-cid-std4wme7]:last-child{color:var(--text-secondary);margin:0}@media (prefers-reduced-motion:no-preference){.motion-demo--up[data-astro-cid-std4wme7] .motion-card[data-astro-cid-std4wme7]{animation:sg-motion-up 2.8s var(--ease-in-out,ease-in-out) infinite}.motion-demo--down[data-astro-cid-std4wme7] .motion-card[data-astro-cid-std4wme7]{animation:sg-motion-down 2.8s var(--ease-in-out,ease-in-out) infinite;animation-delay:.15s}.motion-demo--left[data-astro-cid-std4wme7] .motion-card[data-astro-cid-std4wme7]{animation:sg-motion-left 2.8s var(--ease-in-out,ease-in-out) infinite;animation-delay:.3s}.motion-demo--scale[data-astro-cid-std4wme7] .motion-card[data-astro-cid-std4wme7]{animation:sg-motion-scale 2.8s var(--ease-in-out,ease-in-out) infinite;animation-delay:.45s}}@keyframes sg-motion-up{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes sg-motion-down{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes sg-motion-left{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}@keyframes sg-motion-scale{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.motion-demo-link[data-astro-cid-std4wme7]{margin:0}.loading-copy[data-astro-cid-std4wme7]{margin:var(--spacing-md) 0 0;color:var(--text-muted);text-align:center;font-size:var(--font-size-small)}.shell-component-preview[data-astro-cid-std4wme7]{border:1px solid var(--border);background:var(--bg-primary);overflow:hidden}.shell-component-preview[data-astro-cid-std4wme7] header{position:relative;top:auto}.shell-component-preview[data-astro-cid-std4wme7] footer{margin:0}.shell-component-preview--footer[data-astro-cid-std4wme7] .container{width:100%;max-width:none;padding-inline:var(--spacing-md)}.r2-asset-preview[data-astro-cid-std4wme7],.r2-section-preview[data-astro-cid-std4wme7]{border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 28%, transparent) 0 24%, transparent 24%), linear-gradient(90deg, color-mix(in srgb, var(--border) 14%, transparent) 1px, transparent 1px), linear-gradient(180deg, color-mix(in srgb, var(--border) 14%, transparent) 1px, transparent 1px), var(--bg-primary);background-size:auto,24px 24px,24px 24px,auto;min-height:220px;position:relative;overflow:hidden}.r2-asset-preview[data-astro-cid-std4wme7]{align-content:end;gap:var(--spacing-xs);padding:var(--spacing-md);display:grid}.r2-asset-preview[data-astro-cid-std4wme7] strong[data-astro-cid-std4wme7]{max-width:18ch;font-family:var(--font-family-mono);font-size:var(--font-size-h4);line-height:1.2}.r2-asset-preview[data-astro-cid-std4wme7] span[data-astro-cid-std4wme7]{color:var(--text-secondary)}.r2-asset-badge[data-astro-cid-std4wme7]{top:var(--spacing-md);left:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);border:var(--border-width-small) solid var(--border);background:var(--bg-secondary);color:var(--accent);font-family:var(--font-family-mono);font-size:var(--font-size-eyebrow);text-transform:uppercase;box-shadow:2px 2px 0 0 var(--border);position:absolute}.r2-section-preview[data-astro-cid-std4wme7]{align-items:end;display:grid}.r2-section-preview-copy[data-astro-cid-std4wme7]{gap:var(--spacing-xs);padding:var(--spacing-md);background:color-mix(in srgb, var(--bg-secondary) 88%, transparent);border-top:1px solid var(--border);display:grid}.r2-section-preview-copy[data-astro-cid-std4wme7] span[data-astro-cid-std4wme7]{color:var(--text-secondary)}.sticky-preview-frame[data-astro-cid-std4wme7]{border:1px solid var(--border);background:var(--bg-primary);min-height:156px;position:relative;overflow:hidden}.sticky-preview-frame[data-astro-cid-std4wme7] .podcast-sticky-player{inset:auto var(--spacing-md) var(--spacing-md);opacity:1;pointer-events:auto;position:absolute;transform:none}@media (width>=900px){.design-system-hero[data-astro-cid-std4wme7]{grid-template-columns:minmax(0,1fr) 280px}}@media (width<=760px){.button-stage[data-astro-cid-std4wme7],.button-grid[data-astro-cid-std4wme7],.card-grid[data-astro-cid-std4wme7],.pattern-grid[data-astro-cid-std4wme7],.token-grid[data-astro-cid-std4wme7]{grid-template-columns:1fr}.design-system-hero[data-astro-cid-std4wme7],.button-stage-main[data-astro-cid-std4wme7],.component-case[data-astro-cid-std4wme7],.pattern-case[data-astro-cid-std4wme7],.token-panel[data-astro-cid-std4wme7]{padding:var(--spacing-lg)}.buttons-lab[data-astro-cid-std4wme7] .component-case[data-astro-cid-std4wme7]{padding:var(--spacing-md)}.buttons-lab[data-astro-cid-std4wme7] .component-case[data-astro-cid-std4wme7].full-row{padding:var(--spacing-lg)}.post-detail-preview[data-astro-cid-std4wme7] .blog-post-layout{padding-inline:0}.post-detail-preview[data-astro-cid-std4wme7] .blog-post-sidebar{width:100%}.design-system-toc[data-astro-cid-std4wme7]{padding:var(--spacing-xs)}.design-system-shell[data-astro-cid-std4wme7]{--design-system-toc-block-size:calc(2 * var(--spacing-xs) + 3 * (2 * var(--spacing-xs) + var(--line-height-metadata)) + 2 * var(--spacing-2xs))}.design-system-group[data-astro-cid-std4wme7],.design-system-section[data-astro-cid-std4wme7]{scroll-margin-top:var(--design-system-scroll-anchor-offset)}.content-pattern-preview[data-astro-cid-std4wme7] .code-block-header{justify-content:flex-end}.token-grid--colors[data-astro-cid-std4wme7],.shadow-samples[data-astro-cid-std4wme7]{grid-template-columns:1fr}}.brand-showcase-grid[data-astro-cid-std4wme7]{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.brand-card[data-astro-cid-std4wme7]{border:var(--border-width-small) solid var(--border);background:var(--bg-secondary);padding:var(--spacing-md);box-shadow:3px 3px 0 0 var(--border);gap:var(--spacing-sm);flex-direction:column;display:flex}.brand-card-tag[data-astro-cid-std4wme7]{font-family:var(--font-family-mono);font-size:var(--font-size-eyebrow);text-transform:uppercase;letter-spacing:.5px;color:var(--accent);font-weight:700}.brand-preview-split[data-astro-cid-std4wme7]{gap:var(--spacing-xs);border:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.brand-box[data-astro-cid-std4wme7]{padding:var(--spacing-lg) var(--spacing-md);flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex;position:relative}.brand-box--light[data-astro-cid-std4wme7]{color:#111827;background:#fff}.brand-box--dark[data-astro-cid-std4wme7]{color:#f3f4f6;background:#111}.brand-box-label[data-astro-cid-std4wme7]{font-family:var(--font-family-mono);text-transform:uppercase;opacity:.6;letter-spacing:.5px;font-size:10px;position:absolute;top:6px;left:8px}.brand-icon-wrapper[data-astro-cid-std4wme7]{border:1px dashed #80808066;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.brand-specs[data-astro-cid-std4wme7]{font-size:var(--font-size-small);color:var(--text-secondary);border-top:1px solid color-mix(in srgb, var(--border) 20%, transparent);padding-top:var(--spacing-xs);flex-direction:column;gap:4px;line-height:1.4;display:flex}.brand-specs[data-astro-cid-std4wme7] p[data-astro-cid-std4wme7]{margin:0}.brand-specs[data-astro-cid-std4wme7] code[data-astro-cid-std4wme7]{background:var(--bg-primary);border:1px solid var(--border);padding:1px 4px;font-size:12px}