.lbs-leaders-challenge {
    --lc-coral: #c83b49;
    --lc-blue-soft: #eef4fb;
    background: var(--lbs-white);
}

.lbs-leaders-hero {
    position: relative;
    overflow: hidden;
    padding: calc(var(--lbs-header-height) + clamp(4rem, 8vw, 7rem)) 0 clamp(4rem, 8vw, 7rem);
    background: linear-gradient(118deg, var(--lbs-primary) 0%, var(--lbs-primary-royal) 58%, #2856a0 100%);
    color: var(--lbs-white);
    isolation: isolate;
}

.lbs-leaders-hero::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    background-image: linear-gradient(rgba(255, 255, 255, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.055) 1px, transparent 1px);
    background-size: 72px 72px;
    content: '';
    mask-image: linear-gradient(to bottom, black, transparent 88%);
}

.lbs-leaders-hero::after {
    position: absolute;
    top: -18rem;
    right: -12rem;
    z-index: -1;
    width: 42rem;
    height: 42rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    box-shadow: 0 0 0 5rem rgba(255, 255, 255, 0.025), 0 0 0 10rem rgba(255, 255, 255, 0.018);
    content: '';
}

.lbs-leaders-hero__inner {
    display: grid;
    justify-items: center;
    text-align: center;
}

.lbs-leaders-hero__overline {
    max-width: 58rem;
    margin: 0 0 var(--lbs-space-lg);
    color: #ffb1b9;
    font-size: clamp(0.72rem, 1.3vw, 0.84rem);
    font-weight: var(--lbs-fw-bold);
    letter-spacing: var(--lbs-ls-widest);
    line-height: 1.6;
    text-transform: uppercase;
}

.lbs-leaders-hero h1 {
    max-width: 70rem;
    margin: 0;
    color: var(--lbs-white);
    font-family: var(--lbs-font-heading);
    font-size: clamp(3rem, 7.6vw, 7.25rem);
    font-weight: var(--lbs-fw-extrabold);
    letter-spacing: -0.045em;
    line-height: 0.96;
    text-wrap: balance;
}

.lbs-leaders-match {
    display: grid;
    width: min(100%, 70rem);
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: clamp(0.75rem, 2vw, 1.5rem);
    margin-top: clamp(3rem, 7vw, 6rem);
}

.lbs-leaders-match__block {
    display: grid;
    min-height: clamp(8.5rem, 17vw, 12.5rem);
    padding: clamp(1.25rem, 3vw, 2.25rem);
    place-content: center;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--lbs-radius-lg);
    box-shadow: 0 1.5rem 3rem rgba(3, 10, 24, 0.22);
}

.lbs-leaders-match__block--blue {
    background: var(--lbs-primary-light);
    color: var(--lbs-white);
    transform: rotate(-1deg);
}

.lbs-leaders-match__block--coral {
    background: var(--lc-coral);
    color: var(--lbs-white);
    transform: translateY(0.75rem);
}

.lbs-leaders-match__block:nth-of-type(3) {
    transform: rotate(1deg);
}

.lbs-leaders-match__block strong {
    font-family: var(--lbs-font-heading);
    font-size: clamp(1.05rem, 2vw, 1.6rem);
    line-height: 1.08;
}

.lbs-leaders-match__block span {
    margin-top: 0.55rem;
    font-size: clamp(0.75rem, 1.2vw, 0.95rem);
    font-weight: var(--lbs-fw-semibold);
}

.lbs-leaders-match__vs {
    color: var(--lbs-white);
    font-family: var(--lbs-font-heading);
    font-size: clamp(2.8rem, 5.5vw, 5.5rem);
    font-style: italic;
    font-weight: var(--lbs-fw-extrabold);
    line-height: 1;
    text-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.22);
}

.lbs-leaders-section {
    padding: var(--lbs-space-section) 0;
}

.lbs-leaders-section--white {
    background: var(--lbs-white);
}

.lbs-leaders-section--light {
    background: var(--lc-blue-soft);
}

.lbs-leaders-story {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(3rem, 8vw, 8rem);
    align-items: start;
}

.lbs-leaders-story__header {
    position: static;
}

.lbs-leaders-story h2,
.lbs-leaders-story h3 {
    color: var(--lbs-primary);
    font-family: var(--lbs-font-heading);
    text-wrap: balance;
}

.lbs-leaders-story h2 {
    max-width: 100%;
    margin: 0;
    font-size: clamp(2.35rem, 5vw, 4.8rem);
    line-height: 1.02;
    white-space: nowrap;
}

.lbs-leaders-subtitle {
    max-width: 28rem;
    margin: var(--lbs-space-lg) 0 0;
    color: var(--lbs-primary-light);
    font-size: var(--lbs-fs-body-lg);
    font-weight: var(--lbs-fw-semibold);
    line-height: 1.5;
}

.lbs-leaders-story__body {
    max-width: 48rem;
    color: var(--lbs-gray-700);
    font-size: clamp(1.02rem, 1.4vw, 1.12rem);
    line-height: 1.82;
}

.lbs-leaders-story__body > p {
    margin: 0 0 1.35em;
}

.lbs-leaders-story__body h3 {
    margin: 2.6rem 0 1.2rem;
    font-size: clamp(1.35rem, 2.4vw, 1.9rem);
    line-height: 1.25;
}

.lbs-leaders-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
}

.lbs-leaders-tags li {
    max-width: 100%;
    padding: 0.62rem 0.9rem;
    border-radius: var(--lbs-radius-full);
    background: var(--lbs-primary-light);
    color: var(--lbs-white);
    font-size: 0.88rem;
    font-weight: var(--lbs-fw-semibold);
    line-height: 1.35;
}

.lbs-leaders-tags li:nth-child(even) {
    background: var(--lc-coral);
    color: var(--lbs-white);
}

.lbs-leaders-objectives {
    display: grid;
    gap: 0.8rem;
    margin: 0 0 2rem;
    padding: 0;
    list-style: none;
    counter-reset: leaders-objective;
}

.lbs-leaders-objectives li {
    position: relative;
    padding: 0.9rem 1rem 0.9rem 3.25rem;
    border: 1px solid rgba(27, 58, 107, 0.12);
    border-radius: var(--lbs-radius-md);
    background: var(--lc-blue-soft);
    counter-increment: leaders-objective;
}

.lbs-leaders-objectives li::before {
    position: absolute;
    top: 0.82rem;
    left: 0.85rem;
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 50%;
    background: var(--lc-coral);
    color: var(--lbs-white);
    content: counter(leaders-objective, decimal-leading-zero);
    font-size: 0.68rem;
    font-weight: var(--lbs-fw-bold);
}

.lbs-leaders-gallery {
    padding-top: var(--lbs-space-section-sm);
    padding-bottom: var(--lbs-space-section);
}

@media (max-width: 960px) {
    .lbs-leaders-match {
        width: min(100%, 34rem);
        grid-template-columns: minmax(0, 1fr);
    }

    .lbs-leaders-match__block,
    .lbs-leaders-match__block:nth-of-type(3),
    .lbs-leaders-match__block--coral {
        min-height: 7.5rem;
        transform: none;
    }

    .lbs-leaders-match__vs {
        font-size: 3rem;
    }

    .lbs-leaders-story {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--lbs-space-2xl);
    }

    .lbs-leaders-story__header {
        position: static;
    }

    .lbs-leaders-story h2 {
        max-width: 100%;
        white-space: normal;
    }
}

@media (max-width: 600px) {
    .lbs-leaders-hero h1 {
        font-size: clamp(2.75rem, 14vw, 4.6rem);
    }

    .lbs-leaders-hero__inner,
    .lbs-leaders-match,
    .lbs-leaders-match__block,
    .lbs-leaders-story,
    .lbs-leaders-story > *,
    .lbs-leaders-story__header,
    .lbs-leaders-story__body,
    .lbs-leaders-tags,
    .lbs-leaders-objectives {
        min-width: 0;
        max-width: 100%;
    }

    .lbs-leaders-section {
        padding: var(--lbs-space-3xl) 0;
    }

    .lbs-leaders-story__body {
        font-size: 1rem;
        line-height: 1.72;
    }

    .lbs-leaders-tags li {
        border-radius: var(--lbs-radius-md);
    }
}

@media (prefers-reduced-motion: reduce) {
    .lbs-leaders-match__block,
    .lbs-leaders-match__block:nth-of-type(3) {
        transform: none;
    }
}