.website-fonts>h2{line-height:1.05}
.brand-font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.brand-font-card{min-height:330px;padding:28px;border:1px solid #43373a45;background:var(--paper);display:flex;flex-direction:column}
.brand-font-card:nth-child(2){background:var(--pink)}
.brand-font-card:nth-child(3){background:var(--lilac)}
.brand-font-card:nth-child(4){background:var(--blue)}
.brand-font-card>span{font:9px var(--mono);letter-spacing:.12em}
.brand-font-card h3{margin:18px 0 26px;font:24px var(--sans);font-weight:500;text-transform:none}
.brand-font-card .font-specimen{margin:0 0 28px}
.brand-font-card small{margin-top:auto;font:11px/1.65 var(--sans)}
.font-italiana .font-specimen{font:clamp(42px,5vw,72px)/1 var(--serif)}
.font-manrope .font-specimen{font:22px/1.5 var(--sans)}
.font-dm-mono .font-specimen{font:15px/1.8 var(--mono);letter-spacing:.06em}
.font-hand .font-specimen{font:32px/1.2 "Bradley Hand",cursive;transform:rotate(-2deg)}
.font-source{grid-column:1/-1;margin:14px 0 0;font:11px/1.7 var(--mono)}
@media(max-width:700px){.brand-font-grid{grid-template-columns:1fr}.brand-font-card{min-height:290px;padding:24px}}