/* =========================================================
   FIX DEFINITIF — OBSERVER NON ROGNÉ
   Fichier chargé en dernier pour écraser tous les anciens CSS
   ========================================================= */

.page-institut .institute-hero-video-section{
  padding-top:clamp(44px,6vw,78px) !important;
}

.page-institut .institute-hero-grid{
  gap:clamp(34px,5vw,72px) !important;
  align-items:center !important;
  margin-bottom:clamp(38px,5vw,64px) !important;
}

.page-institut .institute-hero-copy{
  max-width:650px !important;
}

.page-institut .institute-hero-copy .page-num{
  color:#9f5634 !important;
  letter-spacing:.34em !important;
  margin-bottom:16px !important;
}

.page-institut .institute-hero-copy .section-title{
  color:#7a3b1e !important;
  font-size:clamp(38px,5.2vw,72px) !important;
  line-height:.98 !important;
  letter-spacing:-.035em !important;
  margin:0 0 20px !important;
}

.page-institut .institute-hero-copy .section-intro{
  max-width:62ch !important;
  margin:0 !important;
  color:rgba(66,42,31,.82) !important;
  font-size:clamp(17px,1.45vw,21px) !important;
  line-height:1.64 !important;
}

.page-institut .institute-opening-note{
  max-width:58ch !important;
  margin:18px 0 0 !important;
  padding-left:18px !important;
  border-left:2px solid rgba(159,86,52,.38) !important;
  color:rgba(66,42,31,.68) !important;
  font-size:15px !important;
  line-height:1.72 !important;
}

.page-institut .institute-video-card{
  padding:12px !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,rgba(255,250,242,.94),rgba(237,225,210,.82)) !important;
  border:1px solid rgba(122,59,30,.22) !important;
  box-shadow:0 26px 74px rgba(33,29,26,.14) !important;
}

.page-institut .institute-video-card video{
  border-radius:16px !important;
  filter:saturate(1.03) contrast(1.02) !important;
}

.page-institut .institute-video-card figcaption{
  padding:12px 8px 3px !important;
  color:rgba(90,50,31,.76) !important;
}

.page-institut .institute-mission-figure-section{
  max-width:1120px !important;
  margin:0 auto !important;
  padding:clamp(28px,4vw,44px) clamp(18px,3vw,34px) !important;
  border-top:0 !important;
  border-bottom:0 !important;
}

.page-institut .mission-figure-title{
  margin:0 !important;
  color:#7a3b1e !important;
  font-size:clamp(24px,2.28vw,32px) !important;
  line-height:1.12 !important;
  letter-spacing:0 !important;
  text-align:center !important;
}

.page-institut .mission-figure-kicker{
  max-width:680px !important;
  margin:14px auto 26px !important;
  color:rgba(66,42,31,.68) !important;
  font-size:clamp(17px,1.45vw,21px) !important;
  line-height:1.64 !important;
  text-align:center !important;
}

@media (max-width: 900px){
  .page-institut .institute-hero-copy .section-title{
    font-size:clamp(34px,9vw,56px) !important;
  }

  .page-institut .institute-opening-note{
    padding-left:14px !important;
  }
}

.page-institut .institute-mission-banners{
  display:grid !important;
  gap:18px !important;
  width:min(100%,960px) !important;
  max-width:960px !important;
  margin:16px auto 0 !important;
}

.page-institut .mission-banner{
  display:grid !important;
  grid-template-columns:minmax(160px,220px) minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:clamp(18px,3vw,34px) !important;
  margin:0 !important;
  padding:clamp(10px,1.7vw,18px) 0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  filter:none !important;
  backdrop-filter:none !important;
}

.page-institut .mission-banner + .mission-banner{
  margin-top:0 !important;
}

.page-institut .mission-banner h4{
  margin:0 !important;
  color:#7a3b1e !important;
  -webkit-text-fill-color:#7a3b1e !important;
  background:none !important;
  font-family:Cinzel,serif !important;
  font-size:clamp(19px,1.8vw,26px) !important;
  line-height:1.05 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
}

.page-institut .mission-banner p{
  margin:0 !important;
  color:rgba(66,42,31,.82) !important;
  font-size:clamp(17px,1.45vw,21px) !important;
  line-height:1.52 !important;
}

@media (max-width: 760px){
  .page-institut .mission-figure-title{
    font-size:clamp(27px,8vw,42px) !important;
  }
}

@media (max-width: 900px){
  .page-institut .institute-mission-banners{
    gap:12px !important;
    margin-top:20px !important;
  }

  .page-institut .mission-banner{
    grid-template-columns:1fr !important;
    row-gap:10px !important;
    padding:12px 0 !important;
    border-radius:0 !important;
  }

  .page-institut .mission-banner h4{
    font-size:clamp(19px,5vw,25px) !important;
  }
}