@media (max-width: 1399px) {
    .lilyee-hero__content {
        padding: clamp(2rem, 4vw, 5rem);
    }
}

@media (max-width: 1023px) {
    .lilyee-hero {
        grid-template-columns: 1fr;
    }

    .lilyee-hero__content {
        max-width: 100%;
        padding: clamp(2rem, 4vw, 4rem);
    }

    .lilyee-hero__scroll {
        left: clamp(1.5rem, 6vw, 2rem);
        bottom: 2rem;
    }
}

@media (max-width: 767px) {
    .lilyee-hero {
        min-height: calc(100vh - 4rem);
    }

    .lilyee-hero__image {
        height: calc(100vh - 4rem);
    }

    .lilyee-hero__content {
        padding: clamp(1.5rem, 6vw, 3rem);
    }

    .lilyee-hero__scroll {
        left: 1.5rem;
        bottom: 1.5rem;
    }
}

@media (max-width: 479px) {
    .lilyee-hero__content {
        padding: 1.25rem;
    }

    h1 {
        font-size: clamp(2.6rem, 11vw, 3.4rem);
    }

    .lilyee-hero__actions {
        flex-direction: column;
        gap: 0.85rem;
    }
}