.of-grid{display:grid;gap:12px}.of-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.of-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.of-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.of-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.of-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.of-card{border-radius:18px;display:flex;flex-direction:column;gap:14px;padding:28px;position:relative}.of-card--card{background:var(--of-card);color:#fff}.of--card .of-card--card{background:var(--of-ink)}.of-card--outline{border:1px solid var(--of-line)}.of--light .of-card--card{background:#fff;color:var(--of-ink)}.of--light .of-card--outline{border-color:rgba(11,17,32,.15)}.of--mint .of-card--card{background:var(--of-ink);color:#fff}.of-card--line{border-radius:0;border-top:2px solid;padding:32px 32px 8px 0}.of-card--compact{border:1px solid var(--of-line);border-radius:14px;justify-content:flex-end;min-height:110px;padding:22px 18px}.of-card--compact .of-card__title{font-size:15px;font-weight:600}.of-card--mint{background:var(--of-mint);color:var(--of-ink)}.of-card--tall{min-height:280px}.of-card--tall .of-card__title{margin-top:auto}.of-card__top{display:flex;font:500 11px var(--of-mono);gap:8px;justify-content:space-between;letter-spacing:.06em;opacity:.75;text-transform:uppercase}.of-card__meta{color:var(--of-mint)}.of-card--mint .of-card__meta{color:var(--of-ink)}.of-card__num{color:var(--of-mint);font-size:clamp(48px,5vw,72px);font-weight:800;letter-spacing:-.05em;line-height:1}.of-card__num--sm{color:var(--of-orange);font:500 12px var(--of-mono);letter-spacing:0}.of--light .of-card__num:not(.of-card__num--sm){color:#2a8a55}.of-card__title{font-size:clamp(19px,1.8vw,24px);font-weight:700;letter-spacing:-.015em;line-height:1.18}.of-card--line .of-card__title{font-size:clamp(22px,2.2vw,28px);font-weight:800}.of-card__text{color:var(--of-muted);font-size:15px;line-height:1.55;margin:0;text-wrap:pretty}.of--light .of-card__text,.of--mint .of-card--outline .of-card__text,.of-card--mint .of-card__text{color:inherit;opacity:.8}.of--light .of-card--card .of-card__text{color:#4a5363;opacity:1}.of-card__list{display:flex;flex-direction:column;font-size:14px;gap:8px;list-style:none;margin:auto 0 0;padding:0}.of-card__list li{border-top:1px solid var(--of-line);padding-top:8px}.of-card__link{color:inherit;font-size:15px;font-weight:600;margin-top:auto;text-decoration:none}.of-card__link:after{content:"";inset:0;position:absolute}.of-card:has(.of-card__link):hover{transform:translateY(-2px)}.of-card{transition:transform .2s}@media (max-width:1000px){.of-cols-3,.of-cols-4,.of-cols-5,.of-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.of-grid{grid-template-columns:1fr!important}.of-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))!important}.of-card{grid-column:auto!important}.of-card--tall{min-height:0}}