.primary-category-banner{position:relative;isolation:isolate;display:grid;align-items:center;min-height:340px;overflow:hidden;background:#5686a9}
.primary-category-banner-image,.primary-category-banner-shade{position:absolute;inset:0;width:100%;height:100%}
.primary-category-banner-image{z-index:-2;object-fit:cover;object-position:center 54%}
.primary-category-banner-shade{z-index:-1;background:linear-gradient(90deg,rgba(6,25,42,.08) 0%,rgba(6,25,42,0) 42%,rgba(6,25,42,.12) 100%)}
.primary-category-banner-content{display:flex;justify-content:flex-end;align-items:center;padding:2.1rem 0}
.primary-category-banner h1{box-sizing:border-box;width:min(520px,48%);margin:0;padding:1.25rem 1.5rem;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:rgba(13,34,52,.68);box-shadow:0 18px 45px rgba(5,22,35,.16);color:#fff;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:750;line-height:1.08;letter-spacing:-.04em;text-align:center;text-wrap:balance;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.primary-category-intro{background:#eff6fb;border-bottom:1px solid #dce4ec}
.primary-category-intro p{max-width:880px;margin:0;padding:1.05rem 0;color:#36516a;font-size:1.05rem;line-height:1.55}
@media(max-width:620px){.primary-category-banner{min-height:250px;align-items:end}.primary-category-banner-image{object-position:36% center}.primary-category-banner-shade{background:linear-gradient(180deg,rgba(6,25,42,.02) 25%,rgba(6,25,42,.24) 100%)}.primary-category-banner-content{justify-content:center;padding:0 0 1rem}.primary-category-banner h1{width:100%;padding:.8rem 1rem;font-size:clamp(2.35rem,9vw,3rem)}.primary-category-intro p{font-size:.95rem}}