.ds{text-align:left}.ds p{max-width:70ch}.ds a{text-underline-offset:.18em}.ds-hero{background:var(--color-primary);color:var(--color-white);padding-block:clamp(4rem,9vw,8rem);overflow:hidden}.ds-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:var(--space-lg);align-items:center}.ds-hero h1{color:var(--color-accent);max-width:19ch}.ds-hero__intro{margin-block:var(--space-lg) var(--space-copy-action);max-width:48ch}.ds-hero__mark{width:min(100%,260px);justify-self:end}.ds-eyebrow,.ds-kicker,.ds-spec{font-size:.75rem;line-height:1.5;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ds-eyebrow{color:var(--color-accent);margin-bottom:var(--space-md)}.ds-actions,.ds-component__row{display:flex;flex-wrap:wrap;gap:var(--space-md)}.ds-jump{background:var(--color-accent)}.ds-jump__inner{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-lg);padding-block:var(--space-sm)}.ds-jump a:not(.btn){color:var(--color-primary);text-decoration:none;font-size:.8rem;font-weight:700;padding:var(--space-sm) 0}.ds-jump a:not(.btn):hover{text-decoration:underline}.ds-section{scroll-margin-top:var(--nav-height)}.ds-section--soft{background:var(--color-bg-light)}.ds-kicker{color:var(--color-primary);margin-bottom:var(--space-sm)}.ds-lead{margin-top:var(--space-md);margin-bottom:var(--space-lg)}.ds-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.ds-color{border:1px solid var(--color-bg-light);border-radius:var(--radius-md);overflow:hidden;background:var(--color-white)}.ds-color__swatch{min-height:145px;padding:var(--space-md);display:flex;align-items:end;font-size:.875rem;font-weight:700}.ds-color__swatch--light{color:var(--color-white)}.ds-color__swatch--dark{color:var(--color-text)}.ds-color__details{display:grid;gap:.15rem;padding:var(--space-md)}.ds-color__details code,.ds-color__details small{font-size:.75rem;color:var(--color-muted)}.ds-color__details code{overflow-wrap:anywhere}.ds-space-panel{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-lg);margin-top:var(--space-xl)}.ds-space-panel p{margin-top:var(--space-sm)}.ds-space-list{display:grid;gap:var(--space-sm)}.ds-space{display:grid;grid-template-columns:minmax(128px,1fr) 3rem 4rem;gap:var(--space-md);align-items:center;font-size:.875rem}.ds-space__bar{display:block;height:16px;background:var(--color-primary);border-radius:var(--radius-sm)}.ds-layout{margin-top:var(--space-xl);scroll-margin-top:calc(var(--nav-height) + var(--space-md))}.ds-layout>p:not(.ds-kicker):not(.ds-spec){margin-top:var(--space-sm)}.ds-grid-notes{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);margin-top:var(--space-md);font-size:.75rem}.ds-grid-notes span{display:inline-flex;flex-wrap:wrap;gap:var(--space-sm)}.ds-grid-notes strong{color:var(--color-primary)}.ds-grid-ruler{margin-block:var(--space-lg)}.ds-grid-ruler span{display:grid;place-items:center;min-height:72px;background:var(--color-bg-light);border:1px solid #cbd2d8;border-radius:var(--radius-sm);color:var(--color-primary);font:700 .75rem var(--font-body)}.ds-grid-ruler span:nth-child(n+5){display:none}.ds-grid-example{margin-top:var(--space-sm)}.ds-grid-example>div{display:flex;align-items:center;min-height:120px;padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-white);font-size:.875rem;font-weight:700}.ds-grid-example>div+div{background:var(--color-accent);color:var(--color-primary)}@media(min-width:640px){.ds-grid-ruler span:nth-child(n+5){display:grid}.ds-grid-ruler span:nth-child(n+9){display:none}}@media(min-width:1024px){.ds-grid-ruler span:nth-child(n+9){display:grid}}.ds-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.ds-type-sample{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-lg);min-height:300px}.ds-spec{color:var(--color-muted)}.ds-display{font:600 clamp(2.5rem,5vw,4.5rem)/1.1 var(--font-display);color:var(--color-primary)}.ds-body-sample{font:400 1rem/1.6 var(--font-body)}.ds-type-scale{margin-top:var(--space-md);display:grid;gap:var(--space-lg)}.ds-type-scale>div{display:grid;grid-template-columns:4rem 1fr;gap:var(--space-md);align-items:baseline}.ds-type-scale code{color:var(--color-muted);font-size:.75rem}.ds-type-scale a:not(.btn){color:var(--color-link-on-light)}.ds-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.ds-component{min-height:260px;display:flex;flex-direction:column;align-items:start;gap:var(--space-md)}.ds-component h3{margin-top:var(--space-xs)}.ds-component p{font-size:.9rem}.ds-component a:not(.btn){color:var(--color-link-on-light)}.ds-component--blue{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);padding:var(--space-lg)}.ds-component--blue .ds-spec{color:var(--color-accent)}.ds-component--accent{background:var(--color-accent);color:var(--color-text);border-radius:var(--radius-md);padding:var(--space-lg)}.ds-component--accent .ds-spec{color:var(--color-primary)}.ds-button-tokens{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm) var(--space-md);margin:0;padding:var(--space-md) 0 0;border-top:1px solid var(--color-bg-light);list-style:none}.ds-button-tokens code{font-size:var(--button-font-size);overflow-wrap:anywhere}.ds-field{font-size:.875rem;font-weight:700}.ds-component input{width:100%;padding:.75rem 1rem;border:2px solid var(--color-muted);border-radius:var(--radius-sm);font:inherit}.ds-component input:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px;border-color:var(--color-primary)}.ds-form-note{color:var(--color-muted);font-size:.75rem!important}.ds-icon-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.ds-icon-row figure{background:var(--color-white);border:1px solid #d5dbe0;border-radius:var(--radius-md);min-height:220px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--space-md)}.ds-icon-row img{width:120px;height:120px;object-fit:contain}.ds-icon-row figcaption{text-align:center;font-size:.75rem;font-weight:700}.ds-principles{background:var(--color-accent)}.ds-principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-lg)}.ds-principle-grid>div{border-top:3px solid var(--color-primary);padding-top:var(--space-md)}.ds-principle-grid span{font-weight:700;color:var(--color-primary)}.ds-principle-grid h3{margin:var(--space-sm) 0}.ds-doc-note{margin-top:var(--space-xl);font-size:.875rem}@media(max-width:900px){.ds-hero__inner{grid-template-columns:minmax(0,1fr) 160px}.ds-color-grid,.ds-icon-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.ds-hero__inner,.ds-type-grid,.ds-space-panel,.ds-component-grid,.ds-principle-grid{grid-template-columns:1fr}.ds-hero__mark{display:none}.ds-color-grid{grid-template-columns:1fr}.ds-type-scale>div{grid-template-columns:1fr;gap:var(--space-xs)}.ds-space{grid-template-columns:minmax(100px,1fr) 2rem 3rem}}