.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:var(--of-ink)}.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}}.of-card__img--top{aspect-ratio:16/10;background:var(--of-card-2);border-radius:18px 18px 0 0;margin:-28px -28px 6px;overflow:hidden}.of-card--compact .of-card__img--top,.of-card--line .of-card__img--top{border-radius:14px;margin:0 0 6px}.of-card__img--top img{display:block;height:100%;object-fit:cover;width:100%}.of-card__img--small{align-items:center;display:flex;height:56px;width:56px}.of-card__img--small img{display:block;height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.of-card--compact .of-card__img--small{height:36px;margin-bottom:auto;width:auto}.of-card__icon{align-items:center;background:var(--of-mint);border-radius:50%;color:var(--of-ink);display:flex;flex:none;height:52px;justify-content:center;width:52px}.of-card__icon svg{fill:currentColor;height:22px;width:22px}.of--light .of-card--line .of-card__icon,.of--light .of-card--outline .of-card__icon,.of--mint .of-card__icon,.of-card--mint .of-card__icon{background:var(--of-ink);color:var(--of-mint)}.of-card--hasimg.of-card--tall{min-height:0}