.hero-photo {
    aspect-ratio: 1066 / 1041 !important;
    background: #f4d4c5;
}

.hero-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

@media (min-width: 769px) {
    .hero {
        min-height: 720px;
        padding-top: 100px;
        padding-bottom: 45px;
    }

    .hero-grid {
        align-items: center;
    }

    .hero-art {
        min-height: 0;
        align-self: center;
        place-items: center end;
    }

    .hero-photo {
        width: clamp(440px, 43vw, 570px);
        max-width: 100%;
        border-radius: 34px;
        overflow: hidden;
        box-shadow: 0 26px 60px rgba(23, 43, 53, .16);
    }
}

@media (min-width: 769px) and (max-width: 1050px) {
    .hero {
        min-height: 650px;
        padding-top: 96px;
        padding-bottom: 38px;
    }

    .hero-art {
        min-height: 0;
    }

    .hero-photo {
        width: min(100%, 460px);
        border-radius: 26px;
    }
}

@media (max-width: 768px) {
    .hero-photo {
        width: min(100%, 470px);
        aspect-ratio: 1066 / 1041 !important;
        border-radius: 20px;
    }

    .hero-art {
        min-height: 0;
    }
}