/* ==========================================================
   BASKINTA THROUGH THE YEARS
   ========================================================== */

.bk-archive {
    background:#fff;
    color:var(--bk-type-body-color);
    overflow:hidden;
}

.bk-archive-container {
    width:min(calc(100% - 80px),1380px);
    margin:0 auto;
}

.bk-archive-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-archive-hero {
    min-height:520px;

    display:flex;
    align-items:center;

    background:
        linear-gradient(
            90deg,
            rgba(7,54,73,.84),
            rgba(7,54,73,.58) 44%,
            rgba(7,54,73,.15) 78%
        ),
        url('/wp-content/uploads/baskinta-qa/gallery/images/baskinta-online-hero-panorama-018-baskinta-village-01-qa.jpg')
        center / cover no-repeat;

    color:#fff;
}

.bk-archive-hero-copy {
    padding-top:85px;
    padding-bottom:85px;
}

.bk-archive-hero h1 {
    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;
}

.bk-archive-hero p {
    max-width:570px;

    margin:25px 0 0;

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

    font-family:var(--bk-type-body);
    font-size:16px;
    line-height:1.7;
}


/* INTRO */

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

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

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

    gap:100px;
}

.bk-archive-intro h2,
.bk-archive-library h2,
.bk-archive-preserve h2 {
    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-archive-intro-copy p {
    margin:0 0 18px;

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

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


/* COLLECTIONS */

.bk-archive-collections {
    padding:95px 0 110px;

    background:#f6f8f7;
}

.bk-archive-collection-grid {
    display:grid;

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

    gap:20px;
}

.bk-archive-card {
    overflow:hidden;

    border-radius:16px;

    background:#fff;

    border:1px solid #e1e7e4;
}

.bk-archive-card-photo {
    min-height:250px;

    background-size:cover;
    background-position:center;
}

.bk-archive-old .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/baskinta-qa/gallery/images/baskinta-online-culture-heritage-013-old-baskinta-house-qa.jpg');
}

.bk-archive-people .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/baskinta-qa/gallery/images/baskinta-online-culture-heritage-014-mikhail-naimy-qa.jpg');
}

.bk-archive-winter .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/2026/09/snow-marj-baskinta.jpg');
}

.bk-archive-moon .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/baskinta-qa/gallery/images/baskinta-online-hero-panorama-007-evenings-in-baskinta-qa.jpg');
}

.bk-archive-cross .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/baskinta-qa/gallery/images/baskinta-online-religious-tourism-020-chapel-mount-sannine-qa.jpg');
}

.bk-archive-faith .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/2026/09/st-mary-historical-church-baskinta-1024x683.png');
}

.bk-archive-card-copy {
    min-height:245px;
    padding:27px;
}

.bk-archive-card-copy > span {
    color:#0877a6;

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

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

    letter-spacing:.14em;
}

.bk-archive-card h3 {
    margin:11px 0 14px;

    color:#164b63;

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

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

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

.bk-archive-card p {
    margin:0;

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

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

.bk-archive-card small {
    display:block;

    margin-top:20px;

    color:#8b9a9e;

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

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

    letter-spacing:.12em;
}


/* LIBRARY */

.bk-archive-library {
    padding:100px 0;
}

.bk-archive-library-grid {
    display:grid;

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

    gap:100px;
}

.bk-archive-library-copy p {
    max-width:600px;

    margin:0 0 20px;

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

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

.bk-archive-library-copy span {
    color:#0877a6;

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

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

    letter-spacing:.14em;
}


/* PRESERVE */

.bk-archive-preserve {
    padding:100px 0;

    background:#164b63;
}

.bk-archive-preserve .bk-archive-kicker {
    color:#7ed3df;
}

.bk-archive-preserve h2 {
    max-width:720px;

    color:#fff;
}

.bk-archive-preserve p {
    max-width:650px;

    margin:25px 0 0;

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

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

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


@media(max-width:900px) {

    .bk-archive-intro-grid,
    .bk-archive-library-grid {
        grid-template-columns:1fr;
        gap:35px;
    }

    .bk-archive-collection-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}


@media(max-width:600px) {

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

    .bk-archive-collection-grid {
        grid-template-columns:1fr;
    }

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



/* ==========================================================
   THROUGH THE YEARS — DEFINITIVE COLLECTION COVERS
   ========================================================== */

.bk-archive-old .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/baskinta-archive/through-the-years/baskinta-rooftops-cover.jpg') !important;
}

.bk-archive-people .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/baskinta-archive/through-the-years/baskinta-grandfathers-cover.jpg') !important;
}

.bk-archive-winter .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/baskinta-archive/through-the-years/baskinta-winter-cover.jpg') !important;
}

.bk-archive-moon .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/baskinta-archive/through-the-years/baskinta-moon-sannine-cover.jpg') !important;
}

.bk-archive-cross .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/baskinta-archive/through-the-years/baskinta-unity-cross-cover.jpg') !important;
}

.bk-archive-faith .bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/baskinta-archive/through-the-years/baskinta-batrack-visit.jpg') !important;
}



/* ==========================================================
   ARCHIVE — ABDALLAH GHANEM LIBRARY CARD
   ========================================================== */

.bk-archive-library-card
.bk-archive-card-photo {
    background-image:
        url('/wp-content/uploads/baskinta-archive/through-the-years/abdallah-ghanem-inoguration.jpg') !important;

    background-size:cover;
    background-position:center;
}


/* ==========================================================
   ARCHIVE — PATRIARCH VISIT FEATURE
   ========================================================== */

.bk-archive-patriarch-feature {
    display:grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(0,.85fr);

    min-height:500px;

    background:#f4f2eb;
}


.bk-archive-patriarch-photo {
    min-height:500px;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.02),
            rgba(0,0,0,.14)
        ),
        url('/wp-content/uploads/baskinta-archive/through-the-years/baskinta-batrack-visit.jpg');

    background-size:cover;
    background-position:center;
}


.bk-archive-patriarch-copy {
    display:flex;
    flex-direction:column;
    justify-content:center;

    padding:
        70px
        clamp(50px,7vw,110px);
}


.bk-archive-patriarch-copy
.bk-archive-kicker {
    color:#0877a6;
}


.bk-archive-patriarch-copy h2 {
    max-width:620px;

    margin:0;

    color:#164b63;

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

    font-size:
        clamp(46px,4.8vw,70px);

    font-weight:700;

    line-height:.95;

    letter-spacing:-.045em;
}


.bk-archive-patriarch-copy p {
    max-width:520px;

    margin:
        25px
        0
        24px;

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

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

    font-size:15px;

    line-height:1.85;
}


.bk-archive-patriarch-copy strong {
    color:#0877a6;

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

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

    letter-spacing:.14em;
}


@media(max-width:767px) {

    .bk-archive-patriarch-feature {
        grid-template-columns:1fr;

        min-height:0;
    }


    .bk-archive-patriarch-photo {
        min-height:360px;
    }


    .bk-archive-patriarch-copy {
        padding:
            55px
            28px;
    }

}