.catalog-font .catalog-grid,.fp-related .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.font-card{min-height:380px;color:var(--chocolate-deep);background:#fff;border-radius:14px;flex-direction:column;padding:28px 32px 26px;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s cubic-bezier(.2,.7,.2,1);display:flex;position:relative}.font-card:hover{transform:translateY(-6px);box-shadow:0 2px 6px #1c1e210a,0 18px 40px -12px #1c1e2124,0 40px 80px -30px #1c1e212e}.font-card>a{z-index:1;border-radius:inherit;position:absolute;inset:0}.font-card-head{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.font-card-head span:first-child{color:var(--burnt)}.font-card-head span:last-child{opacity:.55}.font-card-specimen{overflow-wrap:anywhere;flex:1;align-items:center;padding:30px 0;font-size:clamp(44px,4.2vw,84px);line-height:1.02;display:flex}.font-card-alpha{opacity:.5;letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;padding-bottom:22px;font-size:20px;overflow:hidden}.font-card-foot{border-top:1px solid color-mix(in oklab, var(--chocolate-deep) 10%, transparent);font-family:var(--font-sans);justify-content:space-between;align-items:baseline;gap:16px;padding-top:18px;display:flex}.font-card-foot strong,.font-card-foot span{font-size:20px;font-weight:600}.font-card-actions{z-index:2;opacity:0;gap:8px;transition:opacity .25s;display:flex;position:absolute;top:20px;right:22px}.font-card:hover .font-card-actions,.font-card-actions:focus-within,.font-card-actions .is-saved{opacity:1}.font-card-actions button{background:var(--cream);width:38px;height:38px;color:var(--chocolate-deep);border-radius:999px;place-items:center;transition:background .25s,color .25s,transform .25s;display:grid}.font-card-actions button svg{width:16px;height:16px}.font-card-actions button:hover{background:var(--chocolate-deep);color:var(--cream)}.font-card-actions button.is-saved{background:var(--burnt);color:var(--cream)}.font-card-actions button.is-saved svg{fill:currentColor}.font-card:hover .font-card-head span:last-child{opacity:0}@media (width<=767px){.catalog-font .catalog-grid{grid-template-columns:1fr}.font-card{min-height:300px;padding:22px}}.catalog-font .type-tester{border:0;border-radius:0;flex-direction:column;align-items:stretch;gap:14px;margin-bottom:40px;padding:36px 0 8px;display:flex}.catalog-font .type-tester span{letter-spacing:.26em;font-size:11px;font-weight:500}.catalog-font .type-tester input{width:100%;font-family:var(--font-sans);letter-spacing:-.01em;border-bottom:1px solid color-mix(in oklab, var(--chocolate-deep) 22%, transparent);padding:6px 0 16px;font-size:30px;font-style:normal;font-weight:400;transition:border-color .2s}.catalog-font .type-tester input::placeholder{color:color-mix(in oklab, var(--chocolate-deep) 35%, transparent)}.catalog-font .type-tester input:focus{border-bottom-color:var(--burnt)}@media (width<=767px){.catalog-font .type-tester input{font-size:22px}}.catalog-font .type-tester-bottom{margin-top:48px;padding-bottom:72px}.catalog-font .type-tester-bottom .type-tester{margin-bottom:0}