.showcase{background-color:var(--color-surface-primary);min-height:100svh}.showcase__header{--case-hero-wave-height:var(--nav-height);padding-top:calc(var(--nav-height) + var(--space-9));padding-bottom:calc(var(--nav-height) + var(--space-7));padding-inline:var(--space-site-gutter);background:var(--color-surface-secondary);position:relative}.showcase__eyebrow{font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:var(--space-label-gap);font-family:var(--font-family-mono)}.showcase__title{font-size:var(--font-size-h1-fluid);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);line-height:var(--line-height-heading);margin-bottom:var(--space-element-gap);max-width:66.66%}.showcase__subtitle{font-size:var(--font-size-lead);color:var(--color-text-secondary);line-height:var(--line-height-body);max-width:50%}.showcase__section{padding-inline:var(--space-site-gutter);padding-block:var(--space-8)}.showcase__section-body{max-width:720px;margin-inline:auto}.showcase__section-title{font-size:var(--font-size-h2-fluid);font-weight:var(--font-weight-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);line-height:var(--line-height-heading);margin-bottom:var(--space-element-gap)}.showcase__section-text{font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.showcase__section-text+.showcase__section-text{margin-top:var(--space-element-gap)}.showcase__section-text code{font-family:var(--font-family-mono);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);padding:.1em .4em;font-size:.9em}.showcase__duality-wrap{max-width:var(--space-layout-max-width);margin-inline:auto}.showcase__duality{margin-top:var(--space-7)}.showcase__duality-tabs{gap:var(--space-inline-gap);margin-bottom:var(--space-component-gap);display:flex}.showcase__duality-tab{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-full);padding:var(--space-label-gap) var(--space-component-gap);cursor:pointer;transition:color var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default), background var(--duration-interaction) var(--easing-default);background:0 0}.showcase__duality-tab[aria-selected=true]{color:var(--color-accent-foreground);background:var(--color-accent-default);border-color:var(--color-accent-default)}.showcase__duality-tab:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.showcase__duality-panes{gap:var(--space-6);display:grid}.showcase__duality-pane{min-width:0}.showcase__duality-pane[hidden]{display:none}.showcase__duality-pane-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-label);color:var(--color-text-secondary);margin-bottom:var(--space-component-gap)}.showcase__duality-pane-title code{font-family:var(--font-family-mono);font-size:.9em}.showcase__duality-buttons{align-items:center;gap:var(--space-component-gap);padding:var(--space-7) var(--space-component-gap);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);flex-wrap:wrap;display:flex}.showcase__code{padding:var(--space-component-gap);background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-md);max-height:420px;margin:0;overflow:auto}.showcase__code code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-body);color:var(--color-text-primary);white-space:pre}@media (min-width:900px){.showcase__duality-tabs{display:none}.showcase__duality-panes{grid-template-columns:1fr 3fr;align-items:start}.showcase__duality-pane[hidden]{display:block}}.showcase__links{gap:var(--space-component-gap);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.showcase__link{align-items:center;gap:var(--space-inline-gap);font-size:var(--font-size-sm);font-weight:var(--font-weight-label);color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-full);padding:var(--space-label-gap) var(--space-component-gap);transition:color var(--duration-interaction) var(--easing-default), border-color var(--duration-interaction) var(--easing-default);text-decoration:none;display:inline-flex}.showcase__link:hover{color:var(--color-accent-default);border-color:var(--color-accent-default)}.showcase__link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@media (max-width:768px){.showcase__title,.showcase__subtitle{max-width:100%}.showcase__header{padding-top:calc(var(--nav-height) + var(--space-6));padding-bottom:calc(var(--nav-height) + var(--space-6))}.showcase__section{padding-block:var(--space-6)}}@media (prefers-reduced-motion:reduce){.showcase__link{transition:none}}