.of-case{background:var(--of-card);border-radius:20px;color:#fff;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:background .2s}.of-case:hover{background:var(--of-card-2);color:#fff}.of-case[hidden]{display:none}.of-case__img{aspect-ratio:16/9;background:var(--of-card-2)}.of-case__img img{display:block;height:100%;object-fit:cover;width:100%}.of-case__body{display:flex;flex:1;flex-direction:column;gap:18px;min-height:240px;padding:28px}.of-case__tags{display:flex;flex-wrap:wrap;gap:6px}.of-case__title{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.25;text-wrap:pretty}.of-cols-2 .of-case__title{font-size:24px}.of-case__foot{border-top:1px solid var(--of-line);font-size:14px;font-weight:600;justify-content:space-between;margin-top:auto;padding-top:16px}.of-case__foot,.of-filters{align-items:center;display:flex}.of-filters{flex-wrap:wrap;gap:8px;margin-bottom:28px}.of-filters__count{color:var(--of-dim);font:500 12px var(--of-mono);margin-left:auto}.of-feat{background:var(--of-mint);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;margin-top:16px;overflow:hidden;text-decoration:none}.of-feat,.of-feat:hover{color:var(--of-ink)}.of-feat__body{align-items:flex-start;display:flex;flex-direction:column;gap:22px;padding:48px}.of-feat__title{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.03em;line-height:1.1;text-wrap:pretty}.of-feat__sum{font-size:16px;line-height:1.55;margin:0}.of-feat__body .of-btn{margin-top:auto}.of-feat__img{background:#5be88c;min-height:420px}.of-feat__img img{display:block;height:100%;object-fit:cover;width:100%}@media (max-width:800px){.of-feat{grid-template-columns:1fr}.of-feat__body{padding:32px}.of-feat__img{min-height:240px}}