.font-use-cases{border-top:1px solid var(--line,#303034);margin:64px 0;padding-top:32px}.font-use-cases h2{letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(24px,3vw,36px)}.font-use-intro{color:#c6c6cc;max-width:76ch;line-height:1.8}.font-use-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0;display:grid}.font-use-grid article{background:#18181b;border:1px solid #343439;min-width:0;padding:24px}.font-use-grid h3,.font-use-limit h3{margin:0 0 14px;font:600 15px/1.5 system-ui,sans-serif}.font-use-sample{color:#f5f1e8;align-items:center;min-height:132px;margin-bottom:20px;display:flex}.font-use-sample .font-line{overflow-wrap:anywhere;line-height:1.25;font-size:clamp(30px,4.3vw,64px)!important}.font-use-grid article>p,.font-use-limit p{color:#c6c6cc;margin:0;line-height:1.8}.font-use-limit{border-left:2px solid #a8a8ad;max-width:80ch;padding-left:20px}.font-use-links{flex-wrap:wrap;gap:12px 28px;margin-top:24px;font-size:14px;display:flex}.font-use-links a{text-underline-offset:4px;text-decoration:underline}@media (max-width:600px){.font-use-cases{margin:40px 0;padding-top:24px}.font-use-grid{grid-template-columns:1fr;gap:16px}.font-use-grid article{padding:20px}.font-use-sample{min-height:100px}.font-use-sample .font-line{font-size:clamp(30px,8vw,48px)!important}}