
/* Build 162: original illustrated hub covers */
.hub-cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hub-cover-card{min-width:0}
.hub-cover-link{position:relative;display:block;min-height:360px;border-radius:24px;overflow:hidden;background:#17343c;box-shadow:0 18px 46px rgba(8,25,31,.18);isolation:isolate;text-decoration:none;color:#fff;outline-offset:5px}
.hub-cover-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.hub-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,20,25,.05) 15%,rgba(7,20,25,.52) 55%,rgba(7,20,25,.96) 100%);z-index:1}
.hub-cover-content{position:absolute;inset:auto 0 0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:26px}
.hub-cover-kicker{font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#f3c56a}
.hub-cover-content strong{font-family:Manrope,Inter,sans-serif;font-size:clamp(1.35rem,2.2vw,1.85rem);line-height:1.12;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.hub-cover-content>span:not(.hub-cover-kicker):not(.hub-cover-cta){font-size:.96rem;line-height:1.5;color:rgba(255,255,255,.92);max-width:34ch;text-shadow:0 1px 8px rgba(0,0,0,.65)}
.hub-cover-cta{display:inline-flex;align-items:center;gap:8px;margin-top:5px;padding:11px 17px;border-radius:999px;background:#d9a441;color:#10262d;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.hub-cover-link:hover img,.hub-cover-link:focus-visible img{transform:scale(1.035)}
.hub-cover-link:hover .hub-cover-cta,.hub-cover-link:focus-visible .hub-cover-cta{background:#f0c368}
@media(max-width:980px){.hub-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-cover-link{min-height:340px}}
@media(max-width:620px){.hub-cover-grid{grid-template-columns:1fr;gap:18px}.hub-cover-link{min-height:330px;border-radius:20px}.hub-cover-content{padding:22px}.hub-cover-content strong{font-size:1.55rem}.hub-cover-content>span:not(.hub-cover-kicker):not(.hub-cover-cta){font-size:.95rem}.page-hero-inner{gap:20px}}
@media(prefers-reduced-motion:reduce){.hub-cover-link img{transition:none}}
