:root {
    --brand: #890147;
    --brand-700: #650637;
    --dark: #191919;
    --ink: #333;
    --muted: #666464;
    --bg: #F8F8FB;
}

/* =====================================================
   SCOPE
   ===================================================== */
.lp-careers {
    background: var(--bg) !important;
    color: var(--ink) !important;
    isolation: isolate !important;
    font-family: "Inter",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif !important;
}

/* =====================================================
   BUTTONS
   ===================================================== */
.btn.btn-brand {
    background: var(--brand) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 27px !important;
    padding: 14px 32px !important;
    font: 500 16px/24px "Chivo",system-ui,sans-serif !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    max-width: fit-content !important;
    width: auto !important;
    min-width: unset !important;
    box-shadow: 0 4px 4px rgba(0,0,0,.25) !important;
    transition: transform .2s ease,filter .2s ease !important
}

    .btn.btn-brand:hover {
        filter: brightness(1.06) !important;
        transform: translateY(-2px) !important
    }

    .btn.btn-brand:active {
        transform: translateY(0) scale(.98) !important
    }

/* =====================================================
   HERO
   ===================================================== */
.cr-hero {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    z-index: 0 !important
}

.cr-hero__img {
    display: block !important;
    width: 100% !important;
    height: clamp(520px,46vw,700px) !important;
    object-fit: cover !important;
    object-position: center !important
}

.cr-hero::before, .cr-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    z-index: 1 !important
}

.cr-hero::before {
    background: #890147 !important;
    mix-blend-mode: hue !important
}

.cr-hero::after {
    background: rgba(0,0,0,.45) !important
}

.cr-hero__content {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    align-content: center !important;
    z-index: 2 !important;
    padding-bottom: clamp(16px,3vw,56px) !important
}

.cr-hero__title {
    margin: 0 0 12px !important;
    color: #fff !important;
    font: 800 clamp(34px,4.6vw,64px)/1.14 "Chivo",system-ui,sans-serif !important;
    letter-spacing: .2px !important
}

.cr-hero__lead {
    margin: 0 0 18px !important;
    color: #fff !important;
    font: 600 clamp(16px,1.6vw,22px)/1.45 "Chivo",system-ui,sans-serif !important
}

.cr-hero__btn {
    box-shadow: 0 6px 12px rgba(0,0,0,.25) !important
}

/* =====================================================
   SPLIT
   ===================================================== */
.cr-split__copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important
}

.cr-split__kicker {
    color: var(--muted) !important;
    font: 800 24px/44px "Chivo",system-ui,sans-serif !important
}

.cr-split__title {
    color: var(--brand) !important;
    font: 800 clamp(28px,3.8vw,40px)/44px "Chivo",system-ui,sans-serif !important;
    margin: 0 0 6px !important
}

.cr-split__text {
    margin: 0 !important;
    color: #333 !important;
    font: 600 clamp(16px,1.8vw,20px)/1.35 "Chivo",system-ui,sans-serif !important;
    max-width: 601px !important
}

.cr-split__media {
    position: relative !important;
    display: grid !important;
    place-items: center !important
}

    .cr-split__media img {
        display: block !important;
        height: auto !important;
        object-fit: cover;
        border-radius: 2px !important
    }

@media (max-width: 992px) {
    .cr-split .row {
        align-items: stretch;
    }

    .cr-split__media {
        margin-top: 12px;
    }
}

@media (min-width: 992px) {
    .cr-split__media {
        aspect-ratio: 16 / 10; 
    }

        .cr-split__media img {
            height: 100%; 
        }
}
/* =====================================================
   OPEN POSITIONS
   ===================================================== */
#open-positions {
    scroll-margin-top: 96px;
}

.cr-open {
    padding: 24px 0 64px !important;
    background: #F8F8FB !important;
    position: relative !important;
    z-index: 1 !important
}

.cr-open__title {
    margin: 0 0 18px !important;
    color: var(--brand) !important;
    font-family: "Chivo",system-ui,sans-serif !important;
    font-weight: 800 !important;
    font-size: clamp(28px,3.2vw,40px) !important;
    line-height: 1.2 !important
}

.cr-open__group {
    margin: 22px 0 12px !important;
    color: #535455 !important;
    font: 800 20px/1.2 "Chivo",system-ui,sans-serif !important
}

.cr-open .cr-job + .cr-open__group {
    margin-top: 28px !important
}

.cr-job {
    background: #fff !important;
    border-radius: 6px !important;
    outline: 1px #DFDFDF solid !important;
    outline-offset: -1px !important;
    padding: 22px 22px 24px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important
}

.cr-job__head {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 16px !important;
    align-items: center !important
}

.cr-job__title {
    margin: 0 !important;
    color: #212529 !important;
    font-family: "Segoe UI",Inter,system-ui,sans-serif !important;
    font-weight: 900 !important;
    font-size: clamp(20px,2.2vw,24px) !important;
    line-height: 1.4 !important
}

.cr-job__badges {
    display: flex !important;
    gap: 10px !important
}

.cr-badge {
    height: 32px !important;
    padding: 2px 6px !important;
    background: #D43086 !important;
    border-radius: 2px !important;
    outline: .6px #970250 solid !important;
    outline-offset: -.6px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important
}

.cr-badge__icon {
    width: 18px !important;
    height: 18px !important;
    display: block !important
}

.cr-badge__text {
    color: #fff !important;
    font: 600 14px/1 "Open Sans",Inter,system-ui,sans-serif !important
}

.cr-job__lead {
    margin: 0 !important;
    color: #212529 !important;
    font: 700 18px/1.25 "Segoe UI",Inter,system-ui,sans-serif !important
}

.cr-job__desc {
    margin: 0 !important;
    color: #212529 !important;
    font: 600 16px/1.35 "Segoe UI",Inter,system-ui,sans-serif !important
}

.cr-job__desc, .cr-job__text {
    white-space: pre-line !important
}

.cr-job__cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 12px 20px !important;
    background: #890147 !important;
    border-radius: 6px !important;
    color: #fff !important;
    text-decoration: none !important;
    border: 0 !important;
    cursor: pointer !important;
    font-family: "Inter",system-ui,sans-serif !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px !important
}

    .cr-job__cta:hover {
        filter: brightness(1.06) !important;
        transform: translateY(-1px) !important
    }

    .cr-job__cta:active {
        transform: translateY(0) scale(.98) !important
    }

.cr-job__cta-icon {
    width: 20px !important;
    height: 20px !important;
    display: block !important
}

.cr-job__details {
    overflow: hidden !important;
    background: #fff !important;
    border-radius: 6px !important;
    outline: 1px #DFDFDF solid !important;
    outline-offset: -1px !important;
    margin-top: 10px !important;
    padding: 0 31px !important;
    display: grid !important;
    grid-template-rows: 0fr !important;
    transition: grid-template-rows .28s ease,padding .28s ease !important
}

    .cr-job__details > * {
        overflow: hidden !important
    }

    .cr-job__details.is-open {
        grid-template-rows: 1fr !important;
        padding: 26px 31px !important
    }

.cr-job__block {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 14px !important
}

.cr-job__subtitle {
    margin: 0 !important;
    color: #212529 !important;
    font: 600 20px/1.2 "Segoe UI",Inter,system-ui,sans-serif !important
}

.cr-job__text {
    margin: 0 !important;
    color: #212529 !important;
    font: 400 16px/1.35 "Segoe UI",Inter,system-ui,sans-serif !important
}

.cr-job__apply {
    margin-top: 10px !important;
    align-self: flex-start !important
}

@media (max-width:576px) {
    .cr-job__head {
        grid-template-columns: 1fr !important;
        gap: 10px !important
    }

    .cr-job__badges {
        justify-content: flex-start !important
    }
}

/* ===== Testimonials ===== */
.cr-testi {
    padding: 48px 0 32px;
    background: #fff
}

.cr-testi__title {
    color: var(--brand) !important;
    font: 800 clamp(24px,3vw,32px)/1.2 "Chivo",system-ui,sans-serif;
    margin: 0 0 6px
}

.cr-testi__lead {
    color: #333;
    font: 500 clamp(16px,1.6vw,20px)/1.45 "Inter",system-ui,sans-serif;
    margin: 0 0 18px
}

.cr-testi__viewport {
    position: relative;
    overflow: hidden
}

.cr-testi__track {
    display: flex;
    gap: 5px;
    transition: transform .4s ease;
    will-change: transform
}

.cr-testi__name {
    color: var(--brand) !important;
    font: 900 25px/1 "Segoe UI",Inter,sans-serif;
    margin: 0 0 6px
}

.cr-testi__role {
    color: #fff;
    font: 600 15px/1 "Segoe UI",Inter,sans-serif;
    margin: 0 0 12px
}

.cr-testi__quote {
    font-style: italic;
    font-weight: 900;
    margin: 0 0 10px
}

.cr-testi__text {
    margin: 0;
    font: 600 17px/1.45 "Segoe UI",Inter,sans-serif
}

.cr-testi__controls {
    display: grid;
    place-items: center;
    margin-top: 14px
}

.cr-testi__nav-wrap {
    display: flex;
    gap: 18px
}

.cr-testi__dots {
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 14px;
}

.cr-testi__dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 0;
    background: #e2c1d2;
    cursor: pointer;
}

    .cr-testi__dot.is-active {
        background: var(--brand, #890147);
    }

.cr-testi__card {
    flex: 0 0 var(--card-w, clamp(560px, 62vw, 820px));
    background: #121212;
    width: var(--card-w, clamp(560px, 62vw, 820px));
    color: #fff;
    border-radius: 16px;
    padding: 24px;
    min-height: 300px;
    box-shadow: 0 14px 24px rgba(0,0,0,.18);
    transition: transform .35s ease, opacity .35s ease, box-shadow .35s ease;
    transform-origin: center bottom;
    z-index: 1;
    gap: 0px !important;
}
    .cr-testi__card.is-active {
        transform: scale(1); 
        opacity: 1;
        z-index: 2;
    }

    .cr-testi__card.is-dim {
        transform: translateY(-34px) scale(.80);
    }

.cr-testi__viewport {
    padding-inline: 0px !important;
}
.cr-testi__track {
    gap: 0px !important;
}

@media (max-width: 576px) {
    .cr-testi__card {
        --card-w: 92vw;
    }

    .cr-testi__track {
        gap: 12px;
    }
}
@media (max-width:1400px) {
    .cr-testi__card {
        --card-w: 720px
    }
}

@media (max-width:1200px) {
    .cr-testi__card {
        --card-w: 680px
    }
}

@media (max-width:992px) {
    .cr-testi__card {
        --card-w: 86vw
    }
}

/* ===== CTA Banner ===== */
.cr-cta {
}

.cr-cta__img {
    display: block;
    width: 100%;
    height: auto
}


/* ================= GLOBAL FIX ================= */
main {
    display: block;
    padding-top: 10px !important;
}

.pb-3 {
    padding-bottom: 0px !important;
}

#socialsInfo.site-footer.slanted-footer::before {
    content: none !important;
}

#socialsInfo.site-footer {
    background: #191919 !important;
}

    #socialsInfo.site-footer .container {
        padding-top: 60px !important; 
    }

#goTop, .back-to-top, [data-scroll-top] {
    bottom: 1px !important;
}

.site-footer {
    margin-top: 0px !important;
}

#socialsInfo {
    position: relative;
}

    #socialsInfo .smoothscroll.scroll-top {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -25px;
    }