.ds-hero{background:var(--sage-700);color:var(--cream-50);padding:64px 0 56px}.ds-hero .overline{color:var(--sage-300)}.ds-hero h1{color:var(--cream-50);font-size:var(--fs-display);margin:10px 0 16px;letter-spacing:var(--ls-display)}.ds-hero p{color:rgba(251,249,243,0.82);font-size:19px;max-width:600px;margin:0}.ds-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.ds-jump a{font-size:13.5px;padding:7px 16px;border-radius:var(--radius-pill);background:rgba(251,249,243,0.12);color:var(--cream-50);font-weight:500}.ds-jump a:hover{background:rgba(251,249,243,0.24);color:#fff}.ds-section{padding-block:var(--space-8);border-bottom:1px solid var(--border-subtle);scroll-margin-top:88px}.ds-section:last-child{border-bottom:none}.ds-section__head{margin-bottom:var(--space-6)}.ds-section__head h2{font-size:var(--fs-h1);margin:6px 0 0}.ds-block{margin-top:var(--space-6)}.ds-block__label{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 16px;padding-bottom:8px;border-bottom:1px dashed var(--border-subtle)}.ds-demo{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.ds-demo--col{flex-direction:column;align-items:stretch;max-width:440px}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:14px}.swatch{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-card)}.swatch__chip{height:72px;border-bottom:1px solid var(--border-subtle)}.swatch__meta{padding:10px 12px}.swatch__name{font-size:13px;font-weight:600;color:var(--text-strong)}.swatch__val{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted);margin-top:2px;text-transform:uppercase}.type-row{display:flex;align-items:baseline;gap:24px;padding:14px 0;border-bottom:1px dashed var(--border-subtle);flex-wrap:wrap}.type-row:last-child{border-bottom:none}.type-row__spec{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);width:160px;flex-shrink:0}.type-row__sample{flex:1;min-width:240px;color:var(--text-strong)}.ds-bar{max-width:100%;height:18px;border-radius:var(--radius-xs);background:var(--sage-400)}.spec-row{display:flex;align-items:center;flex-wrap:wrap;gap:20px;padding:11px 0;border-bottom:1px dashed var(--border-subtle)}.spec-row:last-child{border-bottom:none}.spec-row__name{font-family:var(--font-mono);font-size:12.5px;color:var(--text-body);width:130px;flex-shrink:0}.spec-row__val{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);width:70px;flex-shrink:0}.radius-box{width:84px;height:64px;background:var(--sage-100);border:1.5px solid var(--border-brand)}.shadow-box{width:120px;height:72px;border-radius:var(--radius-md);background:var(--surface-card)}.radius-grid,.shadow-grid{display:flex;flex-wrap:wrap;gap:28px}.radius-grid figure,.shadow-grid figure{margin:0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.radius-grid figcaption,.shadow-grid figcaption{font-family:var(--font-mono);font-size:11.5px;color:var(--text-muted)}