.type-hero{border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-rows:1fr auto;grid-template-columns:1fr .55fr;min-height:500px;margin:72px 0;display:grid;overflow:hidden}.type-hero>div:first-child{flex-direction:column;justify-content:space-between;padding:44px;display:flex}.type-hero>div:first-child>span{color:var(--muted);font-size:var(--text-small);font-weight:700}.type-hero h2{font-size:var(--text-h1);letter-spacing:-.04em;margin:28px 0 auto}.type-hero>div:first-child>p{color:var(--muted);letter-spacing:.16em;line-height:1.8;font-size:var(--text-small);margin:24px 0 0}.type-specimen{background:var(--viva-cyan);color:var(--viva-navy);flex-direction:column;justify-content:space-between;padding:36px;display:flex}.type-specimen b{letter-spacing:-.08em;font-size:clamp(100px,13vw,190px);line-height:.8}.type-specimen p{font-size:var(--text-small);margin:40px 0 0;line-height:1.7}.weight-row{background:var(--surface);grid-column:1/-1;grid-template-columns:repeat(5,1fr);gap:16px;padding:20px 24px;display:grid}.weight-row span{color:var(--muted);font-size:var(--text-small);display:grid}.weight-row b{color:var(--ink);font-size:var(--text-small);margin-top:4px}.type-scale{border-top:1px solid var(--border)}.type-scale article{border-bottom:1px solid var(--border);grid-template-columns:190px 1fr;align-items:baseline;gap:24px;padding:20px 24px;display:grid;overflow:hidden}.type-scale article>div{gap:4px;display:grid}.type-scale span{font-weight:700;font-size:var(--text-small)}.type-scale small{color:var(--muted);font-size:var(--text-small)}.type-scale code{color:var(--viva-violet-readable);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-caption)}[data-theme=dark] .type-scale code{color:var(--cornflower)}.type-scale p{white-space:nowrap;letter-spacing:-.03em;margin:0;overflow:hidden}.type-display{font-size:var(--text-display);font-weight:800}.type-h1{font-size:var(--text-h1);font-weight:700}.type-h2{font-size:var(--text-h2);font-weight:700}.type-h3{font-size:var(--text-h3);font-weight:600}.type-h4{font-size:var(--text-h4);font-weight:600}.type-body-xl{font-size:var(--text-body-xl)}.type-body-lg{font-size:var(--text-body-lg)}.type-body{font-size:var(--text-body)}.type-small{font-size:var(--text-small)}.type-caption{font-size:var(--text-caption);font-weight:500}.type-playground{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.type-controls{background:var(--surface);border-bottom:1px solid var(--border);grid-template-columns:1.4fr repeat(4,1fr) auto;align-items:flex-end;gap:12px;padding:20px;display:grid}.type-reset{min-width:102px}.type-canvas{align-items:center;min-height:330px;padding:44px;display:flex;overflow:hidden}.type-canvas p{overflow-wrap:anywhere;max-width:100%;margin:0}.editorial-type{border-radius:var(--radius-lg);background:var(--deep-purple);color:#fff;grid-template-columns:.75fr 1.25fr;align-items:center;gap:56px;margin-top:72px;padding:clamp(36px,6vw,68px);display:grid}.editorial-type span{color:#bcb1d1;font-size:var(--text-small);font-weight:700}.editorial-type h2{font-size:var(--text-h3);margin:12px 0}.editorial-type>div p{color:#d0c8de;font-size:var(--text-small);line-height:1.65}.editorial-type blockquote{font-family:Georgia,Times New Roman,serif;font-size:var(--text-h1);letter-spacing:-.035em;margin:0;line-height:1.02}.editorial-type blockquote em{color:var(--viva-coral)}.editorial-type blockquote{font-family:var(--font-fraunces);padding-bottom:4px;font-weight:600;line-height:1.08}.font-downloads{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:-28px 0 8px}.font-downloads article{justify-content:space-between;align-items:center;gap:28px;min-height:112px;padding:20px 0;display:flex}.font-downloads article+article{border-top:1px solid var(--border)}.font-downloads__note{color:var(--muted);font-size:var(--text-small);margin:20px 0 0;line-height:1.6}.font-downloads__note a{color:var(--viva-violet-readable);text-underline-offset:3px;font-weight:700;text-decoration:underline}[data-theme=dark] .font-downloads__note a{color:var(--cornflower)}.font-downloads span{color:var(--viva-violet);font-size:var(--text-small);font-weight:800}.font-downloads h3{font-size:var(--text-h4);margin:4px 0 2px}.font-downloads p{color:var(--muted);font-size:var(--text-small);margin:0}.font-actions{flex-shrink:0;gap:8px;display:flex}@media (max-width:1180px){.type-controls{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.editorial-type,.type-hero{grid-template-columns:1fr}.type-specimen{min-height:300px}.weight-row{grid-column:1}}@media (max-width:640px){.type-hero{margin:52px 0}.type-hero>div:first-child{padding:28px}.weight-row{grid-template-columns:repeat(2,1fr)}.type-scale article{grid-template-columns:1fr;gap:12px}.type-scale p{white-space:normal}.type-controls{grid-template-columns:1fr 1fr}.type-reset{grid-column:1/-1}.type-canvas{min-height:260px;padding:24px}.editorial-type{gap:36px;padding:32px 24px}.font-downloads{margin-top:-12px}.font-downloads article{flex-direction:column;align-items:flex-start}.font-actions{flex-wrap:wrap;width:100%}.font-actions .button{flex:1}}.type-scale{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.type-scale article:last-child{border-bottom:0}