main {
    padding-top: 38px;
}
#careers-hero {
    background-color: var(--red);
    background-image: url('../../../images/2025/careers/hero-bg.jpg');
    background-image: image-set(url('../../../images/2025/careers/hero-bg.jpg') 1x, url('../../../images/2025/careers/hero-bg@2x.jpg') 2x);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 40px 0;
    width: 1280px;
    max-width: calc(100% - 30px);
}

#careers-hero .title {
    font-size: 3.5em;
    margin-bottom: 5px;
}

#careers-hero .title span {
    font-size: 0.73214286em;
    width: fit-content;
    margin: 0 auto -12px auto;
}

#careers-hero .title span::before,
#careers-hero .title span::after {
    content: '';
    position: absolute;
    background-color: #fff;
    height: 2px;
    width: 99px;
    top: 0.6em;
}

#careers-hero .title span::before {
    left: -105px;
}

#careers-hero .title span::after {
    right: -112px;
}

#careers-hero p {
    font-size: 1em;
    line-height: 1.625;
    max-width: 700px;
    margin: 0 auto;
}

#careers-hero .button {
    font-size: 1.25em;
    height: 39px;
    line-height: 39px;
    width: 281px;
    border-radius: 20px;
    margin-top: 22px;
}

@media screen and (max-width: 991px) {
    main {
        padding-top: 0;
    }
}

@media screen and (max-width: 567px) {
    #careers-hero {
        padding: 22px 0 28px 0;
        margin-top: 30px;
        background-image: url('../../../images/2025/careers/hero-bg-m.jpg');
        background-image: image-set(url('../../../images/2025/careers/hero-bg-m.jpg') 1x, url('../../../images/2025/careers/hero-bg-m@2x.jpg') 2x);
    }

    #careers-hero .title {
        margin: 0 auto 11px auto;
        font-size: 2.5625em;
        line-height: 1;
    }

    #careers-hero .title span {
        font-size: 0.73170732em;
        margin-bottom: 0;
    }

    #careers-hero .title span::before,
    #careers-hero .title span::after {
        width: 74px;
        top: 15px;
    }

    #careers-hero .title span::before {
        left: -77px;
    }

    #careers-hero .title span::after {
        right: -82px;
    }

    #careers-hero p {
        font-size: 0.9375em;
        line-height: 1.73333333;
    }

    #careers-hero .button {
        font-size: 1.25em;
        height: 40px;
        line-height: 40px;
        width: 288px;
        margin-top: 18px;
    }
}