/* Explain: Layout utilities for split-screen and arched luxury sections */
.container-rosso {
    width: min(100% - 2rem, 1180px);
    margin-inline: auto;
}

.hero-split {
    min-height: calc(100vh - 82px);
    display: grid;
    align-items: center;
    gap: clamp(2rem, 5vw, 5rem);
    padding-block: clamp(4rem, 8vw, 7rem);
}

.hero-car-stage {
    position: relative;
    min-height: clamp(360px, 52vw, 640px);
    overflow: hidden;
    border-radius: 42px;
    background:
        linear-gradient(135deg, rgba(230, 0, 0, 0.96), rgba(126, 0, 0, 0.86) 52%, rgba(17, 17, 17, 0.98)),
        var(--primary-color);
    box-shadow: var(--shadow-red);
}

.hero-car-stage::before {
    position: absolute;
    inset: 9% 8% auto auto;
    width: 42%;
    height: 72%;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-radius: 999px;
    content: "";
    transform: rotate(18deg);
}

.arch-image {
    border-radius: 999px 999px 38px 38px;
}

@media (min-width: 900px) {
    .hero-split {
        grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    }
}