.hc{padding:28px 0 44px;background:var(--grey)}.hc-band{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 22px;border-radius:18px;background:linear-gradient(100deg, #dfe4ea, #f3f4f6)}.hc-band h2{margin:0;font-size:clamp(20px, 1.9vw, 26px);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--night)}.hc-band p{margin:3px 0 0;max-width:720px;font-size:14px;line-height:1.45;color:var(--ink-2)}.hc-band > span{flex:none;font-size:13px;font-weight:600;color:var(--ink-2)}.hc-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:18px;margin-top:18px}.hc-c{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(4, 28, 44, .05), 0 10px 26px -14px rgba(4, 28, 44, .22);transition:transform .35s var(--ease), box-shadow .35s var(--ease)}.hc-c:hover{transform:translateY(-5px);box-shadow:0 2px 4px rgba(4, 28, 44, .06), 0 24px 44px -18px rgba(4, 28, 44, .36)}.hc-m{position:relative;display:block;overflow:hidden;background:#d6d7da}.hc-m img{display:block;width:100%;height:auto;transition:transform .7s var(--ease)}.hc-c:hover .hc-m img{transform:scale(1.04)}.hc-c h3{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.25}.hc-c h3 a{color:var(--night);transition:color .2s}.hc-c:hover h3 a{color:var(--navy-2)}.hc-c h3 + p{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:var(--muted)}.hc-bt{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:12px}.hc-bt a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 8px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap;transition:background-color .2s, color .2s}.hc-q{background:var(--navy);color:#fff}.hc-q:hover{background:var(--navy-2)}.hc-v{box-shadow:inset 0 0 0 1.5px #c6ccd3;color:var(--ink)}.hc-v:hover{box-shadow:inset 0 0 0 1.5px var(--navy);color:var(--navy)}.hc-1c{padding:8px}.hc-1c .hc-m{border-radius:14px}.hc-1c .hc-b{display:flex;flex:1;flex-direction:column;padding:14px 8px 8px}@media (max-width: 1200px){.hc-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media (max-width: 640px){.hc{padding:18px 0 28px}.hc-band{display:block;padding:14px 16px;border-radius:14px}.hc-band p{font-size:16px}.hc-band > span{display:block;margin-top:6px}.hc-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;margin-top:12px}.hc-c{border-radius:16px}.hc-1c{padding:6px}.hc-1c .hc-m{border-radius:11px}.hc-1c .hc-b{padding:10px 4px 6px}.hc-c h3{font-size:14.5px}.hc-c h3 + p{font-size:12.5px}.hc-bt{grid-template-columns:1fr;gap:6px}.hc-bt a{min-height:44px}}