/* v0.5.01 — all home hero slides use the approved continuous artwork layout. */

.z4-page .z4-hero{
    min-height:515px;
    max-width:1800px;
    margin-inline:auto;
    padding-top:0;
    overflow:hidden;
}

.z4-page .z4-hero .z4-hero-visual{
    inset:0!important;
    height:auto!important;
    background:#f7f6ec;
}

.z4-page .z4-hero .z4-slide{
    inset:0;
}

.z4-page .z4-hero .z4-hero-art{
    display:block;
    width:100%;
    height:100%;
}

.z4-page .z4-hero .z4-hero-art img{
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:50% 50%!important;
}

.z4-page .z4-hero .z4-hero-shade{
    inset:0;
    height:auto;
    background:linear-gradient(90deg,#faf9f2c2 0%,#faf9f278 34%,#faf9f21f 48%,transparent 59%);
}

.z4-page .z4-hero .z4-hero-note,
.z4-page .z4-hero > .z4-leaves{
    display:none!important;
}

.z4-page .z4-hero .z4-hero-label{
    display:block;
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip-path:inset(50%);
    white-space:nowrap;
    border:0;
}

.z4-page .z4-hero .z4-hero-copy{
    width:47%;
}

.z4-page .z4-hero .z4-hero-inner{
    pointer-events:none;
}

.z4-page .z4-hero .z4-hero-copy{
    pointer-events:auto;
}

@media (min-width:701px) and (max-width:1099px){
    .z4-page .z4-hero .z4-hero-copy{
        width:49%;
        padding-top:28px;
        padding-bottom:28px;
    }

    .z4-page .z4-hero h1{
        font-size:clamp(34px,4.15vw,44px);
    }

    .z4-page .z4-hero .z4-hero-copy>p{
        font-size:15px;
    }

    .z4-page .z4-hero .z4-actions{
        gap:8px;
    }

    .z4-page .z4-hero .z4-hero-shade{
        background:linear-gradient(90deg,#faf9f2d1 0%,#faf9f286 35%,transparent 60%);
    }
}

@media (max-width:700px){
    .z4-page .z4-hero{
        --z4-art-height:clamp(565px,155vw,760px);
        min-height:var(--z4-art-height);
        padding-top:0!important;
    }

    .z4-page .z4-hero .z4-hero-visual{
        inset:0!important;
        height:100%!important;
    }

    .z4-page .z4-hero .z4-hero-art img{
        object-position:50% 50%!important;
    }

    .z4-page .z4-hero .z4-hero-shade{
        inset:0;
        height:100%;
        background:linear-gradient(180deg,#fffdf1a6 0%,#fffdf196 27%,rgba(255,253,241,.18) 47%,transparent 58%,transparent 82%,#f7f6ecdc 98%,#f7f6ec 100%);
    }

    .z4-page .z4-hero .z4-hero-inner{
        min-height:var(--z4-art-height);
        padding-top:22px;
        padding-bottom:64px;
        display:flex;
        flex-direction:column;
        align-items:stretch;
    }

    .z4-page .z4-hero .z4-hero-copy{
        width:100%;
        max-width:460px;
        padding:0 2px;
    }

    .z4-page .z4-hero h1{
        font-size:clamp(28px,7.6vw,34px);
        line-height:1.02;
        margin-bottom:12px;
        letter-spacing:-.04em;
    }

    .z4-page .z4-hero h1 span{
        font-size:.94em;
    }

    .z4-page .z4-hero .z4-hero-copy>p{
        font-size:13px;
        line-height:1.43;
        margin-bottom:15px;
        max-width:395px;
    }

    .z4-page .z4-hero .z4-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .z4-page .z4-hero .z4-btn{
        min-height:44px;
        padding:10px 9px;
        font-size:12px;
        gap:5px;
    }

    .z4-page .z4-hero .z4-btn .z4-icon{
        width:17px;
        height:17px;
    }

    .z4-page .z4-hero .z4-slider-controls{
        position:absolute;
        inset:auto 0 12px;
        justify-content:center;
        gap:8px;
        margin-top:0;
        pointer-events:auto;
    }

    .z4-page .z4-hero .z4-slider-controls .z4-round{
        width:44px;
        height:44px;
    }
}

@media (max-width:359px){
    .z4-page .z4-hero{
        --z4-art-height:600px;
    }

    .z4-page .z4-hero .z4-hero-inner{
        padding-top:18px;
    }

    .z4-page .z4-hero h1{
        font-size:27px;
    }

    .z4-page .z4-hero .z4-hero-copy>p{
        font-size:12.5px;
        margin-bottom:12px;
    }

    .z4-page .z4-hero .z4-btn{
        font-size:11px;
        padding-inline:7px;
    }
}