/* Styles communs des pages intérieures (offres, réalisations, à propos, mentions légales). */
  .hero-offre{padding:64px 0 96px}
  .fil{font-size:14px;color:#8FA6BA;margin-bottom:28px}
  .fil a{border-bottom:1px solid #3A5A76}
  .hero-offre h1{font-size:68px;max-width:860px}
  .hero-offre .lead{max-width:640px;margin-top:28px;font-size:18px}
  .problemes{display:grid;grid-template-columns:1fr 1fr;column-gap:96px}
  .probleme{padding:26px 0;border-top:1px solid var(--filet);font-family:var(--serif);font-size:25px;line-height:1.3;color:var(--encre)}
  .leviers{display:grid;grid-template-columns:repeat(3,1fr);gap:56px 64px}
  .leviers p{font-size:16px}
  .formats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--encre)}
  .format{padding:30px 28px 10px 0}
  .format + .format{padding-left:28px;border-left:1px solid var(--filet)}
  .format .duree{display:block;font-size:14px;color:var(--porte);margin:4px 0 12px}
  .preuves{display:grid;grid-template-columns:.75fr 1.25fr;gap:96px;align-items:start}
  .logo-arch{height:420px;background:#fff;border:1px solid var(--filet);display:flex;align-items:center;justify-content:center;padding:48px}
  .logo-arch img{max-width:100%;max-height:150px}
  .autres{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:72px;padding-top:40px;border-top:1px solid var(--filet)}
  .autre{display:flex;gap:24px;align-items:center}
  .autre .vignette{flex:0 0 120px;height:84px;display:flex;align-items:center;justify-content:center;border:1px solid var(--filet);background:#fff}
  .autre .vignette img{max-width:96px;max-height:62px}
  .autre .vignette.vide{font-size:12px;color:#9AA4AD;text-align:center}
  .experience{display:grid;grid-template-columns:repeat(3,1fr);gap:64px}
  .experience b{display:block;font-family:var(--serif);font-weight:500;font-size:46px;line-height:1.05;color:var(--encre);margin-bottom:10px}
  @media (max-width:900px){
    .hero-offre h1{font-size:42px}
    .problemes,.leviers,.formats,.preuves,.autres,.experience{grid-template-columns:1fr;gap:0}
    .leviers,.experience{gap:40px}
    .format,.format + .format{padding:24px 0;border-left:0;border-bottom:1px solid var(--filet)}
    .preuves,.autres{gap:40px}
    .logo-arch{height:300px}
  }