/* =========================================================
   PAGE LE COLLÈGE — STANI
   ========================================================= */

.college-hero{
    position:relative;
    overflow:hidden;
    padding:88px 0;
    background:
        radial-gradient(circle at 82% 18%,rgba(216,93,61,.24),transparent 30%),
        linear-gradient(125deg,#2f1b12 0%,#4d2e20 56%,#714733 100%);
    color:#fff;
}
.college-hero::before{
    content:"";
    position:absolute;
    width:420px;height:420px;
    border:80px solid rgba(255,255,255,.035);
    border-radius:50%;
    right:-160px;bottom:-230px;
}
.college-hero-grid{
    position:relative;z-index:1;
    display:grid;
    grid-template-columns:1.2fr .72fr;
    align-items:center;
    gap:72px;
}
.college-kicker{color:#ffd3c6}
.college-hero h1{
    margin:16px 0 22px;
    max-width:850px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(3rem,5vw,5.4rem);
    line-height:1.02;
    letter-spacing:-.035em;
}
.college-hero h1 span{color:#ff9a7d}
.college-hero-copy>p{
    max-width:760px;
    margin:0;
    color:rgba(255,255,255,.82);
    font-size:1.08rem;
    line-height:1.8;
}
.college-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.college-btn-light{background:#fff;color:#3b2418;border-color:#fff}
.college-btn-light:hover{transform:translateY(-1px);background:#f8f3ed}

.college-identity-card{
    border:1px solid rgba(255,255,255,.18);
    border-radius:28px;
    padding:30px;
    background:rgba(255,255,255,.09);
    backdrop-filter:blur(16px);
    box-shadow:0 30px 60px rgba(0,0,0,.18);
}
.identity-logo-wrap{
    display:grid;place-items:center;
    width:150px;height:150px;
    margin:0 auto 20px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 12px 32px rgba(0,0,0,.16);
}
.identity-logo-wrap img{width:126px;height:126px;object-fit:contain}
.identity-card-copy{text-align:center}
.identity-label{font-size:.72rem;letter-spacing:.16em;font-weight:900;color:#ffb29e}
.identity-card-copy h2{margin:5px 0 4px;color:#fff;font-size:2.2rem}
.identity-card-copy p{margin:0;color:rgba(255,255,255,.78);font-style:italic}
.identity-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:24px}
.identity-levels span{padding:10px 6px;border-radius:11px;background:rgba(255,255,255,.11);text-align:center;font-weight:800;font-size:.85rem}

.college-intro{background:#fff}
.college-intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:start}
.college-intro-main h2{margin:9px 0 20px}
.college-lead{font-size:1.14rem;color:#4d443e;line-height:1.8}
.college-intro-main p:not(.college-lead){color:#71665f;line-height:1.8}
.college-key-card{border:1px solid #e6ddd5;border-radius:24px;padding:26px;background:#faf6f2;box-shadow:0 12px 34px rgba(58,34,22,.07)}
.key-card-title{padding-bottom:16px;border-bottom:1px solid #e4d7ce;color:#3b2418;font-family:Georgia,serif;font-size:1.35rem;font-weight:700}
.key-row{display:flex;gap:13px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #eadfd7}
.key-row:last-child{border-bottom:0;padding-bottom:0}
.key-icon{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#fff;font-size:1.05rem}
.key-row strong,.key-row small{display:block}
.key-row strong{color:#412619;margin-bottom:3px}
.key-row small{color:#756a63;line-height:1.45}

.college-purpose-section{background:#f8f3ed}
.college-section-heading{max-width:800px}
.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.purpose-card{position:relative;overflow:hidden;padding:30px;border:1px solid #e5d9d1;border-radius:24px;background:#fff;min-height:330px}
.purpose-card h3{margin:12px 0;color:#3b2418;font-family:Georgia,serif;font-size:1.75rem}
.purpose-card p{margin:0;color:#71665f;line-height:1.75}
.purpose-index{position:absolute;top:20px;right:24px;color:#ddcfc5;font-weight:900;font-size:.9rem}
.purpose-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#f4e7df;color:#d85d3d;font-size:1.6rem}
.purpose-featured{background:linear-gradient(145deg,#3b2418,#65412d);border-color:#65412d;color:#fff}
.purpose-featured h3{color:#fff}
.purpose-featured p{color:#e9ddd5}
.purpose-featured .purpose-icon{background:rgba(255,255,255,.1);color:#ffb39e}
.purpose-featured .purpose-index{color:rgba(255,255,255,.28)}

.college-values-section{background:#fff}
.college-values-head{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:38px}
.college-values-head h2{margin-bottom:0}
.college-values-head>p{margin:0;color:#766a62;line-height:1.75}
.college-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.college-value-card{padding:26px;border:1px solid #e8ded7;border-radius:20px;background:#fff;transition:.22s ease}
.college-value-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(58,34,22,.08);border-color:#d8c5b8}
.college-value-card>span{display:inline-flex;color:#d85d3d;font-weight:900;font-size:.78rem;letter-spacing:.12em}
.college-value-card h3{margin:10px 0;color:#3b2418;font-size:1.22rem}
.college-value-card p{margin:0;color:#746960;line-height:1.65;font-size:.94rem}

.direction-section{background:#f8f3ed}
.direction-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:68px;align-items:center}
.direction-visual{position:relative;min-height:470px;border-radius:28px;overflow:hidden;background:linear-gradient(145deg,#321c13,#724730)}
.direction-logo-bg{position:absolute;right:-45px;top:-45px;width:260px;height:260px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08)}
.direction-logo-bg img{width:145px;opacity:.28}
.direction-photo-placeholder{position:absolute;left:34px;right:34px;bottom:34px;padding:32px;border:1px dashed rgba(255,255,255,.38);border-radius:22px;background:rgba(255,255,255,.08);color:#fff;text-align:center}
.direction-photo-placeholder span,.direction-photo-placeholder small{display:block}
.direction-photo-placeholder span{font-family:Georgia,serif;font-size:1.55rem}
.direction-photo-placeholder small{margin-top:6px;color:rgba(255,255,255,.65)}
.direction-copy h2{margin:10px 0 14px}
.direction-copy>p{color:#625852;line-height:1.8;font-size:1.02rem}
.quote-mark{font-family:Georgia,serif;font-size:5.6rem;line-height:.6;color:#d85d3d;margin-top:28px}
.direction-signature{margin-top:28px;padding-top:18px;border-top:1px solid #dfd2ca}
.direction-signature strong,.direction-signature span{display:block}
.direction-signature strong{color:#3b2418;font-family:Georgia,serif;font-size:1.25rem}
.direction-signature span{margin-top:3px;color:#8b7e76;font-size:.9rem}

.implantation-section{background:#fff}
.implantation-grid{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}
.implantation-copy>p{color:#6e635c;line-height:1.8;max-width:650px}
.implantation-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}
.implantation-points div{padding:16px;border-radius:15px;background:#f8f3ed}
.implantation-points strong,.implantation-points span{display:block}
.implantation-points strong{color:#3b2418}
.implantation-points span{margin-top:3px;color:#81746b;font-size:.8rem}
.implantation-map-card{position:relative;overflow:hidden;min-height:420px;border-radius:28px;background:linear-gradient(145deg,#5f3a28,#2f1b12);box-shadow:0 18px 48px rgba(58,34,22,.14)}
.map-grid-pattern{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:45px 45px;transform:rotate(-8deg) scale(1.2)}
.map-pin{position:absolute;left:56%;top:38%;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#d85d3d;color:#fff;border:8px solid rgba(255,255,255,.18);font-size:1rem;box-shadow:0 0 0 12px rgba(216,93,61,.13)}
.map-card-copy{position:absolute;left:28px;right:28px;bottom:28px;padding:22px;border-radius:18px;background:rgba(255,255,255,.93);color:#3b2418}
.map-card-copy span,.map-card-copy strong,.map-card-copy small{display:block}
.map-card-copy span{color:#d85d3d;font-size:.72rem;font-weight:900;letter-spacing:.1em}
.map-card-copy strong{font-family:Georgia,serif;font-size:1.45rem;margin-top:4px}
.map-card-copy small{color:#756a62;margin-top:3px}

.college-path-section{background:#f8f3ed}
.college-path{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:42px}
.college-path-step{flex:1;display:grid;gap:4px;min-height:170px;padding:22px;border:1px solid #e4d8cf;border-radius:21px;background:#fff;transition:.22s ease}
.college-path-step:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(58,34,22,.08)}
.college-path-step b{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#4c2f20;color:#fff;font-size:1.1rem}
.college-path-step strong{margin-top:10px;color:#3b2418;font-size:1.05rem}
.college-path-step span{color:#7a6e66;font-size:.88rem}
.college-path-step.final{background:#d85d3d;border-color:#d85d3d}
.college-path-step.final b{background:#fff;color:#d85d3d}
.college-path-step.final strong,.college-path-step.final span{color:#fff}
.college-path-arrow{color:#c6b4a8;font-size:1.8rem}

.college-final-cta{padding:78px 0;background:#fff}
.college-final-cta-box{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:44px 48px;border-radius:28px;background:linear-gradient(135deg,#352016,#6c432f);color:#fff}
.college-final-cta-box>div:first-child>span{color:#ffab94;font-size:.73rem;font-weight:900;letter-spacing:.12em}
.college-final-cta-box h2{color:#fff;margin:8px 0 10px;font-size:clamp(2rem,3.5vw,3.2rem)}
.college-final-cta-box p{margin:0;color:#eaded6}
.college-final-actions{display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
.college-btn-white-outline{border:1px solid rgba(255,255,255,.55);color:#fff;background:transparent}
.college-btn-white-outline:hover{background:#fff;color:#3b2418}

@media(max-width:1050px){
    .college-hero-grid,.college-intro-grid,.direction-grid,.implantation-grid{grid-template-columns:1fr}
    .college-hero-grid{gap:44px}
    .college-identity-card{max-width:520px}
    .purpose-grid{grid-template-columns:1fr 1fr}
    .purpose-featured{grid-column:span 1}
    .college-values-head{grid-template-columns:1fr;gap:15px}
    .college-path{display:grid;grid-template-columns:1fr 1fr}
    .college-path-arrow{display:none}
}

@media(max-width:760px){
    .college-hero{padding:62px 0}
    .college-hero h1{font-size:3.25rem}
    .purpose-grid,.college-values-grid{grid-template-columns:1fr}
    .implantation-points{grid-template-columns:1fr}
    .college-path{grid-template-columns:1fr}
    .college-final-cta-box{align-items:stretch;flex-direction:column;padding:32px 26px}
    .college-final-actions{flex-direction:row;flex-wrap:wrap}
}

@media(max-width:520px){
    .college-hero-actions,.college-final-actions{flex-direction:column}
    .college-hero-actions .btn,.college-final-actions .btn{width:100%;text-align:center}
    .college-identity-card{padding:23px}
    .identity-logo-wrap{width:126px;height:126px}
    .identity-logo-wrap img{width:104px;height:104px}
    .identity-levels{grid-template-columns:1fr 1fr}
    .direction-visual{min-height:390px}
}


/* =========================================================
   MÉDIAS ADMINISTRABLES — LE COLLÈGE
   ========================================================= */

.direction-photo-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    z-index:1;
}

.direction-visual::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    background:
        linear-gradient(
            to top,
            rgba(40,20,12,.52),
            transparent 55%
        );
    pointer-events:none;
}

.direction-logo-bg{
    z-index:3;
}

.direction-photo-placeholder{
    z-index:4;
}

.direction-photo-caption{
    position:absolute;
    z-index:5;
    left:25px;
    right:25px;
    bottom:24px;
    padding:11px 14px;
    border-radius:12px;
    background:rgba(43,23,14,.76);
    color:#fff;
    font-weight:850;
    text-align:center;
    backdrop-filter:blur(7px);
}

.college-governance-section{
    background:#fff;
}

.college-governance-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    max-width:900px;
    margin:30px auto 0;
}

.college-person-card{
    overflow:hidden;
    border:1px solid #e3d6cc;
    border-radius:22px;
    background:#fff;
    box-shadow:0 14px 42px rgba(63,32,18,.08);
}

.college-person-card img{
    display:block;
    width:100%;
    aspect-ratio:4/4.6;
    object-fit:cover;
    object-position:center top;
}

.college-person-card>div{
    padding:17px 19px 20px;
}

.college-person-card span{
    color:#df5a3a;
    font-size:.69rem;
    font-weight:900;
    letter-spacing:.12em;
}

.college-person-card h3{
    margin:5px 0 0;
    color:#3b2418;
    font-family:Georgia,serif;
    font-size:1.35rem;
}

.implantation-map-card.has-building-image{
    position:relative;
    overflow:hidden;
    min-height:420px;
    background:#3b2418;
}

.implantation-building-image{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.implantation-building-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            to top,
            rgba(43,22,13,.82),
            rgba(43,22,13,.10) 65%
        );
}

.implantation-map-card.has-building-image .map-card-copy{
    position:absolute;
    z-index:3;
    left:30px;
    right:30px;
    bottom:28px;
}

@media(max-width:760px){
    .college-governance-grid{
        grid-template-columns:1fr;
    }
}