/* ==========================================================================
   KSL MEDIATION — LEGAL REPRESENTATION / ROLE CLARITY
   Page 138
   ========================================================================== */

.kslm-role {
    --oxblood: #3D0C02;
    --oxblood-950: #470C14;
    --oxblood-800: #7A1825;
    --gold: #C39A36;
    --soft-gold: #EEE3C5;
    --warm: #F7F5EF;
    --stone: #E7E2D8;
    --white: #FFFFFF;
    --charcoal: #2B2F33;
    --muted: #67615C;

    color: var(--charcoal);
}

.kslm-role__shell {
    box-sizing: border-box;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

.kslm-role__eyebrow {
    margin: 0;

    color: var(--gold);

    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .15em;
    text-transform: uppercase;
}


/* Remove Neve page chrome */

body.page-id-138 .nv-page-title-wrap,
body.page-id-138 .nv-title-meta-wrap,
body.page-id-138 .nv-breadcrumbs-wrapper,
body.page-id-138 .page_header,
body.page-id-138 .entry-header {
    display: none !important;
}

body.page-id-138 .single-page-container,
body.page-id-138 .nv-single-page-wrap,
body.page-id-138 .nv-content-wrap,
body.page-id-138 .container.single-page-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-138 .wrapper {
    overflow: visible !important;
}


/* Locked header behavior */

@media (min-width: 960px) {
    body.page-id-138 header.header {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 9999999 !important;
        background: #FFFFFF !important;
    }

    body.page-id-138 #header-grid.site-header {
        position: relative !important;
        top: auto !important;
    }

    body.page-id-138 .kslm-role {
        margin-top: 100px !important;
    }
}


/* HERO */

.kslm-role__hero {
    padding: 40px 0 68px;

    background: var(--oxblood);
    color: rgba(255,255,255,.8);
}

.kslm-role__breadcrumbs {
    display: flex;
    gap: 9px;

    margin-bottom: 46px;

    color: rgba(255,255,255,.52);
    font-size: 11px;
}

.kslm-role__breadcrumbs a {
    color: inherit;
    text-decoration: none;
}

.kslm-role__hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        340px;

    gap: 88px;

    align-items: center;
}

.kslm-role__hero-copy {
    max-width: 720px;
}

.kslm-role__hero .kslm-role__eyebrow {
    margin-bottom: 20px;
}

.kslm-role__hero h1 {
    max-width: 720px;

    margin: 0 0 24px;

    color: #FFFFFF;

    font-size: clamp(46px,5vw,66px);
    font-weight: 500;
    line-height: 1.01;
    letter-spacing: -.04em;
}

.kslm-role__lede {
    max-width: 670px;

    margin: 0;

    color: rgba(255,255,255,.80);

    font-size: 18px;
    line-height: 1.65;
}

.kslm-role__hero-note {
    box-sizing: border-box;

    padding: 28px;

    border: 1px solid rgba(195,154,54,.52);

    background: var(--oxblood-950);
}

.kslm-role__note-label {
    margin: 0 0 22px;

    color: var(--gold);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .14em;

    text-transform: uppercase;
}

.kslm-role__hero-note p:not(.kslm-role__note-label) {
    margin: 0;

    padding: 16px 0;

    border-top: 1px solid rgba(195,154,54,.26);

    color: #FFFFFF;

    font-size: 14px;
    line-height: 1.5;
}


/* INTRO */

.kslm-role__intro {
    padding: 86px 0;

    background: #FFFFFF;
}

.kslm-role__intro .kslm-role__shell {
    max-width: 1040px;
}

.kslm-role__intro-grid {
    display: grid;

    grid-template-columns:
        minmax(280px,.8fr)
        minmax(0,1.2fr);

    gap: 86px;

    align-items: start;
}

.kslm-role__intro h2 {
    max-width: 430px;

    margin: 10px 0 0;

    font-size: clamp(34px,3.8vw,46px);
    font-weight: 500;
    line-height: 1.08;
}

.kslm-role__intro-copy {
    max-width: 650px;
}

.kslm-role__intro-copy p {
    margin: 0 0 19px;

    color: var(--muted);

    font-size: 16px;
    line-height: 1.75;
}


/* ROLE COMPARISON */

.kslm-role__compare {
    padding: 88px 0 94px;

    background: var(--warm);
}

.kslm-role__compare .kslm-role__shell {
    max-width: 1040px;
}

.kslm-role__compare h2 {
    max-width: 650px;

    margin: 10px 0 40px;

    font-size: clamp(34px,4vw,48px);
    font-weight: 500;
    line-height: 1.08;
}

.kslm-role__compare-grid {
    display: grid;

    grid-template-columns: repeat(2,minmax(0,1fr));

    gap: 20px;
}

.kslm-role__compare-grid > p:empty {
    display: none !important;
}

.kslm-role__card {
    padding: 32px;

    border: 1px solid rgba(61,12,2,.18);

    background: #FFFFFF;
}

.kslm-role__card--mediation {
    border-top: 4px solid var(--gold);
}

.kslm-role__card--law {
    border-top: 4px solid var(--oxblood-800);
}

.kslm-role__card-label {
    margin: 0 0 18px;

    color: var(--gold);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .13em;

    text-transform: uppercase;
}

.kslm-role__card h3 {
    margin: 0 0 18px;

    font-size: 25px;
    font-weight: 600;
}

.kslm-role__card p:not(.kslm-role__card-label) {
    margin: 0 0 17px;

    color: var(--muted);

    font-size: 15px;
    line-height: 1.72;
}

.kslm-role__card a {
    display: inline-block;

    margin-top: 8px;

    color: var(--oxblood-800);

    font-size: 13px;
    font-weight: 700;

    text-decoration: none;
}


/* HARD RULE */

.kslm-role__rule {
    padding: 78px 0 84px;

    background: var(--oxblood-950);

    color: rgba(255,255,255,.76);
}

.kslm-role__rule .kslm-role__eyebrow {
    margin-bottom: 22px;
}

.kslm-role__rule-grid {
    display: grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(0,1.1fr);

    gap: 90px;
}

.kslm-role__rule h2 {
    max-width: 520px;

    margin: 0;

    color: #FFFFFF;

    font-size: clamp(36px,4vw,50px);
    font-weight: 500;
    line-height: 1.08;
}

.kslm-role__rule-grid > div p {
    max-width: 620px;

    margin: 0 0 18px;

    color: rgba(255,255,255,.72);

    font-size: 15px;
    line-height: 1.72;
}

.kslm-role__rule-grid strong {
    color: #FFFFFF;
}


/* WHICH PATH */

.kslm-role__paths {
    padding: 88px 0 96px;

    background: #FFFFFF;
}

.kslm-role__paths h2 {
    max-width: 700px;

    margin: 10px 0 42px;

    font-size: clamp(34px,4vw,48px);
    font-weight: 500;
    line-height: 1.08;
}

.kslm-role__paths-grid {
    display: grid;

    grid-template-columns: repeat(3,minmax(0,1fr));

    gap: 20px;
}

.kslm-role__paths-grid > p:empty {
    display: none !important;
}

.kslm-role__paths-grid article {
    min-height: 290px;

    padding: 28px;

    border: 1px solid #D8D4CC;

    background: #FFFFFF;
}

.kslm-role__path-number {
    display: block;

    margin-bottom: 30px;

    color: var(--gold);

    font-size: 10px;
    font-weight: 700;
    letter-spacing: .12em;
}

.kslm-role__paths-grid h3 {
    margin: 0 0 13px;

    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.kslm-role__paths-grid p {
    margin: 0;

    color: var(--muted);

    font-size: 14px;
    line-height: 1.68;
}

.kslm-role__paths-grid a {
    display: inline-block;

    margin-top: 20px;

    color: var(--oxblood-800);

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;
}


/* LAW FIRM MARKETING */

.kslm-role__lawfirm {
    padding: 90px 0 96px;

    background: var(--soft-gold);
}

.kslm-role__lawfirm .kslm-role__shell {
    max-width: 1060px;
}

.kslm-role__lawfirm-grid {
    display: grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(0,1.1fr);

    gap: 86px;

    align-items: start;
}

.kslm-role__lawfirm h2 {
    max-width: 500px;

    margin: 10px 0 0;

    color: var(--charcoal);

    font-size: clamp(34px,4vw,48px);
    font-weight: 500;
    line-height: 1.08;
}

.kslm-role__lawfirm-copy {
    max-width: 620px;
}

.kslm-role__lawfirm-copy p {
    margin: 0 0 18px;

    color: #625A4E;

    font-size: 15px;
    line-height: 1.72;
}

.kslm-role__law-button {
    display: inline-flex;

    min-height: 46px;

    align-items: center;
    justify-content: center;

    margin-top: 10px;

    padding: 0 21px;

    border: 1px solid var(--oxblood-800);

    background: var(--oxblood-800);
    color: #FFFFFF;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .09em;

    text-decoration: none;
    text-transform: uppercase;
}


/* MEDIATION ROUTING */

.kslm-role__mediation {
    padding: 72px 0 76px;

    background: var(--oxblood-800);

    color: rgba(255,255,255,.8);
}

.kslm-role__mediation-grid {
    display: grid;

    grid-template-columns:
        minmax(280px,.8fr)
        minmax(0,1.2fr);

    gap: 80px;

    align-items: start;
}

.kslm-role__mediation h2 {
    margin: 9px 0 0;

    color: #FFFFFF;

    font-size: clamp(30px,3.5vw,42px);
    font-weight: 500;
}

.kslm-role__mediation p {
    max-width: 620px;

    margin: 0;

    color: rgba(255,255,255,.75);

    font-size: 15px;
    line-height: 1.7;
}

.kslm-role__mediation-links {
    display: flex;
    flex-wrap: wrap;

    gap: 12px 24px;

    margin-top: 22px;
}

.kslm-role__mediation-links a {
    color: var(--gold);

    font-size: 12px;
    font-weight: 700;

    text-decoration: none;
}


/* RESPONSIVE */

@media (max-width: 959px) {

    .kslm-role__hero-grid,
    .kslm-role__intro-grid,
    .kslm-role__rule-grid,
    .kslm-role__lawfirm-grid,
    .kslm-role__mediation-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .kslm-role__compare-grid,
    .kslm-role__paths-grid {
        grid-template-columns: 1fr;
    }

    .kslm-role__hero-note {
        max-width: 620px;
    }
}

@media (max-width: 767px) {

    .kslm-role__shell {
        padding-left: 18px;
        padding-right: 18px;
    }
}