/* A shared frame keeps the approved illustrated hub banners in alignment. */
body :is(.l-hero-inner,.r-hero-inner,.sw-hero-inner,.tc-hero-inner){min-height:580px;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:24px;align-items:center}
body :is(.l-hero-copy,.r-hero-copy,.sw-hero-copy,.tc-hero-copy){min-width:0;padding-block:40px}
body :is(.l-hero-art,.r-hero-art,.sw-hero-art,.tc-hero-art){position:relative;min-height:0;height:auto;width:100%;max-width:none;align-self:stretch;margin:0}
body :is(.l-hero-art,.r-hero-art,.sw-hero-art,.tc-hero-art)>img{position:absolute;right:-32px;bottom:0;width:calc(100% + 48px);height:100%;max-height:100%;max-width:none;margin:0;object-fit:contain;object-position:right bottom}
body .sw-hero,body .sw-sidebar nav a[aria-current]{background:#c9deeb}
body .sw-hero-subtitle{color:#1e2d4d}
body .tc-hero{background:#e2bf61}
@media(min-width:701px) and (max-width:1100px){
 body :is(.l-hero-inner,.r-hero-inner,.sw-hero-inner,.tc-hero-inner){min-height:520px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
 body .l-hero h1{font-size:5.3vw}
 body .r-hero h1{font-size:clamp(2.5rem,4.8vw,3.4rem)}
 body .r-hero-copy p{font-size:16px}
}
@media(max-width:700px){
 body :is(.l-hero-inner,.r-hero-inner,.sw-hero-inner,.tc-hero-inner){min-height:0;grid-template-columns:minmax(0,1fr);gap:0;width:calc(100% - 2rem)}
 body :is(.l-hero-copy,.r-hero-copy,.sw-hero-copy,.tc-hero-copy){min-height:480px;padding:32px 0 16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:100%}
 body :is(.l-hero-art,.r-hero-art,.sw-hero-art,.tc-hero-art){height:260px;min-height:0;margin:0}
 body :is(.l-hero-art,.r-hero-art,.sw-hero-art,.tc-hero-art)>img{right:-16px;width:calc(100% + 32px);height:100%;max-height:100%;max-width:none;margin:0}
}