/* Portrait artwork reserves the upper area for live mobile copy. */
@media (max-width: 900px) {
    .hero .hero-shell {
        align-items: start;
    }

    .hero .hero-copy {
        padding-top: 28px;
        padding-bottom: 20px;
    }

    .hero .hero-visual picture {
        box-sizing: border-box;
        padding-top: 48px;
    }

    .hero .hero-visual img {
        object-fit: contain;
        object-position: center bottom;
    }

    .hero .hero-visual::after {
        background: none;
    }

    .hero .hero-glow {
        display: none;
    }
}

@media (max-width: 620px) {
    .hero .hero-actions { gap: 10px; flex-wrap: nowrap; }
    .hero .hero-actions .button { padding-inline: 10px; font-size: 14px; }
}