.wrap{max-width:64rem;margin:0 auto;padding:0 2.4rem}@media (max-width:720px){.wrap{padding:0 1.2rem}}.cover{flex-direction:column;justify-content:space-between;min-height:100vh;padding:4rem 0 2.4rem;display:flex}.cover-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.2rem;margin-top:1.6rem;display:flex}.mono-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-size:.55rem}.mono-label .dot{background:var(--red);vertical-align:middle;border-radius:50%;width:.3rem;height:.3rem;margin-right:.4rem;display:inline-block}.cover-h{font-family:var(--serif);letter-spacing:-.03em;margin-top:auto;font-size:clamp(3.6rem,13vw,10rem);font-weight:400;line-height:.92}.cover-h em{color:var(--body-text);font-style:italic}.cover-h .accent{color:var(--red);font-style:italic}.cover-bottom{border-top:1px solid var(--line-strong);grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.4rem;padding-top:2.4rem;display:grid}@media (max-width:900px){.cover-bottom{grid-template-columns:repeat(2,1fr)}}.cover-bottom div h6{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.3rem;font-size:.55rem}.cover-bottom div p{color:var(--ink);font-size:.75rem}.toc{background:var(--line-strong);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);grid-template-columns:repeat(6,1fr);gap:1px;display:grid}@media (max-width:900px){.toc{grid-template-columns:repeat(3,1fr)}}.toc a{background:var(--bg);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);justify-content:space-between;align-items:baseline;padding:.9rem .8rem;font-size:.55rem;transition:background .2s,color .2s;display:flex}.toc a:hover{background:var(--surface);color:var(--white)}.toc a span:last-child{color:var(--ink-faint)}section.sec{border-bottom:1px solid var(--line-strong);padding:6rem 0;scroll-margin-top:1.2rem}.sec-head{grid-template-columns:1fr 2fr;align-items:end;gap:2.4rem;margin-bottom:3.2rem;display:grid}@media (max-width:900px){.sec-head{grid-template-columns:1fr;gap:1.2rem}}.sec-num{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.08em;margin-bottom:.8rem;font-size:.6rem}.sec-title{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(2.4rem,7vw,4.8rem);font-weight:400;line-height:.95}.sec-title em{color:var(--body-text);font-style:italic}.sec-desc{color:var(--body-text);text-wrap:pretty;max-width:26rem;font-size:.9rem;line-height:1.5}.color-grid{grid-template-columns:repeat(3,1fr);gap:1.2rem;display:grid}@media (max-width:900px){.color-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.color-grid{grid-template-columns:1fr}}.swatch{border:1px solid var(--line-strong);background:var(--surface);border-radius:.3rem;flex-direction:column;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}.swatch:hover{border-color:#3a31a8;transform:translateY(-.2rem)}.swatch-fill{aspect-ratio:5/4;justify-content:flex-end;align-items:flex-end;padding:.8rem;display:flex;position:relative}.swatch-fill .ratio{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#00000073;border-radius:49.95rem;padding:.25rem .45rem;font-size:.5rem}.swatch-fill.light .ratio{color:#080528;background:#ffffffb3}.swatch-meta{border-top:1px solid var(--line-strong);flex-direction:column;gap:.3rem;padding:.9rem 1rem;display:flex}.swatch-name{font-family:var(--serif);letter-spacing:-.01em;font-size:1.2rem}.swatch-row{justify-content:space-between;align-items:baseline;gap:.4rem;display:flex}.swatch-row .k{font-family:var(--mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.55rem}.swatch-row .v{font-family:var(--mono);color:var(--ink);font-size:.6rem}.swatch-token{font-family:var(--mono);color:var(--body-text);border-top:1px dashed var(--line-strong);margin-top:.2rem;padding-top:.3rem;font-size:.55rem}.usage-grid{background:var(--line-strong);border:1px solid var(--line-strong);grid-template-columns:1fr 1fr;gap:1px;margin-top:2.4rem;display:grid}@media (max-width:900px){.usage-grid{grid-template-columns:1fr}}.usage-cell{background:var(--surface);padding:1.2rem}.usage-cell h5{font-family:var(--serif);margin-bottom:.4rem;font-size:1.1rem;font-weight:400}.usage-cell p{color:var(--body-text);font-size:.7rem;line-height:1.5}.usage-cell .swatch-pill{align-items:center;gap:.3rem;margin-top:.7rem;display:inline-flex}.usage-cell .swatch-pill span{border:1px solid var(--line-strong);border-radius:50%;width:.9rem;height:.9rem}.type-row{border-bottom:1px solid var(--line-strong);grid-template-columns:7rem 1fr 10rem;align-items:baseline;gap:1.6rem;padding:1.4rem 0;display:grid}.type-row:first-child{border-top:1px solid var(--line-strong)}.type-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-size:.55rem}.type-spec{font-family:var(--mono);color:var(--body-text);text-align:right;font-size:.55rem;line-height:1.6}.type-sample{font-family:var(--serif);color:var(--ink);text-wrap:balance;letter-spacing:-.02em;font-weight:400;line-height:1}.type-sample.italic{color:var(--body-text);font-style:italic}.type-sample.sans{font-family:var(--sans);letter-spacing:-.01em;line-height:1.3}.type-sample.body{font-family:var(--sans);color:var(--body-text);letter-spacing:0;max-width:28rem;font-size:.9rem;line-height:1.55}.type-sample.mono{font-family:var(--mono);letter-spacing:0;line-height:1.4}@media (max-width:900px){.type-row{grid-template-columns:1fr;gap:.4rem}.type-spec{text-align:left}}.font-cards{background:var(--line-strong);border:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:2.4rem;display:grid}@media (max-width:900px){.font-cards{grid-template-columns:1fr}}.font-card{background:var(--surface);flex-direction:column;gap:.8rem;min-height:12rem;padding:1.6rem;display:flex}.font-card .glyph{letter-spacing:-.04em;font-size:6rem;line-height:.8}.font-card .glyph.serif{font-family:var(--serif);font-style:italic}.font-card .glyph.sans{font-family:var(--sans);font-weight:600}.font-card .glyph.mono{font-family:var(--mono);font-size:4.8rem}.font-card .fname{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--body-text);font-size:.55rem}.font-card .frole{font-family:var(--serif);font-size:1.2rem}.scale-table{border-collapse:collapse;width:100%}.scale-table th,.scale-table td{border-bottom:1px solid var(--line-strong);text-align:left;font-family:var(--mono);padding:.7rem 0;font-size:.6rem}.scale-table th{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:400}.scale-table td{color:var(--body-text)}.scale-table td.name{color:var(--white)}.space-row{border-bottom:1px solid var(--line-strong);grid-template-columns:6rem 4rem 1fr;align-items:center;gap:1.2rem;padding:.9rem 0;display:grid}.space-row:first-child{border-top:1px solid var(--line-strong)}.space-name{font-family:var(--mono);color:var(--white);font-size:.65rem}.space-val{font-family:var(--mono);color:var(--ink-faint);text-align:right;font-size:.6rem}.space-bar{background:var(--red);border-radius:.1rem;height:.7rem}.radius-grid{grid-template-columns:repeat(5,1fr);gap:.8rem;margin-top:1.6rem;display:grid}@media (max-width:720px){.radius-grid{grid-template-columns:repeat(2,1fr)}}.radius-card{background:var(--surface);border:1px solid var(--line-strong);flex-direction:column;align-items:center;gap:.6rem;padding:.9rem;display:flex}.radius-shape{background:var(--red);width:3.2rem;height:3.2rem}.radius-card .lbl{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--body-text);font-size:.5rem}.cmp-block{background:var(--surface);border:1px solid var(--line-strong);border-radius:.3rem;margin-bottom:1.2rem;padding:1.6rem}.cmp-block h4{font-family:var(--serif);letter-spacing:-.01em;margin-bottom:.4rem;font-size:1.4rem;font-weight:400}.cmp-block .cmp-desc{color:var(--body-text);margin-bottom:1.2rem;font-size:.7rem;line-height:1.5}.cmp-row{border-top:1px dashed var(--line-strong);flex-wrap:wrap;align-items:center;gap:.8rem;padding-top:1.2rem;display:flex}.ds-btn{font-size:.75rem;font-weight:500;font-family:var(--sans);cursor:pointer;border:0;border-radius:49.95rem;align-items:center;gap:.5rem;padding:.7rem 1.1rem;transition:transform .2s,background .2s,color .2s;display:inline-flex}.ds-btn-primary{background:var(--red);color:var(--white)}.ds-btn-primary:hover{transform:translateY(-.1rem)}.ds-btn-ghost{border:1px solid var(--line-strong);color:var(--ink);background:0 0}.ds-btn-ghost:hover{background:#ffffff0d}.ds-btn-ink{background:var(--white);color:var(--midnight-blue)}.ds-btn-ink:hover{transform:translateY(-.1rem)}.ds-btn-link{color:var(--red);text-underline-offset:.2rem;background:0 0;border:0;padding:0;text-decoration:underline}.ds-btn-sm{padding:.4rem .7rem;font-size:.65rem}.ds-tag{font-family:var(--mono);color:var(--body-text);border:1px solid var(--line-strong);text-transform:uppercase;letter-spacing:.04em;border-radius:49.95rem;padding:.3rem .6rem;font-size:.55rem;display:inline-block}.ds-tag.solid{background:var(--red);border-color:var(--red);color:var(--white)}.ds-tag.outline{border-color:var(--red);color:var(--red)}.card-demo{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:.3rem;flex-direction:column;gap:.7rem;max-width:19rem;padding:1.4rem;display:flex}.card-demo .card-eyebrow{font-family:var(--mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.55rem}.card-demo .card-title{font-family:var(--serif);letter-spacing:-.01em;font-size:1.6rem;line-height:1.05}.card-demo .card-title em{color:var(--body-text);font-style:italic}.card-demo p{color:var(--body-text);font-size:.7rem;line-height:1.5}.input-demo{flex-direction:column;gap:.4rem;max-width:18rem;display:flex}.input-demo label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-size:.55rem}.input-demo input,.input-demo textarea{border:0;border-bottom:1px solid var(--line-strong);color:var(--white);font-family:var(--sans);background:0 0;padding:.5rem 0;font-size:.8rem}.input-demo input:focus,.input-demo textarea:focus{border-bottom-color:var(--red);outline:none}.princ{background:var(--line-strong);border:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}@media (max-width:900px){.princ{grid-template-columns:1fr}}.princ>div{background:var(--bg);flex-direction:column;gap:.7rem;min-height:13rem;padding:1.6rem;display:flex}.princ .pn{font-family:var(--mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.55rem}.princ h5{font-family:var(--serif);letter-spacing:-.01em;font-size:1.6rem;font-weight:400;line-height:1.05}.princ h5 em{color:var(--body-text);font-style:italic}.princ p{color:var(--body-text);margin-top:auto;font-size:.7rem;line-height:1.55}.ds-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:2rem 0 2.4rem;display:flex}.ds-footer .f-meta{font-family:var(--mono);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.55rem}.logo-grid{background:var(--line-strong);border:1px solid var(--line-strong);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:1.6rem;display:grid}@media (max-width:900px){.logo-grid{grid-template-columns:1fr}}.logo-cell{background:var(--surface);justify-content:center;align-items:center;min-height:10rem;padding:2.4rem;display:flex;position:relative}.logo-cell.light{background:var(--white)}.logo-cell.red{background:var(--red)}.logo-cell .ll{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--body-text);font-size:.5rem;position:absolute;top:.7rem;left:.9rem}.logo-cell.light .ll{color:var(--midnight-blue)}.logo-cell.red .ll{color:var(--white)}.logo-mark{font-family:var(--serif);letter-spacing:-.03em;align-items:center;gap:.4rem;font-size:4.2rem;font-style:italic;line-height:1;display:flex}.logo-cell.light .logo-mark{color:var(--midnight-blue)}.logo-cell .dotmark{background:var(--red);border-radius:50%;width:.7rem;height:.7rem;display:inline-block}.logo-cell.red .dotmark{background:var(--white)}.voice-example{background:var(--surface);border:1px solid var(--line-strong);border-radius:.3rem;margin-top:3.2rem;padding:1.6rem}.voice-grid{grid-template-columns:1fr 1fr;gap:1.6rem;display:grid}@media (max-width:720px){.voice-grid{grid-template-columns:1fr}}