/* Page-specific warehouse hero composition for /eu/fulfillment. */
.ff-hero .hero-media {
    object-position: center top;
}

.ff-hero .hero-overlay {
    background: linear-gradient(
        270deg,
        rgba(7, 31, 37, 0.97) 0%,
        rgba(7, 31, 37, 0.88) 46%,
        rgba(7, 31, 37, 0.32) 72%,
        rgba(7, 31, 37, 0.08) 100%
    );
}

.ff-hero .hero-content {
    width: min(690px, 48vw);
    margin-left: auto;
}

.ff-hero h1 {
    font-size: clamp(44px, 4.9vw, 72px);
}

@media (max-width: 820px) {
    .ff-hero .hero-media {
        object-position: 42% center;
    }

    .ff-hero .hero-overlay {
        background: linear-gradient(90deg, rgba(7, 31, 37, 0.94), rgba(7, 31, 37, 0.7));
    }

    .ff-hero .hero-content {
        width: min(650px, 90vw);
        margin-left: 0;
    }
}

@media (max-width: 620px) {
    .ff-hero .hero-media {
        object-position: 39% center;
    }

    .ff-hero .hero-overlay {
        background: rgba(7, 31, 37, 0.74);
    }

    .ff-hero h1 {
        font-size: 39px;
    }
}