/* Shared hero alignment for the division pages */
.hero {
    align-items: flex-start;
    text-align: left;
}

.hero-content {
    width: min(1180px, 92%);
    max-width: 790px;
    margin-left: 4%;
    margin-right: 0;
    padding-top: clamp(145px, 18vh, 205px);
    text-align: left;
}

.distribution-hero .container {
    width: min(1180px, 92%);
    margin-left: 4%;
    margin-right: auto;
}

.distribution-hero .hero-grid {
    padding-top: clamp(145px, 18vh, 205px);
    text-align: left;
}

.hero-line,
.hero h1,
.hero-description,
.hero-actions {
    margin-left: 0;
    margin-right: 0;
}

.hero-overlay,
.distribution-hero-overlay {
    background:
        linear-gradient(90deg, rgba(3, 27, 18, .96) 0%, rgba(4, 35, 23, .84) 31%, rgba(6, 39, 26, .46) 62%, rgba(7, 34, 23, .08) 100%),
        linear-gradient(180deg, rgba(3, 22, 15, .16), transparent 50%, rgba(3, 24, 16, .68));
}

@media (max-width: 620px) {
    .hero-content {
        width: 92%;
        margin-left: 4%;
        margin-right: 0;
        padding-top: 125px;
    }

    .distribution-hero .container {
        width: 92%;
        margin-left: 4%;
        margin-right: 0;
    }

    .distribution-hero .hero-grid {
        padding-top: 125px;
    }

    .hero h1 {
        font-size: clamp(52px, 14vw, 68px);
    }
}