/**
 * Partners Hero Module Styles
 * Modular stylesheet for the partners hero section
 * Used in: page-templates/page-partners.php
 * Figma Node: 203-1403
 */

.partners-hero {
    /* Background gradient applied via inline style from ACF */
    padding: 101px 100px;
    text-align: center;
}

.partners-hero__content {
    max-width: 1312px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.partners-hero__title {
    font-family: 'Avenir Next', Arial, sans-serif;
    font-size: 64px;
    font-weight: 700;
    line-height: 88.225%;
    color: #121C66;
    margin: 0;
}

.partners-hero__subtitle {
    font-family: 'Avenir Next', Arial, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: normal;
    color: #121C66;
    margin: 0;
}

/* ==========================================================================
   RESPONSIVE BREAKPOINTS
   ========================================================================== */

/* Tablet */
@media (max-width: 1024px) {
    .partners-hero {
        padding: 80px 60px;
    }

    .partners-hero__title {
        font-size: 52px;
    }

    .partners-hero__subtitle {
        font-size: 30px;
    }
}

/* Mobile */
@media (max-width: 980px) {
    .partners-hero {
        padding: 60px 40px;
    }

    .partners-hero__title {
        font-size: 40px;
    }

    .partners-hero__subtitle {
        font-size: 24px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .partners-hero {
        padding: 40px 20px;
    }

    .partners-hero__title {
        font-size: 32px;
    }

    .partners-hero__subtitle {
        font-size: 20px;
    }
}