/* =========================================================
   KHALEEJ VISION — ABOUT PAGE
   ========================================================= */


/* =========================================================
   PAGE TYPOGRAPHY
   Fonts are loaded in about.html
   ========================================================= */

.about-page{
    font-family:"Inter", Arial, sans-serif;
}

.about-page .eyebrow{
    font-family:"Inter", Arial, sans-serif;
    font-size:10px;
    font-weight:700;
    line-height:1;
    letter-spacing:.22em;
    text-transform:uppercase;
}

.about-page .eyebrow.dark{
    color:#A17A24;
}

.about-hero h1,
.about-who-copy h2,
.about-story-copy h2{
    font-family:Georgia, "Times New Roman", serif;
}

/* =========================================================
   ABOUT HERO
   ========================================================= */

.about-hero{
    position:relative;

    min-height:650px;

    overflow:hidden;

    color:#fff;
    background:#07111c;
}

.about-hero-media{
    position:absolute;
    inset:0;
    z-index:0;
}

.about-hero-media img{
    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center 52%;

    display:block;

    filter:
        brightness(.82)
        contrast(1.04)
        saturate(.96);
}

.about-hero-overlay{
    position:absolute;
    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            90deg,
            rgba(5,14,23,.97) 0%,
            rgba(5,14,23,.91) 24%,
            rgba(5,14,23,.70) 42%,
            rgba(5,14,23,.30) 60%,
            rgba(5,14,23,.06) 80%,
            rgba(5,14,23,.02) 100%
        ),
        linear-gradient(
            0deg,
            rgba(5,14,23,.25) 0%,
            rgba(5,14,23,.04) 60%,
            rgba(5,14,23,.12) 100%
        );
}

/* Subtle technical grid */
.about-hero::after{
    content:"";

    position:absolute;
    inset:0;

    z-index:2;

    pointer-events:none;

    opacity:.06;

    background-image:
        linear-gradient(
            rgba(255,255,255,.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.05) 1px,
            transparent 1px
        );

    background-size:76px 76px;

    mask-image:
        linear-gradient(
            to right,
            transparent 25%,
            #000 72%,
            #000 100%
        );

    -webkit-mask-image:
        linear-gradient(
            to right,
            transparent 25%,
            #000 72%,
            #000 100%
        );
}

.about-hero-inner{
    position:relative;

    z-index:4;

    min-height:650px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding-top:145px;
    padding-bottom:65px;
}

.about-hero-copy{
    width:52%;
    max-width:650px;
}

.about-hero .eyebrow{
    margin-bottom:24px;

    color:var(--gold-light);
}

.about-hero h1{
    margin:0;
    max-width:650px;

    color:#fff;

    font-family:Georgia, "Times New Roman", serif;

    font-size:clamp(58px,5vw,86px);
    font-weight:600;

    line-height:.94;
    letter-spacing:-.035em;
}

.gold-dot{
    color:var(--gold-light);
}

.about-hero-copy p{
    max-width:540px;

    margin:
        30px
        0
        0;

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

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

.about-hero-side-note{
    align-self:flex-end;

    margin-bottom:55px;

    display:flex;
    flex-direction:column;

    gap:7px;

    padding-left:24px;

    border-left:
        1px solid
        rgba(221,187,106,.60);

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

    font-size:9px;

    letter-spacing:.23em;

    text-transform:uppercase;
}


/* =========================================================
   WHO WE ARE
   ========================================================= */

.about-who{
    position:relative;

    padding:
        90px
        0;

    background:#F7F4ED;

    color:#111A23;
}

.about-who-grid{
    display:grid;

    grid-template-columns:
        1.05fr
        .72fr
        .86fr;

    align-items:stretch;

    gap:0;
}


/* -------------------------
   LEFT COPY
   ------------------------- */

.about-who-copy{
    padding:
        15px
        58px
        15px
        0;
}

.about-who-copy .eyebrow{
    margin-bottom:20px;
}

.about-who-copy h2,
.about-story-copy h2{
    margin:0 0 28px;

    color:#0B1623;

    font-family:Georgia, "Times New Roman", serif;

    font-size:clamp(40px,3vw,52px);
    font-weight:600;

    line-height:1.02;
    letter-spacing:-.025em;
}

.about-who-copy p,
.about-story-copy p{
    max-width:540px;

    margin:
        0
        0
        19px;

    color:#555F68;

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


/* -------------------------
   COMPANY SPECS
   ------------------------- */

.about-specs{
    display:grid;

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

    gap:0;

    margin-top:34px;

    border-top:
        1px solid
        rgba(11,22,35,.14);

    border-bottom:
        1px solid
        rgba(11,22,35,.14);
}

.about-spec{
    position:relative;

    min-height:100px;

    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
        22px
        15px
        16px;

    border-right:
        1px solid
        rgba(11,22,35,.14);
}

.about-spec:last-child{
    border-right:0;
}

.about-spec > span{
    position:absolute;

    top:11px;
    right:12px;

    color:
        rgba(11,22,35,.22);

    font-family:"Cormorant Garamond", Georgia, serif;

    font-size:18px;
}

.about-spec small{
    margin-bottom:8px;

    color:#A17A24;

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

    letter-spacing:.18em;
}

.about-spec strong{
    color:#0B1623;

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

    line-height:1.4;

    letter-spacing:.035em;
}


/* -------------------------
   SURVEYOR IMAGE
   ------------------------- */

.about-who-image{
    position:relative;

    min-height:0;

    overflow:hidden;

    background:#0B1623;
}

.about-who-image img{
    width:100%;
    height:100%;

    min-height:520px;
    max-height:570px;

    object-fit:cover;
    object-position:center 42%;

    display:block;
}

.about-who-image::after{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    box-shadow:
        inset 0 0 60px
        rgba(5,14,23,.10);
}


/* -------------------------
   VISION / MISSION PANEL
   ------------------------- */

.about-values-panel{
    display:flex;
    flex-direction:column;
    justify-content:center;

    gap:0;

    padding:
        32px
        34px;

    background:
        linear-gradient(
            150deg,
            #091724,
            #06111B
        );

    color:#fff;
}

.about-value-item{
    display:grid;

    grid-template-columns:
        32px
        1fr;

    gap:15px;

    padding:
        26px
        0;

    border-bottom:
        1px solid
        rgba(255,255,255,.10);
}

.about-value-item:last-child{
    border-bottom:0;
}

.about-value-number{
    color:var(--gold-light);

    font-family:"Cormorant Garamond", Georgia, serif;

    font-size:17px;
}

.about-value-item h3{
    margin:
        0
        0
        10px;

    color:var(--gold-light);

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

    letter-spacing:.20em;
}

.about-value-item p{
    margin:0;

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

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

.about-values-list{
    display:flex;
    flex-wrap:wrap;

    gap:
        8px
        20px;
}

.about-values-list span{
    position:relative;

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

    font-size:12px;
}

.about-values-list span:not(:last-child)::after{
    content:"";

    position:absolute;

    width:3px;
    height:3px;

    right:-12px;
    top:50%;

    border-radius:50%;

    background:var(--gold);
}

/* =========================================================
   LEADERSHIP
   ========================================================= */

.about-leadership{
    position:relative;

    padding:
        105px
        0;

    overflow:hidden;

    background:#081521;

    color:#fff;
}


/* subtle background glow */
.about-leadership::before{
    content:"";

    position:absolute;

    width:650px;
    height:650px;

    right:-220px;
    top:-240px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(221,187,106,.10),
            transparent 68%
        );

    pointer-events:none;
}


.about-leadership-grid{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        .82fr
        1.18fr;

    gap:90px;

    align-items:center;
}


/* =========================================================
   PORTRAIT
   ========================================================= */

.leadership-photo{
    position:relative;

    max-width:500px;

    overflow:hidden;

    background:#101D29;
}


.leadership-photo img{
    width:100%;

    aspect-ratio:
        4 / 5;

    object-fit:cover;

    object-position:center top;

    display:block;
}


.leadership-photo::after{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    box-shadow:
        inset 0 0 70px
        rgba(4,10,17,.20);
}


.leadership-photo-tag{
    position:absolute;

    z-index:3;

    left:22px;
    right:22px;
    bottom:20px;

    display:flex;
    justify-content:space-between;

    gap:20px;

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

    font-size:8px;

    letter-spacing:.19em;

    text-transform:uppercase;
}


/* =========================================================
   LEADERSHIP COPY
   ========================================================= */

.leadership-copy{
    max-width:680px;
}


.about-leadership .eyebrow{
    margin-bottom:22px;

    color:var(--gold-light);
}


.leadership-copy h2{
    margin:
        0
        0
        38px;

    color:#fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(
            44px,
            3.8vw,
            64px
        );

    font-weight:600;

    line-height:.98;

    letter-spacing:-.025em;
}


/* name and role */

.leadership-name-block{
    padding:
        0
        0
        24px;

    margin-bottom:26px;

    border-bottom:
        1px solid
        rgba(255,255,255,.12);
}


.leadership-name-block h3{
    margin:
        0
        0
        6px;

    color:#fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:30px;

    font-weight:600;
}


.leadership-name-block span{
    color:var(--gold-light);

    font-size:11px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;
}


.leadership-copy > p{
    max-width:620px;

    margin:
        0
        0
        36px;

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

    font-size:15px;

    line-height:1.8;
}


/* =========================================================
   QUALIFICATION DETAILS
   ========================================================= */

.leadership-details{
    display:grid;

    grid-template-columns:
        1.55fr
        .7fr
        .55fr;

    gap:0;

    border-top:
        1px solid
        rgba(255,255,255,.12);

    border-bottom:
        1px solid
        rgba(255,255,255,.12);
}


.leadership-details > div{
    min-height:105px;

    display:flex;
    flex-direction:column;

    justify-content:center;

    padding:
        20px
        24px;

    border-right:
        1px solid
        rgba(255,255,255,.12);
}


.leadership-details > div:first-child{
    padding-left:0;
}


.leadership-details > div:last-child{
    border-right:0;
}


.leadership-details small{
    margin-bottom:9px;

    color:var(--gold-light);

    font-size:8px;

    font-weight:700;

    letter-spacing:.18em;
}


.leadership-details strong{
    color:#fff;

    font-size:13px;

    font-weight:500;

    line-height:1.5;
}


/* =========================================================
   SIGNATURE LINE
   ========================================================= */

.leadership-signature{
    display:flex;

    align-items:center;

    gap:15px;

    margin-top:30px;
}


.leadership-signature > span{
    width:38px;
    height:1px;

    background:var(--gold);
}


.leadership-signature small{
    color:
        rgba(255,255,255,.42);

    font-size:8px;

    letter-spacing:.19em;
}


/* =========================================================
   LEADERSHIP RTL
   ========================================================= */

body.rtl
.about-leadership-grid{
    direction:rtl;
}


body.rtl
.leadership-details > div{
    border-right:0;

    border-left:
        1px solid
        rgba(255,255,255,.12);
}


body.rtl
.leadership-details > div:first-child{
    padding-left:24px;
    padding-right:0;
}


body.rtl
.leadership-details > div:last-child{
    border-left:0;
}


/* =========================================================
   LEADERSHIP RESPONSIVE
   ========================================================= */

@media(max-width:980px){

    .about-leadership{
        padding:
            85px
            0;
    }


    .about-leadership-grid{
        grid-template-columns:
            .78fr
            1.22fr;

        gap:50px;
    }


    .leadership-copy h2{
        font-size:48px;
    }


    .leadership-details{
        grid-template-columns:1fr;
    }


    .leadership-details > div{
        min-height:auto;

        padding:
            18px
            0;

        border-right:0;

        border-bottom:
            1px solid
            rgba(255,255,255,.12);
    }


    .leadership-details > div:last-child{
        border-bottom:0;
    }

}


@media(max-width:720px){

    .about-leadership-grid{
        grid-template-columns:1fr;

        gap:48px;
    }


    .leadership-photo{
        width:min(
            100%,
            430px
        );

        margin:
            0
            auto;
    }


    .leadership-copy h2{
        font-size:40px;
    }

}


/* =========================================================
   OUR STORY
   ========================================================= */

.about-story{
    position:relative;

    overflow:hidden;

    padding:
        100px
        0
        105px;

    background:#F3EFE6;
}

/* Decorative contour background */
.about-story::before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    opacity:.065;

    background:
        repeating-radial-gradient(
            ellipse
            at
            62%
            53%,

            transparent 0,
            transparent 34px,

            #9D7626 35px,

            transparent 36px,
            transparent 52px
        );

    transform:
        scaleX(1.4)
        rotate(-5deg);
}

.about-story-grid{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        .78fr
        1.22fr;

    gap:70px;

    align-items:center;
}


/* -------------------------
   STORY COPY
   ------------------------- */

.about-story-copy{
    max-width:550px;
}

.about-story-copy .eyebrow{
    margin-bottom:20px;
}

.about-parent-company{
    display:flex;
    align-items:center;

    gap:14px;

    margin-top:34px;

    color:#A17A24;

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

    letter-spacing:.18em;
}

.about-parent-company > span{
    width:36px;
    height:1px;

    background:var(--gold);
}


/* -------------------------
   STORY PHOTOS
   ------------------------- */

.about-story-images{
    display:grid;

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

    gap:20px;

    align-items:start;
}

.about-story-card{
    margin:0;
}

.about-story-card:nth-child(2){
    transform:none;
}

.about-story-card img{
    width:100%;

    aspect-ratio:
        4 / 3;

    object-fit:cover;

    display:block;
}

.about-story-card figcaption{
    display:flex;
    align-items:center;

    gap:12px;

    padding-top:16px;

    color:#6E747B;

    font-size:8px;
    font-weight:600;

    letter-spacing:.21em;

    text-transform:uppercase;
}

.about-story-card figcaption::after{
    content:"";

    width:35px;
    height:1px;

    background:var(--gold);
}


/* =========================================================
   RTL / ARABIC
   ========================================================= */

body.rtl.about-page
.about-hero-overlay{
    background:
        linear-gradient(
            270deg,
            rgba(5,14,23,.97) 0%,
            rgba(5,14,23,.91) 24%,
            rgba(5,14,23,.70) 42%,
            rgba(5,14,23,.30) 60%,
            rgba(5,14,23,.06) 80%,
            rgba(5,14,23,.02) 100%
        ),
        linear-gradient(
            0deg,
            rgba(5,14,23,.25),
            rgba(5,14,23,.04) 60%,
            rgba(5,14,23,.12)
        );
}

body.rtl.about-page
.about-hero h1,

body.rtl.about-page
.about-who-copy h2,

body.rtl.about-page
.about-story-copy h2{
    font-family:
        Tahoma,
        "Segoe UI",
        Arial,
        sans-serif;

    letter-spacing:0;
}

body.rtl
.about-hero-side-note{
    padding-left:0;
    padding-right:24px;

    border-left:0;

    border-right:
        1px solid
        rgba(221,187,106,.60);
}

body.rtl
.about-who-copy{
    padding:
        15px
        0
        15px
        58px;
}

body.rtl
.about-spec{
    border-right:0;

    border-left:
        1px solid
        rgba(11,22,35,.14);
}

body.rtl
.about-spec:last-child{
    border-left:0;
}

body.rtl
.about-spec > span{
    right:auto;
    left:12px;
}


/* =========================================================
   RESPONSIVE — LARGE TABLET / SMALL LAPTOP
   ========================================================= */

@media(max-width:1200px){

    .about-who-grid{
        grid-template-columns:
            1fr
            .72fr;
    }

    .about-values-panel{
        grid-column:
            1 / -1;

        display:grid;

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

        padding:
            18px
            34px;
    }

    .about-value-item{
        border-bottom:0;

        border-right:
            1px solid
            rgba(255,255,255,.10);

        padding:
            28px;
    }

    .about-value-item:last-child{
        border-right:0;
    }

}


/* =========================================================
   RESPONSIVE — TABLET
   ========================================================= */

@media(max-width:980px){

     /* HERO */

    .about-hero{
        min-height:620px;
    }

    .about-hero-inner{
        min-height:620px;

        padding-top:130px;
        padding-bottom:55px;
    }

    .about-hero-copy{
        width:72%;
        max-width:620px;
    }

    .about-hero h1{
        font-size:60px;
    }

    .about-hero-side-note{
        display:none;
    }


    /* WHO WE ARE */

    .about-who{
        padding:
            80px
            0;
    }

    .about-who-grid{
        grid-template-columns:1fr;
    }

    .about-who-copy{
        padding:
            0
            0
            50px;
    }

    body.rtl
    .about-who-copy{
        padding:
            0
            0
            50px;
    }

    .about-who-image img{
        min-height:520px;
        max-height:620px;

        object-position:center 40%;
    }

    .about-values-panel{
        grid-template-columns:1fr;

        padding:
            24px
            34px;
    }

    .about-value-item{
        border-right:0;

        border-bottom:
            1px solid
            rgba(255,255,255,.10);

        padding:
            26px
            0;
    }


    /* STORY */

    .about-story-grid{
        grid-template-columns:1fr;

        gap:55px;
    }

    .about-story-copy{
        max-width:650px;
    }

}


/* =========================================================
   RESPONSIVE — MOBILE
   ========================================================= */

@media(max-width:620px){

    /* HERO */

    .about-hero{
        min-height:590px;
    }

    .about-hero-media img{
        object-position:62% center;
    }

    .about-hero-inner{
        min-height:590px;

        padding-top:105px;
        padding-bottom:50px;
    }

    .about-hero-copy{
        width:100%;
    }

    .about-hero h1{
        font-size:46px;

        line-height:.95;
    }

    .about-hero-copy p{
        max-width:92%;

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


    /* WHO WE ARE */

    .about-who{
        padding:
            65px
            0;
    }

    .about-who-copy h2,
    .about-story-copy h2{
        font-size:38px;
    }

    .about-who-copy p,
    .about-story-copy p{
        font-size:14px;
        line-height:1.75;
    }

    .about-specs{
        grid-template-columns:1fr;

        margin-top:28px;
    }

    .about-spec{
        min-height:85px;

        border-right:0 !important;
        border-left:0 !important;

        border-bottom:
            1px solid
            rgba(11,22,35,.14);
    }

    .about-spec:last-child{
        border-bottom:0;
    }

    .about-who-image img{
        min-height:430px;
        max-height:480px;
    }

    .about-values-panel{
        padding:
            20px
            26px;
    }


    /* STORY */

    .about-story{
        padding:
            70px
            0
            80px;
    }

    .about-story-grid{
        gap:42px;
    }

    .about-story-images{
        grid-template-columns:1fr;

        gap:30px;
    }

    .about-story-card:nth-child(2){
        transform:none;
    }

    .about-story-card img{
        aspect-ratio:
            4 / 3;
    }

}

/* =========================================================
   LIGHT THEME OVERRIDES — ABOUT PAGE
   ========================================================= */

.about-page.theme-active{
    background:var(--theme-page-bg);
    color:var(--theme-text);
}

.about-page.theme-active .eyebrow.dark{
    color:var(--theme-accent-text);
}


/* Hero remains photographic, but the overlay is palette-tinted. */

.about-page.theme-active .about-hero{
    background:var(--theme-primary);
    color:#fff;
}

.about-page.theme-active .about-hero-overlay{
    background:
        linear-gradient(
            90deg,
            rgba(var(--theme-photo-dark-rgb),.94) 0%,
            rgba(var(--theme-photo-dark-rgb),.86) 24%,
            rgba(var(--theme-photo-dark-rgb),.65) 42%,
            rgba(var(--theme-photo-dark-rgb),.30) 60%,
            rgba(var(--theme-photo-dark-rgb),.06) 80%,
            rgba(var(--theme-photo-dark-rgb),.02) 100%
        ),
        linear-gradient(
            0deg,
            rgba(var(--theme-photo-dark-rgb),.24) 0%,
            rgba(var(--theme-photo-dark-rgb),.04) 60%,
            rgba(var(--theme-photo-dark-rgb),.11) 100%
        );
}

body.rtl.about-page.theme-active .about-hero-overlay{
    background:
        linear-gradient(
            270deg,
            rgba(var(--theme-photo-dark-rgb),.94) 0%,
            rgba(var(--theme-photo-dark-rgb),.86) 24%,
            rgba(var(--theme-photo-dark-rgb),.65) 42%,
            rgba(var(--theme-photo-dark-rgb),.30) 60%,
            rgba(var(--theme-photo-dark-rgb),.06) 80%,
            rgba(var(--theme-photo-dark-rgb),.02) 100%
        ),
        linear-gradient(
            0deg,
            rgba(var(--theme-photo-dark-rgb),.24),
            rgba(var(--theme-photo-dark-rgb),.04) 60%,
            rgba(var(--theme-photo-dark-rgb),.11)
        );
}


/* Who we are */

.about-page.theme-active .about-who{
    background:var(--theme-page-bg);
    color:var(--theme-text);
}

.about-page.theme-active .about-who-copy h2,
.about-page.theme-active .about-story-copy h2{
    color:var(--theme-primary);
}

.about-page.theme-active .about-who-copy p,
.about-page.theme-active .about-story-copy p{
    color:var(--theme-muted);
}

.about-page.theme-active .about-specs{
    border-top-color:var(--theme-border);
    border-bottom-color:var(--theme-border);
}

.about-page.theme-active .about-spec{
    border-right-color:var(--theme-border);
}

.about-page.theme-active .about-spec > span{
    color:color-mix(in srgb,var(--theme-primary) 24%,transparent);
}

.about-page.theme-active .about-spec strong{
    color:var(--theme-primary);
}

.about-page.theme-active .about-spec small{
    color:var(--theme-accent-text);
}

.about-page.theme-active .about-who-image{
    background:var(--theme-primary);
}


/* Vision / mission / values */

.about-page.theme-active .about-values-panel{
    background:
        linear-gradient(
            150deg,
            var(--theme-strong),
            color-mix(in srgb,var(--theme-strong) 78%,var(--theme-page-bg))
        );
    color:var(--theme-strong-text);
}

.about-page.theme-active .about-value-item{
    border-color:var(--theme-strong-border);
}

.about-page.theme-active .about-value-number,
.about-page.theme-active .about-value-item h3{
    color:var(--theme-accent-text);
}

.about-page.theme-active .about-value-item p,
.about-page.theme-active .about-values-list span{
    color:var(--theme-strong-muted);
}


/* Legacy leadership block — styled even if currently unused in HTML. */

.about-page.theme-active .about-leadership{
    background:var(--theme-strong);
    color:var(--theme-strong-text);
}

.about-page.theme-active .about-leadership .eyebrow,
.about-page.theme-active .leadership-name-block span,
.about-page.theme-active .leadership-details small{
    color:var(--theme-accent-text);
}

.about-page.theme-active .leadership-copy h2,
.about-page.theme-active .leadership-name-block h3,
.about-page.theme-active .leadership-details strong{
    color:var(--theme-strong-text);
}

.about-page.theme-active .leadership-copy > p,
.about-page.theme-active .leadership-photo-tag,
.about-page.theme-active .leadership-signature small{
    color:var(--theme-strong-muted);
}

.about-page.theme-active .leadership-name-block,
.about-page.theme-active .leadership-details,
.about-page.theme-active .leadership-details > div{
    border-color:var(--theme-strong-border);
}


/* Story */

.about-page.theme-active .about-story{
    background:var(--theme-surface-soft);
}

.about-page.theme-active .about-parent-company{
    color:var(--theme-accent-text);
}

.about-page.theme-active .about-story-card figcaption{
    color:var(--theme-muted);
}


/* RTL spec dividers */

body.rtl.about-page.theme-active .about-spec{
    border-left-color:var(--theme-border);
}

@media(max-width:620px){

    .about-page.theme-active .about-spec{
        border-bottom-color:var(--theme-border);
    }
}