.fonts-page{max-width:var(--page-max);margin:0 auto;padding:0 24px 40px}.fonts-page a:not(.landing-button){color:inherit}.fonts-page p a,.fonts-page li a.fonts-link,.fonts-link{color:var(--ink);text-underline-offset:4px;font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px}.fonts-page p a:hover,.fonts-link:hover{text-decoration-thickness:2.5px}.fonts-page h2{letter-spacing:-.02em;font-size:clamp(1.625rem,3vw,2.125rem);font-weight:700;line-height:1.1}.fonts-page h3{letter-spacing:-.01em;font-size:1.1875rem;font-weight:700}.fonts-prose p,.fonts-page .fonts-prose li{color:var(--soft);max-width:40rem;font-size:1.0625rem;line-height:1.6}.fonts-prose p+p{margin-top:14px}.fonts-intro{padding:40px 0 56px;position:relative}.fonts-intro:before{content:"";z-index:0;pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0 39px, var(--rule) 39px 40px);position:absolute;inset:0 -100vw;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}.fonts-intro>*{position:relative}.fonts-intro h1{letter-spacing:-.035em;text-wrap:balance;max-width:15ch;font-size:clamp(2.5rem,5.6vw,4.75rem);font-weight:700;line-height:1}.fonts-intro p{max-width:40rem;color:var(--soft);margin-top:24px;font-size:1.1875rem;line-height:1.55}.fonts-intro p+p{margin-top:14px}.fonts-group{padding-top:56px}.fonts-group>p{color:var(--soft);margin-top:8px;font-size:1.0625rem}.fonts-list{border-bottom:1px solid var(--rule);margin-top:20px}.fonts-row{border-top:1px solid var(--rule);border-radius:2px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:32px;padding:18px 0;display:grid}.fonts-row:hover .fonts-row-name{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.fonts-row-specimen{aspect-ratio:5.2;width:100%;color:var(--ink);display:block}.fonts-row-name{letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.fonts-row-kind{color:var(--soft);margin-top:2px;font-size:.875rem;display:block}.fonts-row-lede{color:var(--soft);margin-top:8px;line-height:1.5;display:block}.fonts-next{border-top:2px solid var(--text);gap:18px;margin-top:72px;padding-top:32px;display:grid}.fonts-next p{max-width:40rem;color:var(--soft);font-size:1.0625rem;line-height:1.6}.fonts-next .landing-button{justify-self:start}.font-crumbs{color:var(--soft);padding-top:16px;font-size:.9375rem}.font-crumbs ol{flex-wrap:wrap;gap:8px;display:flex}.font-crumbs li+li:before{content:"/";color:var(--rule);margin-right:8px}.font-crumbs a{color:var(--ink);font-weight:600}.font-crumbs a:hover{text-underline-offset:4px;text-decoration:underline}.font-head{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:24px 56px;padding:28px 0 36px;display:grid}.font-head h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.5rem,6vw,5rem);font-weight:700;line-height:.98}.font-head .font-lede{max-width:38rem;color:var(--soft);margin-top:20px;font-size:1.1875rem;line-height:1.55}.font-facts{grid-template-columns:auto minmax(0,1fr);gap:8px 20px;padding-bottom:6px;font-size:.9375rem;display:grid}.font-facts dt{color:var(--soft)}.font-facts dd{font-weight:600}.font-specimen{padding:28px max(24px, calc((100vw - var(--page-max) + 48px) / 2));background:repeating-linear-gradient(to bottom, transparent 0 47px, var(--rule) 47px 48px), var(--wash);margin:0 calc(50% - 50vw);position:relative}.font-specimen canvas{aspect-ratio:3.1;width:100%;color:var(--ink);display:block}.font-specimen figcaption{color:var(--soft);font-size:.875rem}.font-uses{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:64px 0 8px;display:grid}.font-uses>div{border-top:2px solid var(--text);padding-top:18px}.font-uses p{color:var(--soft);margin-top:10px;font-size:1.0625rem;line-height:1.6}.font-section{padding-top:72px}.font-section>p,.font-section>.fonts-prose{margin-top:14px}.font-glyph-group{margin-top:28px}.font-glyph-group h3{color:var(--soft);font-size:1rem;font-weight:600}.font-glyph-group h3 small{font-weight:400}.font-glyphs{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(auto-fill,minmax(64px,1fr));margin-top:10px;display:grid}.font-glyphs li{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);flex-direction:column;align-items:center;padding:6px 2px 4px;display:flex}.font-glyphs svg{width:100%;height:60px;color:var(--text);overflow:hidden}.font-glyphs li[data-composed] svg{color:var(--ink)}.font-glyphs .font-glyph-text{height:52px;color:var(--text);justify-content:center;align-items:center;font-size:34px;line-height:1;display:flex}.font-glyphs span:last-child{color:var(--soft);font-variant-numeric:tabular-nums;font-size:.75rem}.font-try .landing-demo{justify-content:flex-start;margin-top:32px}.font-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;display:grid}.font-licence blockquote{border-left:3px solid var(--ink);color:var(--soft);max-width:40rem;margin-top:16px;padding-left:16px;font-size:.9375rem;line-height:1.55}.font-download{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px;display:flex}.font-download-button{border:2px solid var(--ink);border-radius:999px;padding:12px 22px;font-weight:700;display:inline-block;color:var(--ink)!important}.font-download-button:hover{background:var(--wash)}.font-languages{gap:10px;max-width:44rem;margin-top:14px;display:grid}.font-languages li{color:var(--soft);font-size:1.0625rem;line-height:1.55}.font-languages strong{color:var(--text)}.font-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:24px;display:grid}.font-related a{border-top:1px solid var(--rule);padding-top:14px;display:block}.font-related canvas{aspect-ratio:3;width:100%;color:var(--ink);display:block}.font-related strong{margin-top:6px;font-size:1.125rem;display:block}.font-related span{color:var(--soft);margin-top:4px;font-size:.9375rem;line-height:1.45;display:block}.font-related a:hover strong{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.font-cta{border-top:2px solid var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;margin-top:88px;padding-top:32px;display:flex}.font-cta h2{max-width:22ch}@media (max-width:900px){.fonts-row{grid-template-columns:minmax(0,1fr);gap:8px}.font-head{grid-template-columns:minmax(0,1fr)}.font-uses{grid-template-columns:minmax(0,1fr);gap:32px}.font-split{grid-template-columns:minmax(0,1fr);gap:0}.font-related{grid-template-columns:minmax(0,1fr);gap:20px}}@media (max-width:640px){.fonts-page{padding:0 16px 32px}.fonts-intro{padding:16px 0 40px}.fonts-intro p{font-size:1.0625rem}.font-specimen{padding:20px 16px}.font-specimen canvas{aspect-ratio:1}.font-head .font-lede{font-size:1.0625rem}.font-section{padding-top:56px}.font-glyphs{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.font-glyphs svg,.font-glyphs .font-glyph-text{height:44px}.font-try .landing-demo{align-items:center}}.font-glyph-note{max-width:40rem;color:var(--soft);margin-top:4px;font-size:.9375rem;line-height:1.5}.font-text{max-width:40rem;color:var(--soft);margin-top:12px;font-size:1.0625rem;line-height:1.6}.font-section>.font-glyph-note,.font-licence>.font-glyph-note,.font-split .fonts-prose{margin-top:14px}