.ci{--navy:#0b1f4d;max-width:1400px;padding:clamp(32px, 5vw, 64px) clamp(16px, 6vw, var(--page-px)) clamp(48px, 7vw, 96px);box-sizing:border-box;color:var(--navy);margin:0 auto}.ci-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(16px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}.ci-card{box-sizing:border-box;height:100%;color:var(--navy);background:#fff;border-radius:28px;flex-direction:column;padding:10px;text-decoration:none;transition:box-shadow .35s,transform .35s;display:flex;box-shadow:0 2px 8px #102b500f,0 16px 40px -20px #102b502e}.ci-card:hover{transform:translateY(-6px);box-shadow:0 8px 16px #102b5014,0 32px 64px -20px #2365c752}.ci-card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.ci-media{aspect-ratio:4/3;background:radial-gradient(at 50% 60%,#fff 0%,#0000 52%),linear-gradient(145deg,#e7f1fc,#f6f9fe 70%);border-radius:20px;display:block;overflow:hidden}.ci-media img{object-fit:cover;width:100%;height:100%;transition:transform .45s;display:block}.ci-card:hover .ci-media img{transform:scale(1.05)}.ci-body{flex-direction:column;flex:1;gap:6px;padding:18px 14px 12px;display:flex}.ci-parent{color:#245ca8;letter-spacing:.06em;text-transform:uppercase;background:#edf4fd;border-radius:6px;align-self:flex-start;padding:4px 9px;font-size:.6875rem;font-weight:700}.ci-name{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.1875rem,1.6vw,1.4375rem);font-weight:700;line-height:1.2}.ci-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:14px;display:flex}.ci-count{color:#4a5468;font-size:.875rem}.ci-btn{color:#fff;background:var(--navy);border-radius:999px;align-items:center;gap:8px;min-height:24px;padding:9px 16px;font-size:.8125rem;font-weight:700;transition:background .3s;display:inline-flex}.ci-card:hover .ci-btn,.ci-card:focus-visible .ci-btn{background:var(--color-primary)}.ci-all{text-align:center;color:#4a5468;margin:clamp(28px,4vw,40px) 0 0}.ci-all a{color:var(--color-primary);font-weight:600}@media (prefers-reduced-motion:reduce){.ci-card,.ci-media img,.ci-btn{transition:none}.ci-card:hover,.ci-card:hover .ci-media img{transform:none}}
