/* H4H Step 4B Fix 9F — final About Hero visual-fill contract.
   Standard internal Hero artwork: 1920 × 560 px (24:7). HiDPI: 3840 × 1120 px.
   Legacy artwork remains fully visible via contain; a softened cover copy fills any ratio mismatch. */

.h4h-about-page-step1 .h4h-about-hero-v9f{
    height:560px!important;
    min-height:560px!important;
    position:relative!important;
    overflow:hidden!important;
    isolation:isolate!important;
    background:#161616!important;
    border:0!important;
    box-shadow:none!important;
}

/* Full-frame filler — never presented as the primary artwork. */
.h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-bgfill-v9f{
    display:block!important;
    position:absolute!important;
    inset:-34px!important;
    width:calc(100% + 68px)!important;
    height:calc(100% + 68px)!important;
    object-fit:cover!important;
    object-position:center!important;
    filter:blur(22px) saturate(.86) brightness(.76)!important;
    transform:scale(1.055)!important;
    opacity:.96!important;
    z-index:0!important;
    pointer-events:none!important;
}

/* Primary artwork — always fully visible and never cropped. */
.h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-image-v9f{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
    z-index:1!important;
}

/* Same simple readability shadow used by the internal image-Hero family. */
.h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-overlay-v9f{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    background:rgba(0,0,0,.28)!important;
    z-index:2!important;
    pointer-events:none!important;
}

.h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-content-v9f{
    height:560px!important;
    min-height:560px!important;
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    padding:38px 24px!important;
    text-align:center!important;
    color:#fff!important;
}

.h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-center-step1,
.h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-intro-step1{
    position:relative!important;
    z-index:4!important;
}

.h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-center-step1>span{
    color:#f28a16!important;
    font-size:14px!important;
    font-weight:700!important;
    text-shadow:0 2px 7px rgba(0,0,0,.72)!important;
}

.h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-center-step1 h1{
    font-family:"Cairo",sans-serif!important;
    font-size:50px!important;
    line-height:1.15!important;
    font-weight:800!important;
    color:#fff!important;
    text-shadow:0 3px 12px rgba(0,0,0,.72)!important;
}

.h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-intro-step1{
    width:min(100%,720px)!important;
    max-width:720px!important;
    margin:16px auto 0!important;
    color:#fff!important;
    font-family:"Cairo",sans-serif!important;
    font-size:16px!important;
    line-height:1.85!important;
    font-weight:500!important;
    text-align:center!important;
    text-shadow:0 2px 9px rgba(0,0,0,.88)!important;
}

/* Remove any older decorative bands/shadows from the About Hero only. */
.h4h-about-page-step1 .h4h-about-hero-v9f::before,
.h4h-about-page-step1 .h4h-about-hero-v9f::after{
    content:none!important;
    display:none!important;
}

@media(max-width:980px){
    .h4h-about-page-step1 .h4h-about-hero-v9f,
    .h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-content-v9f{
        height:430px!important;
        min-height:430px!important;
    }
    .h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-center-step1 h1{font-size:43px!important}
    .h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-intro-step1{font-size:15px!important;max-width:640px!important}
}

@media(max-width:680px){
    .h4h-about-page-step1 .h4h-about-hero-v9f,
    .h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-content-v9f{
        height:360px!important;
        min-height:360px!important;
    }
    .h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-content-v9f{padding:26px 20px!important}
    .h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-center-step1 h1{font-size:34px!important}
    .h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-center-step1>span{font-size:12px!important}
    .h4h-about-page-step1 .h4h-about-hero-v9f .h4h-about-hero-intro-step1{
        font-size:13px!important;
        line-height:1.7!important;
        margin-top:11px!important;
        display:-webkit-box!important;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        overflow:hidden!important;
    }
}