/* Homepage-only sizing: keeps the first slide in the initial desktop viewport. */
@media (min-width: 901px) {
    .home-screen-page .eh-topbar { min-height: 82px; }
    .home-screen-page .eh-header,
    .home-screen-page .eh-header.scrolled { height: 108px; }
    .home-screen-page .eh-logo-link { width: 205px; height: 96px; }
    .home-screen-page .eh-logo { max-height: 92px; }

    .home-slider {
        height: clamp(620px, calc(100svh - 190px), 790px);
        min-height: 620px;
    }
    .home-slide { height: 100%; min-height: 0; }
    .slide-layout {
        height: 100%;
        grid-template-columns: .9fr 1.1fr;
        gap: 42px;
        padding: 30px 0 62px;
    }
    .slide-copy h1 {
        margin-bottom: 18px;
        font-size: clamp(52px, 4.65vw, 78px);
        line-height: .98;
        letter-spacing: -.04em;
    }
    .slide-copy > p {
        max-width: 700px;
        font-size: clamp(16px, 1.05vw, 19px);
        line-height: 1.6;
    }
    .hero-benefits { gap: 9px; margin-top: 18px; }
    .hero-benefits > div {
        min-height: 58px;
        gap: 11px;
        padding: 10px 14px;
        font-size: 13px;
    }
    .home-actions { gap: 14px; margin-top: 20px; }
    .slide-media {
        width: 108%;
        height: min(580px, calc(100svh - 270px));
        min-height: 490px;
        margin-left: -4%;
    }
    .honeycomb-media > img {
        width: 112%;
        max-width: none;
        margin-left: -6%;
        transform: scale(1.06);
    }
    .slider-dots { bottom: 24px; }
    .slider-arrows { bottom: 14px; }
}

/* On phones and tablets, the visual leads and the copy follows. */
@media (max-width: 900px) {
    .home-slider,
    .home-slide { height: auto; min-height: 0; }
    .slide-layout {
        display: flex;
        flex-direction: column;
        gap: 22px;
        padding: 28px 0 88px;
    }
    .slide-media {
        order: -1;
        width: 100%;
        height: 390px;
        min-height: 0;
        margin: 0;
    }
    .honeycomb-media > img {
        width: 112%;
        max-width: none;
        margin-left: -6%;
        transform: scale(1.08);
    }
    .slide-copy h1 {
        margin-bottom: 18px;
        font-size: clamp(42px, 9vw, 64px);
        line-height: 1;
    }
}

@media (max-width: 620px) {
    .slide-layout { gap: 16px; padding: 20px 0 82px; }
    .slide-media { height: 310px; }
    .slide-copy h1 { font-size: clamp(39px, 11vw, 50px); }
    .slide-copy > p { font-size: 16px; line-height: 1.6; }
}