/* Restore Home Help — company/legal hero aligned to the approved homepage/Basement system. */
.article-page .article-hero{position:relative;overflow:hidden;background:#08283c;isolation:isolate}
.article-page .article-hero:before{content:'';position:absolute;inset:0;background:url('/assets/rhh-company-legal-brand-visual.webp') center center/cover no-repeat;z-index:0;pointer-events:none}
.article-page .article-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,29,.82) 0%,rgba(5,20,29,.69) 27%,rgba(5,20,29,.28) 49%,rgba(5,20,29,.04) 72%),linear-gradient(180deg,rgba(4,20,29,.04) 52%,rgba(4,20,29,.28) 100%);z-index:1;pointer-events:none}
.article-page .article-hero-grid{position:relative;z-index:2;display:block;min-height:500px}
.article-page .article-hero-grid>div:first-child{display:flex;flex-direction:column;justify-content:center;max-width:720px;min-height:500px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.article-page .article-content>*.reveal{transition-duration:.38s}.article-page .article-content .intro-card,.article-page .article-step,.article-page .sourcebox{position:relative;overflow:hidden}.article-page .article-content .intro-card:after,.article-page .sourcebox:after{content:'';position:absolute;right:-42px;bottom:-55px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(46,183,166,.12),transparent 70%);pointer-events:none}
@media(max-width:900px){.article-page .article-hero:before{background-position:center center}.article-page .article-hero-grid{min-height:440px}.article-page .article-hero-grid>div:first-child{max-width:680px;min-height:440px}}
@media(max-width:600px){.article-page .article-hero{padding:0}.article-page .article-hero:before{background-position:center center}.article-page .article-hero:after{background:linear-gradient(90deg,rgba(5,20,29,.88) 0%,rgba(5,20,29,.72) 48%,rgba(5,20,29,.38) 100%),linear-gradient(180deg,rgba(4,20,29,.06) 45%,rgba(4,20,29,.34) 100%)}.article-page .article-hero-grid{min-height:420px}.article-page .article-hero-grid>div:first-child{min-height:420px;padding:48px 0}}

/* Shared full-bleed article hero: uses each page's existing approved <img> as the background layer. */
.article-page .article-hero.article-hero-fullbleed{padding:0!important;min-height:675px!important}
.article-page .article-hero.article-hero-fullbleed:before{display:none!important}
.article-page .article-hero.article-hero-fullbleed .article-hero-grid{position:static!important;display:block!important;width:min(1320px,calc(100% - 48px))!important;min-height:675px!important;margin:0 auto!important}
.article-page .article-hero.article-hero-fullbleed .article-hero-grid>div:first-child{position:relative;z-index:2;width:min(560px,46%);max-width:560px;min-height:675px;padding:58px 0;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.article-page .article-hero.article-hero-fullbleed .article-hero-visual{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;min-height:100%!important;border-radius:0!important;background:none!important;overflow:hidden!important}
.article-page .article-hero.article-hero-fullbleed .article-hero-visual img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;border-radius:0!important}
.article-page .article-hero.article-hero-fullbleed .breadcrumbs,.article-page .article-hero.article-hero-fullbleed .breadcrumbs a{color:rgba(255,255,255,.82)!important}
.article-page .article-hero.article-hero-fullbleed .article-hero-grid>div:first-child>p{max-width:510px;color:rgba(255,255,255,.96)!important;text-shadow:0 2px 16px rgba(0,0,0,.42)}
@media(max-width:900px){.article-page .article-hero.article-hero-fullbleed{min-height:560px!important}.article-page .article-hero.article-hero-fullbleed .article-hero-grid{width:100%!important;min-height:560px!important;padding:0 5vw!important}.article-page .article-hero.article-hero-fullbleed .article-hero-grid>div:first-child{width:min(650px,100%);max-width:650px;min-height:560px;padding:48px 0 54px}}
