/**
 * Auto-generated Utility Classes CSS
 * Locale: en_US
 * Generated from AEM Utility Class Manager
 */

/* ========================================
   Desktop Styles
   ======================================== */

.util-text-align-center {
    text-align: center !important;
}

.util-text-align-center-left {
    text-align: center !important;
}

.util-uppercase {
    text-transform: uppercase !important;
}

.util-owners {
    line-height: 0.9 !important;
    font-family: 'owners-xwide', neuzeit-grotesk, Helvetica Neue, Helvetica, sans-serif !important;
}

.util-dm-mono {
    font-family: 'dm-mono', sans-serif !important;
}

.util-oswald {
    font-family: Oswald, neuzeit-grotesk, Helvetica Neue, Helvetica, sans-serif !important;
}

.util-row-gap-1 {
    display: grid !important;
    grid-template-rows: auto !important;
    gap: 1rem !important;
}

.util-headline-normal {
    letter-spacing: -0.063rem !important;
    margin: 0 !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
}

.util-headline-bold {
    letter-spacing: -0.2px !important;
    margin: 0 !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
}

.util-headline-72-56 {
    font-size: 4.75rem !important;
}

.util-headline-40-32 {
    font-size: clamp(2.25rem, 1.8217rem + 0.641cqi, 2.5rem) !important;
}

.util-headline-32 {
    font-size: 2rem !important;
}

.util-headline-20 {
    font-size: 1.25rem !important;
}

.util-headline-18 {
    font-size: 1.125rem !important;
}

.util-body {
    margin: 0 !important;
    line-height: 1.4 !important;
}

.util-body-lineheight-1-2 {
    margin: 0 !important;
    line-height: 1.2 !important;
}

.util-body-28-18 {
    font-size: 1.75rem !important;
}

.util-body-18 {
    font-size: 1.125rem !important;
}

.util-btn-15-13 {
    font-size: 0.938rem !important;
}

.util-nike-yellow {
    color: #D7FF47 !important;
}

.util-nike-blue {
    color: #C8D3E8 !important;
}

.util-nike-headline-max-width {
    max-width: 715px !important;
}

/* ========================================
   Tablet Styles - max-width: 1068px
   ======================================== */

@media screen and (min-width: 735px) and (max-width: 1068px) {
    .util-text-align-center {
        text-align: center !important;
    }

    .util-text-align-center-left {
        text-align: center !important;
    }

    .util-uppercase {
        text-transform: uppercase !important;
    }

    .util-owners {
        line-height: 0.9 !important;
        font-family: 'owners-xwide', neuzeit-grotesk, Helvetica Neue, Helvetica, sans-serif !important;
    }

    .util-dm-mono {
        font-family: 'dm-mono', sans-serif !important;
    }

    .util-oswald {
        font-family: Oswald, neuzeit-grotesk, Helvetica Neue, Helvetica, sans-serif !important;
    }

    .util-row-gap-1 {
        display: grid !important;
        grid-template-rows: auto !important;
        gap: 1rem !important;
    }

    .util-headline-normal {
        letter-spacing: -0.063rem !important;
        margin: 0 !important;
        font-weight: 400 !important;
        line-height: 1.1 !important;
    }

    .util-headline-bold {
        letter-spacing: -0.2px !important;
        margin: 0 !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;
    }

    .util-headline-72-56 {
        font-size: clamp(3.5rem, 1.2928rem + 4.8048cqi, 4.5rem) !important;
    }

    .util-headline-40-32 {
        font-size: clamp(1.875rem, 1.0473rem + 1.8018cqi, 2.25rem) !important;
    }

    .util-headline-32 {
        font-size: 2rem !important;
    }

    .util-headline-20 {
        font-size: 1.25rem !important;
    }

    .util-headline-18 {
        font-size: 1.125rem !important;
    }

    .util-body {
        margin: 0 !important;
        line-height: 1.4 !important;
    }

    .util-body-lineheight-1-2 {
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    .util-body-28-18 {
        font-size: clamp(1.25rem, 0.1464rem + 2.4024cqi, 1.75rem) !important;
    }

    .util-body-18 {
        font-size: 1.125rem !important;
    }

    .util-btn-15-13 {
        font-size: 0.938rem !important;
    }

    .util-nike-yellow {
        color: #D7FF47 !important;
    }

    .util-nike-blue {
        color: #C8D3E8 !important;
    }

    .util-nike-headline-max-width {
        max-width: 70% !important;
    }

}

/* ========================================
   Mobile Styles - max-width: 734px
   ======================================== */

@media screen and (max-width: 734px) {
    .util-text-align-center {
        text-align: center !important;
    }

    .util-text-align-center-left {
        text-align: left !important;
    }

    .util-uppercase {
        text-transform: uppercase !important;
    }

    .util-owners {
        line-height: 0.9 !important;
        font-family: 'owners-xwide', neuzeit-grotesk, Helvetica Neue, Helvetica, sans-serif !important;
    }

    .util-dm-mono {
        font-family: 'dm-mono', sans-serif !important;
    }

    .util-oswald {
        font-family: Oswald, neuzeit-grotesk, Helvetica Neue, Helvetica, sans-serif !important;
    }

    .util-row-gap-1 {
        display: grid !important;
        grid-template-rows: auto !important;
        gap: 1rem !important;
    }

    .util-headline-normal {
        letter-spacing: -0.063rem !important;
        margin: 0 !important;
        font-weight: 400 !important;
        line-height: 1.1 !important;
    }

    .util-headline-bold {
        letter-spacing: -0.2px !important;
        margin: 0 !important;
        font-weight: 900 !important;
        line-height: 1.1 !important;
    }

    .util-headline-72-56 {
        font-size: clamp(2.5rem, -0.5476rem + 15.2381cqi, 3.5rem) !important;
    }

    .util-headline-40-32 {
        font-size: clamp(1.875rem, 1.494rem + 1.9048cqi, 2rem) !important;
    }

    .util-headline-32 {
        font-size: clamp(1.875rem, 1.494rem + 1.9048cqi, 2rem) !important;
    }

    .util-headline-20 {
        font-size: 1.25rem !important;
    }

    .util-headline-18 {
        font-size: 1.125rem !important;
    }

    .util-body {
        margin: 0 !important;
        line-height: 1.4 !important;
    }

    .util-body-lineheight-1-2 {
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    .util-body-28-18 {
        font-size: clamp(1rem, 0.619rem + 1.9048cqi, 1.125rem) !important;
    }

    .util-body-18 {
        font-size: 1.125rem !important;
    }

    .util-btn-15-13 {
        font-size: 0.813rem !important;
    }

    .util-nike-yellow {
        color: #D7FF47 !important;
    }

    .util-nike-blue {
        color: #C8D3E8 !important;
    }

    .util-nike-headline-max-width {
        max-width: clamp(18.75rem, 4.996rem + 51.7799cqi, 28.75rem) !important;
    }

}