.mobile-audience-promise{display:none}
@media(max-width:700px){
  html{scroll-padding-top:102px}
  body{font-size:14px}
  .container{width:calc(100% - 24px)}
  .header{background:rgba(247,243,236,.97);backdrop-filter:blur(14px)}
  .nav{height:102px!important;display:flex!important;flex-wrap:wrap;align-content:flex-start;gap:0!important;padding-top:4px}
  .brand{height:54px;width:100%;gap:9px}
  .brand img{width:56px!important}
  .brand-txt strong{font-size:.92rem}
  .brand-txt span{display:block!important;font-size:.47rem;letter-spacing:.11em}
  .menu-btn{display:none!important}
  .menu{position:static!important;display:flex!important;width:100%!important;inset:auto!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:0!important;padding:0 0 8px!important;background:transparent!important;border:0!important;overflow:visible!important;font-size:.65rem!important;white-space:nowrap}
  .menu a{display:block!important;padding:0 2px!important;line-height:1.2}
  .menu a[data-home-target="environnements"],
  .menu a[data-home-target="vision"],
  .menu .cta,.menu .lang-toggle{display:none!important}
  .menu a.audience-link{font-size:0}
  .menu a.audience-link:before{content:"Vous êtes…";font-size:.65rem}
  .menu a:not(.cta):after{bottom:-8px}

  .hero{min-height:600px!important;height:600px!important}
  .hero-wrap{padding:138px 0 38px!important}
  .hero-panel{max-width:94%;padding:18px 17px 20px!important;background:linear-gradient(135deg,rgba(28,25,20,.54),rgba(28,25,20,.24))}
  .hero-kicker{font-size:.60rem;letter-spacing:.12em}
  .hero h1{font-size:2.65rem!important;line-height:.97;margin:9px 0 12px}
  .hero .lead{font-size:.88rem!important;line-height:1.52;margin-bottom:16px}
  .hero-actions{gap:7px}
  .btn{padding:10px 12px;font-size:.72rem}
  .hero-dots{right:13px;bottom:15px}

  section{padding:54px 0!important}
  .section-head{margin-bottom:20px!important}
  .section-head h2{font-size:2rem!important;line-height:1.02}
  .section-head p{font-size:.83rem;margin-top:10px!important}
  .eyebrow{font-size:.62rem}

  .quick-grid{grid-template-columns:repeat(4,1fr)!important}
  .quick-intro{grid-column:1/5!important;padding:15px 11px!important;font-size:1rem}
  .quick-item{padding:13px 8px!important}
  .quick-item b{font-size:.78rem}.quick-item span{font-size:.64rem}.quick-mark{font-size:.58rem}

  .cards3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  .mission{border-radius:11px}
  .mission-media{height:96px!important}
  .mission-body{padding:11px 9px 12px!important}
  .mission-no{font-size:.55rem;letter-spacing:.1em}
  .mission h3{font-size:.93rem!important;line-height:1.08;margin:5px 0 7px}
  .mission p{font-size:.65rem!important;line-height:1.35;margin-bottom:9px}
  .mission .arrow{font-size:.62rem}

  .origin-grid,.expert-grid,.profile-grid,.contact-grid,.subhero-grid,.detail-grid{grid-template-columns:1fr!important}
  .origin-visual img{height:220px!important}
  .expert-visual{min-height:260px!important}

  .audience-home{padding:50px 0!important}
  .audience-home .section-head{margin-bottom:16px!important}
  .mobile-audience-promise{display:block;margin-top:8px;color:#8a6127;font-family:Arial,Helvetica,sans-serif;font-size:.77rem;font-weight:800;letter-spacing:.01em}
  .audience-layout{grid-template-columns:1fr!important;gap:12px!important}
  .audience-visual{min-height:190px!important;height:190px!important;border-radius:12px}
  .audience-visual-caption{left:14px;right:14px;bottom:12px}
  .audience-visual-caption h3{font-size:1.15rem}
  .audience-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .audience-card{display:flex!important;flex-direction:column;min-height:100px!important;padding:9px 7px!important;border-radius:9px;gap:4px!important}
  .audience-icon{width:28px!important;height:28px!important;font-size:.72rem!important;flex:none}
  .audience-card h3{font-size:.69rem!important;line-height:1.16;margin:1px 0!important}
  .audience-card p{display:none!important}
  .audience-card .arrow{font-size:.57rem!important;margin-top:auto}
  .audience-home-cta{padding:14px 15px!important;margin-top:15px!important;gap:10px}
  .audience-home-cta strong{font-size:1rem}
  .audience-home-cta .btn{margin-top:0!important}

  .environments .env-grid{grid-template-columns:repeat(2,1fr)!important;grid-template-rows:none!important;gap:8px!important}
  .environments .env:first-child{grid-column:1/3!important;aspect-ratio:16/8!important}
  .environments .env,.environments .env.big{aspect-ratio:4/3!important;border-radius:11px}
  .env-caption{left:12px!important;right:12px!important;bottom:10px!important}
  .env-caption h3{font-size:1rem!important}.env-caption span{font-size:.55rem!important}
  .tech-strip{grid-template-columns:1fr 1fr!important;margin-top:9px!important}
  .tech-strip img{height:210px!important}.tech-copy{padding:17px 14px!important}.tech-copy strong{font-size:1.05rem!important}.tech-copy span{font-size:.70rem!important}

  .control-composition{grid-template-columns:1fr!important;gap:9px!important;margin-top:18px!important}
  .control-base{min-height:auto!important;padding:8px!important}
  .control-secondary,.control-secondary.control-secondary--site{min-height:230px!important}
  .control-title{left:15px!important;bottom:15px!important}.control-title strong{font-size:1.25rem!important}.control-title small{font-size:.68rem!important}
  .control-secondary-copy{left:14px!important;right:14px!important;bottom:14px!important}.control-secondary-copy strong{font-size:1rem!important}

  .method-grid{grid-template-columns:repeat(2,1fr)!important}
  .step{padding:17px 13px!important}.step h3{font-size:1rem!important}.step p{font-size:.70rem!important}
  .refs-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}

  .project-brief{padding-top:50px!important}
  .brief-grid{grid-template-columns:1fr!important;gap:20px!important}
  .brief-intro h2{font-size:2.2rem!important}.brief-card{padding:18px!important}
  .brief-two,.brief-checks{grid-template-columns:1fr 1fr!important}

  .subhero{padding-top:126px!important}.subhero-media{height:220px!important}
  .actor-tabs{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important}
  .actor-tab{padding:8px 9px!important;font-size:.66rem!important}.actor-visual{min-height:220px!important}.actor-copy{padding:20px 17px!important}
}
@media(min-width:701px) and (max-width:980px){
  .menu-btn{display:none!important}
  .menu{display:flex!important;position:static!important;background:transparent!important;flex-direction:row!important;padding:0!important;border:0!important;gap:13px!important;font-size:.72rem!important}
  .menu .cta{display:none!important}
}