.colophon-main{padding-top:var(--space-xl);padding-bottom:var(--space-2xl)}.colophon-title{font-size:var(--text-3xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-m);border-bottom:1px solid var(--ink);font-weight:500}.colophon-grid{gap:var(--space-xl);grid-template-columns:1fr;display:grid}@media (min-width:768px){.colophon-grid{gap:var(--space-2xl);grid-template-columns:280px 1fr}}.colophon-info{gap:var(--space-l);flex-direction:column;display:flex}.colophon-block h2{font-variation-settings:"MONO" 100;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin-bottom:4px;font-size:11px;font-weight:500}.colophon-block p{font-size:var(--text-base);color:var(--ink);margin:0}.colophon-block p.meta{color:var(--ink-soft);font-size:13px}.colophon-block a{color:var(--ink);text-decoration:underline}.colophon-block a:hover{color:var(--accent)}.colophon-block .mono{font-variation-settings:"MONO" 100;font-size:12px}.colophon-specimens{gap:var(--space-xl);flex-direction:column;display:flex}.specimen-block h2{font-variation-settings:"MONO" 100;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin-bottom:var(--space-s);border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:11px;font-weight:500}.specimen-demo{flex-direction:column;gap:12px;display:flex}.specimen-row{align-items:baseline;gap:16px;display:flex}.specimen-label{font-variation-settings:"MONO" 100;color:var(--ink-soft);flex-shrink:0;width:40px;font-size:11px}.specimen-sample{font-size:var(--text-l);color:var(--ink)}.specimen-sans .specimen-sample{font-variation-settings:"MONO" 0}.specimen-semi .specimen-sample{font-variation-settings:"MONO" 50}.specimen-mono .specimen-sample{font-variation-settings:"MONO" 100}.color-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.color-chip{flex-shrink:0;width:24px;height:24px}.color-chip.color-ink{background:#17140f}.color-chip.color-blurple{background:#5865f2}.color-chip.color-green{background:#10b981}.color-row span{font-variation-settings:"MONO" 100;color:var(--ink);font-size:13px}.scale-demo{flex-direction:column;gap:8px;display:flex}.scale-demo p{color:var(--ink);margin:0;font-weight:500}.scale-demo .scale-4xl{font-size:var(--text-4xl)}.scale-demo .scale-2xl{font-size:var(--text-2xl)}.scale-demo .scale-l{font-size:var(--text-l)}.scale-demo .scale-base{font-size:var(--text-base);font-weight:400}