/* ==========================================================
   EDUCATION IN BASKINTA V1
   Uses locked Baskinta typography system
   ========================================================== */

.bk-education {
    width:100%;
    overflow:hidden;

    background:#fff;

    color:
        var(--bk-type-body-color);
}


.bk-education-container {
    width:min(calc(100% - 80px),1380px);

    margin-left:auto;
    margin-right:auto;
}


.bk-education-kicker {
    display:block;

    margin-bottom:14px;

    color:#59bcd3;

    font-family:
        var(--bk-type-ui);

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

    line-height:1.2;

    letter-spacing:.16em;

    text-transform:uppercase;
}


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

.bk-education-hero {
    position:relative;

    display:flex;
    align-items:center;

    min-height:520px;

    background:
        linear-gradient(
            90deg,
            rgba(7,54,73,.82) 0%,
            rgba(7,54,73,.60) 42%,
            rgba(7,54,73,.20) 73%,
            rgba(7,54,73,.06) 100%
        ),
        url('/wp-content/uploads/2026/09/education/education-baskinta-hero.jpg')
        center center / cover no-repeat;

    color:#fff;
}


.bk-education-hero::after {
    content:"";

    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02),
            rgba(0,0,0,.12)
        );

    pointer-events:none;
}


.bk-education-hero-copy {
    position:relative;
    z-index:2;

    padding-top:85px;
    padding-bottom:85px;
}


.bk-education-hero h1 {
    max-width:760px;

    margin:0;

    color:#fff;

    font-family:
        var(--bk-type-editorial);

    font-size:
        clamp(64px,6.2vw,94px);

    font-weight:700;

    line-height:.94;

    letter-spacing:-.045em;

    text-shadow:
        0 3px 24px
        rgba(0,0,0,.14);
}


.bk-education-hero p {
    max-width:590px;

    margin:
        25px
        0
        0;

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

    font-family:
        var(--bk-type-body);

    font-size:16px;

    line-height:1.7;
}


/* ==========================================================
   INTRODUCTION
   ========================================================== */

.bk-education-intro {
    padding:
        100px
        0;
}


.bk-education-intro-grid {
    display:grid;

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

    gap:100px;
}


.bk-education-intro h2 {
    max-width:580px;

    margin:0;

    color:#164b63;

    font-family:
        var(--bk-type-editorial);

    font-size:
        clamp(42px,4vw,62px);

    font-weight:700;

    line-height:.98;

    letter-spacing:-.04em;
}


.bk-education-intro-copy {
    max-width:690px;
}


.bk-education-intro-copy p {
    margin:
        0
        0
        18px;

    font-family:
        var(--bk-type-body);

    font-size:15px;

    line-height:1.85;
}


@media(max-width:767px) {

    .bk-education-container {
        width:
            calc(100% - 36px);
    }


    .bk-education-hero {
        min-height:480px;

        background-position:center;
    }


    .bk-education-hero h1 {
        font-size:
            clamp(54px,15vw,72px);
    }


    .bk-education-intro {
        padding:
            70px
            0;
    }


    .bk-education-intro-grid {
        grid-template-columns:1fr;

        gap:35px;
    }

}



/* ==========================================================
   EDUCATION — SCHOOL PROFILES
   ========================================================== */

.bk-education-schools {
    padding:100px 0 115px;

    background:#f6f8f7;

    border-top:
        1px solid #e7ecea;
}


.bk-education-section-head {
    margin-bottom:65px;
}


.bk-education-head-grid {
    display:grid;

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

    gap:100px;

    align-items:end;
}


.bk-education-head-grid h2 {
    max-width:580px;

    margin:0;

    color:#164b63;

    font-family:
        var(--bk-type-editorial);

    font-size:
        clamp(42px,4vw,62px);

    font-weight:700;

    line-height:.98;

    letter-spacing:-.04em;
}


.bk-education-head-grid p {
    max-width:650px;

    margin:0;

    font-family:
        var(--bk-type-body);

    font-size:15px;

    line-height:1.85;
}


/* PROFILE */

.bk-school-profile {
    padding:65px 0;

    border-top:
        1px solid #dfe7e4;
}


.bk-school-grid {
    display:grid;

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

    gap:85px;

    align-items:center;
}


/* LOCKED IMAGE SYSTEM */

.bk-school-photo {
    width:100%;

    aspect-ratio:1 / .78;

    overflow:hidden;

    border-radius:16px;

    background:#e8ece9;
}


.bk-school-photo img {
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    object-position:center;

    transition:
        transform .4s ease;
}


.bk-school-profile:hover
.bk-school-photo img {
    transform:scale(1.015);
}


/* COPY */

.bk-school-copy {
    max-width:590px;
}


.bk-school-number {
    display:block;

    margin-bottom:9px;

    color:#a2afb1;

    font-family:
        var(--bk-type-ui);

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

    letter-spacing:.12em;
}


.bk-school-type {
    display:block;

    margin-bottom:12px;

    color:#0877a6;

    font-family:
        var(--bk-type-ui);

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

    letter-spacing:.14em;
}


.bk-school-copy h3 {
    margin:0 0 14px;

    color:#164b63;

    font-family:
        var(--bk-type-editorial);

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

    font-weight:700;

    line-height:.96;

    letter-spacing:-.042em;
}


.bk-school-date {
    display:block;

    margin-bottom:22px;

    color:#176a53;

    font-family:
        var(--bk-type-body);

    font-size:13px;
    font-weight:750;
}


.bk-school-copy p {
    margin:0 0 17px;

    color:
        var(--bk-type-body-color);

    font-family:
        var(--bk-type-body);

    font-size:14px;

    line-height:1.85;
}


.bk-school-arabic {
    margin:
        -2px
        0
        22px;

    color:#667b8e;

    font-family:
        Tahoma,
        Arial,
        sans-serif;

    font-size:20px;

    text-align:left;
}


@media(max-width:767px) {

    .bk-education-head-grid,
    .bk-school-grid {
        grid-template-columns:1fr;

        gap:35px;
    }


    .bk-school-profile-alt
    .bk-school-copy {
        order:2;
    }


    .bk-school-profile-alt
    .bk-school-photo {
        order:1;
    }


    .bk-school-profile {
        padding:50px 0;
    }


    .bk-school-photo {
        aspect-ratio:1 / .82;
    }

}



/* ==========================================================
   EDUCATION — SCHOOL SECTION SPACING FIX
   Header removed: eliminate obsolete gap + first separator
   ========================================================== */

.bk-education-schools {
    padding-top:0 !important;
}


/* First school begins without separator or artificial gap */

.bk-education-schools
.bk-school-profile:first-child {
    padding-top:55px !important;

    border-top:0 !important;
}


/* Keep normal separation between subsequent schools */

.bk-education-schools
.bk-school-profile + .bk-school-profile {
    border-top:
        1px solid #dfe7e4;
}


@media(max-width:767px) {

    .bk-education-schools
    .bk-school-profile:first-child {
        padding-top:40px !important;
    }

}