.em-landing-header {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: var(--em-header-bg, #ff6f00);
    color: var(--em-header-text, #100421);
    --em-hero-mayami-bg: transparent;
    --em-hero-mayami-text: var(--em-header-text, #100421);
}

.em-landing-header__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    transform: scaleX(-1);
    opacity: 0.32;
    filter: brightness(1.18) saturate(0.92);
    pointer-events: none;
}

/* Hero à droite : miroir du fond (palmier visible à droite) */
.em-landing-header:has(.em-landing-hero-row__inner.is-slider-first) .em-landing-header__bg {
    object-position: right center;
    transform: none;
}

.em-landing-header__grain {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        radial-gradient(rgba(16, 4, 33, 0.12) 0.7px, transparent 0.7px),
        radial-gradient(rgba(16, 4, 33, 0.08) 0.5px, transparent 0.5px);
    background-size: 3px 3px, 5px 5px;
    opacity: 0.18;
}

.em-landing-header__inner {
    position: relative;
    z-index: 1;
    width: 100%;
}

.em-landing-header .em-landing-header-pair {
    width: 100%;
}

/* Slider à gauche : marge slider à droite + marge hero à gauche, sans écraser les largeurs */
.em-landing-header .em-landing-hero-row__inner.is-slider-first .em-landing-hero-row__column--hero,
.em-landing-header .em-landing-hero-row__inner.is-slider-first .em-landing-hero-row__column--slider {
    overflow: visible;
}

.em-landing-header .em-landing-hero-row__inner.is-slider-first .em-landing-hero-row__column--slider .em-slider--mayami {
    box-sizing: content-box;
    width: 430px;
    min-width: 430px;
    max-width: 430px;
    padding-right: clamp(32px, 6vw, 72px);
}

.em-landing-header .em-landing-hero-row__inner.is-slider-first .em-hero--pair-column .em-hero__left {
    box-sizing: content-box;
    width: 640px;
    max-width: none;
    padding-left: clamp(28px, 5vw, 120px);
    padding-right: 0;
}

.em-landing-header .em-hero--mayami {
    background-color: transparent;
}

.em-landing-header .em-hero--mayami .em-hero__bg,
.em-landing-header .em-hero--mayami .em-hero__grain {
    display: none;
}

@media (max-width: 960px) {
    .em-landing-header .em-landing-hero-row__inner.is-slider-first .em-landing-hero-row__column--slider .em-slider--mayami {
        box-sizing: border-box;
        width: min(430px, 100%);
        min-width: 0;
        max-width: 430px;
        padding-right: 0;
    }

    .em-landing-header .em-landing-hero-row__inner.is-slider-first .em-hero--pair-column .em-hero__left {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        padding-left: 0;
    }
}