.portfolio-design-system-gateway-module__iRKnJq__section{border-top:1px solid var(--grid-hairline)}.portfolio-design-system-gateway-module__iRKnJq__grid{gap:var(--spacing-scale-48);display:grid}@media (min-width:64rem){.portfolio-design-system-gateway-module__iRKnJq__grid{align-items:center;gap:var(--spacing-scale-48);grid-template-columns:1fr 1fr}}.portfolio-design-system-gateway-module__iRKnJq__title{font-family:var(--font-display);font-size:var(--text-display-lg);color:var(--pure-white);margin:0;font-weight:500;line-height:1.15}.portfolio-design-system-gateway-module__iRKnJq__lead{margin:var(--spacing-scale-16) 0 0;max-width:34rem;font-size:var(--text-body-md);line-height:var(--text-body-md--line-height);color:var(--hero-muted)}.portfolio-design-system-gateway-module__iRKnJq__specimens{justify-content:space-between;align-items:flex-end;gap:var(--spacing-scale-32);margin-top:var(--spacing-scale-40);display:flex}.portfolio-design-system-gateway-module__iRKnJq__swatchRow{gap:var(--spacing-scale-16);margin:0;padding:0;list-style:none;display:flex}.portfolio-design-system-gateway-module__iRKnJq__swatch{align-items:center;gap:var(--spacing-scale-8);flex-direction:column;display:flex}.portfolio-design-system-gateway-module__iRKnJq__swatchChip{width:var(--spacing-scale-48);height:var(--spacing-scale-48);background:var(--swatch-fill);border:1px solid var(--grid-hairline);border-radius:var(--radius-surface,6px)}.portfolio-design-system-gateway-module__iRKnJq__swatchLabel{font-family:var(--font-mono);font-size:var(--text-mono-sm);letter-spacing:var(--text-mono-sm--letter-spacing);text-transform:none;color:var(--hero-faint)}.portfolio-design-system-gateway-module__iRKnJq__specimenType{font-family:var(--font-display);font-size:var(--text-headline-lg);color:var(--hero-apricot);line-height:1}.portfolio-design-system-gateway-module__iRKnJq__console{padding:var(--spacing-scale-32);background:var(--hero-elevated);border:1px solid var(--grid-hairline);border-radius:var(--radius-surface,8px)}.portfolio-design-system-gateway-module__iRKnJq__tabs{gap:var(--spacing-scale-8);margin:0 0 var(--spacing-scale-16);flex-wrap:wrap;padding:0;list-style:none;display:flex}.portfolio-design-system-gateway-module__iRKnJq__tab{padding:var(--spacing-scale-8) var(--spacing-scale-12);border:1px solid var(--grid-hairline);font-family:var(--font-mono);font-size:var(--text-mono-sm);letter-spacing:var(--text-mono-sm--letter-spacing);text-transform:uppercase;color:var(--hero-muted)}.portfolio-design-system-gateway-module__iRKnJq__tab[data-active=true]{color:var(--hero-text);border-color:var(--hero-apricot)}@media (max-width:47.99rem){.portfolio-design-system-gateway-module__iRKnJq__tab:last-child{display:none}}.portfolio-design-system-gateway-module__iRKnJq__readout{padding:var(--spacing-scale-16);background:var(--hero-base);border:1px solid var(--grid-hairline);margin:0;overflow-x:auto}.portfolio-design-system-gateway-module__iRKnJq__readout code{font-family:var(--font-mono);font-size:var(--text-mono-sm);color:var(--hero-text);white-space:pre;line-height:1.7}.portfolio-design-system-gateway-module__iRKnJq__readoutLine{display:block}.portfolio-design-system-gateway-module__iRKnJq__tokenName{color:var(--signal-velocity)}.portfolio-design-system-gateway-module__iRKnJq__tokenPunct{color:var(--hero-faint)}.portfolio-design-system-gateway-module__iRKnJq__tokenValue{color:var(--logic-pulse)}.portfolio-design-system-gateway-module__iRKnJq__tokenHex{color:var(--tk-color)}.portfolio-design-system-gateway-module__iRKnJq__tokenSwatch{vertical-align:-.06em;background:var(--swatch-fill);border:1px solid var(--grid-hairline);border-radius:2px;width:.72em;height:.72em;margin-right:.45em;display:inline-block}.portfolio-design-system-gateway-module__iRKnJq__readoutLoading{color:var(--hero-faint)}.portfolio-design-system-gateway-module__iRKnJq__caption{margin:var(--spacing-scale-12) 0 var(--spacing-scale-32);font-family:var(--font-mono);font-size:var(--text-mono-sm);letter-spacing:var(--text-mono-sm--letter-spacing);text-transform:uppercase;color:var(--hero-faint)}
.slot-text{white-space:pre;display:inline-flex}.char-slot{vertical-align:bottom;flex:none;justify-content:center;line-height:1.3;display:inline-flex;position:relative;overflow:visible clip}.char-slot.is-resizing{overflow-x:clip}.char-sizer{visibility:hidden;white-space:pre}.char-face{white-space:pre;will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}
