/* Accueil : une seule section agences, avec les photos et les coordonnées. */
.agencies .agency{padding-top:0}
/* Bandeau d'accueil final : une composition lisible, sans panneau devant la photo. */
.hero.hero-smart .hero-copy{position:relative;z-index:2;max-width:390px;margin:0;padding:24px 0;background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.hero.hero-smart .hero-copy h1{max-width:390px}
.hero.hero-smart .hero-backdrop:after{background:linear-gradient(90deg,rgba(246,248,251,.98) 0%,rgba(246,248,251,.84) 15%,rgba(246,248,251,.38) 29%,rgba(246,248,251,0) 43%,rgba(246,248,251,0) 78%,rgba(246,248,251,.18) 90%,rgba(246,248,251,.72) 100%)}
@media(max-width:850px){.hero.hero-smart .hero-copy{max-width:calc(100% - 32px);padding:26px 0;background:transparent}.hero.hero-smart .hero-copy h1{max-width:none}}

/* Le texte reste à gauche du visuel, puis sous la photo sur petit écran. */
.hero.hero-smart{display:block;width:100%;max-width:none;margin:0;height:auto;min-height:540px;overflow:hidden;padding:48px max(24px,calc((100vw - 1264px)/2));text-align:left}
.hero.hero-smart .hero-backdrop{z-index:0}
.hero.hero-smart .hero-copy{width:min(100%,450px);max-width:450px;margin:0 auto 0 0;padding:26px;background:rgba(255,255,255,.96);border-radius:18px;color:#10243b;transform:none}
.hero.hero-smart .hero-copy h1{max-width:100%;font-size:clamp(38px,4.5vw,62px);line-height:1.08;color:#10243b;letter-spacing:-.045em;overflow-wrap:normal}
.hero.hero-smart .hero-copy h1 em{color:#075aa8}
.hero.hero-smart .hero-copy .eyebrow{line-height:1.5}
.home-teachers-photo{display:block!important}
.home-teachers-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
@media(max-width:850px){
 .hero.hero-smart{display:flex;flex-direction:column;gap:0;padding:0;min-height:0;background:#f6f8fb}
 .hero.hero-smart .hero-backdrop{position:relative;inset:auto;flex:none;width:100%;height:clamp(180px,46vw,360px)}
 .hero.hero-smart .hero-backdrop img{object-fit:cover;object-position:right center}
 .hero.hero-smart .hero-copy{width:calc(100% - 32px);max-width:600px;margin:16px auto 24px;padding:22px 18px}
 .hero.hero-smart .hero-copy h1{font-size:clamp(32px,8.7vw,48px);line-height:1.1}
 .hero.hero-smart .hero-backdrop:after{background:none}
 .inside-grid .home-teachers-photo{height:360px}
}
