/**
 * Ballia Jaipuria School v4.4.0
 * Homepage clarity and alignment correction.
 * Scope: Why Ballia Jaipuria + Learning Beyond the Classroom.
 */

/* Readable saffron is reserved for small text on light backgrounds.
   Brand saffron remains unchanged for decorative fills and borders. */
body.bjs-corporate-safe-v42{
    --bjs-readable-saffron:#8F4200;
    --bjs-readable-copy:#4B405A;
}

/* --------------------------------------------------------------------------
   WHY BALLIA JAIPURIA
   -------------------------------------------------------------------------- */
body.bjs-corporate-safe-v42 .bjs-school-purpose{
    background:linear-gradient(180deg,#FFFFFF 0%,#FFF8EC 100%);
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-grid{
    display:grid;
    grid-template-columns:minmax(320px,.86fr) minmax(0,1.14fr);
    gap:clamp(44px,6vw,86px);
    align-items:stretch;
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-copy{
    position:static;
    top:auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:clamp(8px,2vw,24px) 0;
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-section-label,
body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-section-label{
    display:inline-flex;
    align-items:center;
    align-self:flex-start;
    gap:10px;
    margin:0 0 18px;
    color:var(--bjs-readable-saffron);
    font-size:.72rem;
    font-weight:900;
    line-height:1.25;
    letter-spacing:.105em;
    text-transform:uppercase;
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-section-label::before,
body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-section-label::before{
    content:"";
    display:block;
    width:34px;
    height:3px;
    border-radius:999px;
    background:var(--bjs-saffron);
    flex:0 0 auto;
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-copy h2{
    max-width:620px;
    margin:0;
    color:var(--bjs-indigo);
    font-size:clamp(2.45rem,4.45vw,4.55rem);
    line-height:1.025;
    letter-spacing:-.052em;
    text-wrap:balance;
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-copy>p{
    max-width:610px;
    margin:26px 0 28px;
    color:var(--bjs-readable-copy);
    font-size:1rem;
    line-height:1.78;
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-text-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:flex-start;
    min-height:48px;
    padding:12px 20px;
    border:2px solid var(--bjs-indigo);
    border-radius:999px;
    background:var(--bjs-indigo);
    color:#FFFFFF;
    font-size:.72rem;
    font-weight:900;
    line-height:1.25;
    letter-spacing:.045em;
    text-transform:uppercase;
    box-shadow:0 10px 24px rgba(29,0,69,.14);
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-text-link span{
    color:var(--bjs-gold);
    font-size:1rem;
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-text-link:hover,
body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-text-link:focus-visible{
    gap:12px;
    border-color:var(--bjs-saffron);
    background:var(--bjs-saffron);
    color:var(--bjs-deep);
    transform:translateY(-2px);
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-text-link:hover span,
body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-text-link:focus-visible span{
    color:var(--bjs-deep);
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars{
    display:grid;
    grid-template-columns:1fr;
    gap:16px;
    align-content:center;
    min-width:0;
    border:0;
    border-radius:0;
    overflow:visible;
    background:transparent;
    box-shadow:none;
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars article,
body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars article:last-child{
    display:grid;
    grid-template-columns:minmax(105px,122px) minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:26px;
    row-gap:8px;
    align-content:center;
    min-height:152px;
    padding:25px 28px;
    border:1px solid rgba(29,0,69,.14);
    border-left:5px solid var(--bjs-saffron);
    border-radius:18px;
    background:#FFFFFF;
    color:var(--bjs-text);
    box-shadow:0 14px 36px rgba(29,0,69,.075);
    transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars article:hover{
    border-color:rgba(29,0,69,.28);
    border-left-color:var(--bjs-saffron);
    box-shadow:0 20px 44px rgba(29,0,69,.12);
    transform:translateY(-2px);
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars article>strong{
    grid-column:1;
    grid-row:1/3;
    display:flex;
    align-items:center;
    justify-content:center;
    align-self:center;
    min-height:46px;
    padding:10px 12px;
    border:1px solid rgba(241,149,26,.34);
    border-radius:999px;
    background:var(--bjs-soft);
    color:var(--bjs-readable-saffron);
    font-size:.9rem;
    font-weight:900;
    line-height:1.15;
    text-align:center;
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars h3{
    grid-column:2;
    margin:0;
    color:var(--bjs-indigo);
    font-size:clamp(1.22rem,1.55vw,1.48rem);
    line-height:1.25;
    letter-spacing:-.018em;
}

body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars p{
    grid-column:2;
    margin:0;
    color:var(--bjs-readable-copy);
    font-size:.86rem;
    line-height:1.68;
}

/* --------------------------------------------------------------------------
   LEARNING BEYOND THE CLASSROOM
   -------------------------------------------------------------------------- */
body.bjs-corporate-safe-v42 .bjs-campus-life-home{
    background:var(--bjs-cream);
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-grid{
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);
    gap:clamp(44px,6vw,84px);
    align-items:stretch;
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-image{
    min-height:610px;
    height:100%;
    overflow:hidden;
    border:1px solid rgba(29,0,69,.12);
    border-radius:26px;
    background:#FFFFFF;
    box-shadow:0 24px 60px rgba(29,0,69,.15);
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-image::before{
    display:none;
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-image img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    object-position:center;
    box-shadow:none;
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:clamp(8px,2vw,24px) 0;
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-copy h2{
    max-width:660px;
    margin:0;
    color:var(--bjs-indigo);
    font-size:clamp(2.45rem,4.35vw,4.45rem);
    line-height:1.025;
    letter-spacing:-.052em;
    text-wrap:balance;
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-copy>p{
    max-width:660px;
    margin:25px 0 0;
    color:var(--bjs-readable-copy);
    font-size:1rem;
    line-height:1.78;
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:1fr;
    gap:14px;
    margin-top:30px;
    border:0;
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid a{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    gap:9px;
    min-width:0;
    min-height:132px;
    padding:22px 22px 21px;
    border:1px solid rgba(29,0,69,.14);
    border-top:4px solid var(--bjs-saffron);
    border-radius:16px;
    background:#FFFFFF;
    color:var(--bjs-text);
    box-shadow:0 12px 30px rgba(29,0,69,.07);
    transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid strong{
    display:block;
    margin:0;
    color:var(--bjs-indigo);
    font-size:.98rem;
    font-weight:900;
    line-height:1.25;
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid span{
    display:block;
    margin:0;
    color:var(--bjs-readable-copy);
    font-size:.76rem;
    font-weight:650;
    line-height:1.55;
    overflow-wrap:anywhere;
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid a:hover,
body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid a:focus-visible{
    border-color:var(--bjs-indigo);
    border-top-color:var(--bjs-saffron);
    background:var(--bjs-indigo);
    color:#FFFFFF;
    box-shadow:0 18px 40px rgba(29,0,69,.18);
    transform:translateY(-3px);
}

body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid a:hover strong,
body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid a:hover span,
body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid a:focus-visible strong,
body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid a:focus-visible span{
    color:#FFFFFF;
}

/* Keyboard focus must remain visible on both corrected sections. */
body.bjs-corporate-safe-v42 .bjs-school-purpose a:focus-visible,
body.bjs-corporate-safe-v42 .bjs-campus-life-home a:focus-visible{
    outline:3px solid var(--bjs-saffron);
    outline-offset:3px;
}

@media(max-width:1050px){
    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-grid,
    body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-grid{
        grid-template-columns:1fr;
        gap:38px;
    }

    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-copy,
    body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-copy{
        max-width:760px;
        padding:0;
    }

    body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-image{
        min-height:500px;
    }
}

@media(max-width:760px){
    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-copy h2,
    body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-copy h2{
        font-size:clamp(2.25rem,10vw,3.25rem);
        line-height:1.04;
    }

    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-copy>p,
    body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-copy>p{
        font-size:.94rem;
        line-height:1.72;
    }

    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars article,
    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars article:last-child{
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto;
        gap:9px;
        min-height:0;
        padding:22px 20px;
    }

    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars article>strong{
        grid-column:1;
        grid-row:1;
        justify-self:start;
        min-height:0;
        padding:8px 12px;
    }

    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars h3,
    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars p{
        grid-column:1;
    }

    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars h3{grid-row:2}
    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-purpose-pillars p{grid-row:3}

    body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-life-image{
        min-height:340px;
        border-radius:20px;
    }

    body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-campus-link-grid a{
        min-height:112px;
    }
}

@media(max-width:470px){
    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-section-label,
    body.bjs-corporate-safe-v42 .bjs-campus-life-home .bjs-section-label{
        font-size:.65rem;
        letter-spacing:.08em;
    }

    body.bjs-corporate-safe-v42 .bjs-school-purpose .bjs-text-link{
        width:100%;
    }
}