/* Génération Audition — V12, fidelite photographie et mise en page, aucun pictogramme */
/* desktop maintains the approved editorial direction, four visual univers below the hero. */
@media (min-width:901px){
  .ga-paths{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:6px 8px;border:0}
  .ga-path{min-height:284px;border-radius:16px}
  .ga-path-inner{padding:25px 22px}
  .ga-path-inner strong{font-size:clamp(21px,1.6vw,27px)}
  .ga-path-inner>span:not(.ga-path-kicker){font-size:12px}
}
@media (max-width:900px){
  .ga-paths{gap:9px;scrollbar-width:none;background:white}
  .ga-paths::-webkit-scrollbar{display:none}
  .ga-mobile-swipe-note{display:block;height:10px;padding:0;margin:0; font-size:0}
}
@media (max-width:600px){
  .ga-hero{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important;background:linear-gradient(158deg,#f9fcfd 0%,#eef9fb 88%)!important;overflow:hidden}
  .ga-hero-inner{display:block!important;order:1!important;min-height:0!important;height:auto!important;padding:30px 0 22px!important;position:relative;z-index:2}
  .ga-hero-copy{width:100%!important;max-width:none!important;padding:0!important}
  .ga-hero::before{display:none!important}
  .ga-eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:12px}
  .ga-hero h1{font-size:clamp(33px,9.0vw,42px)!important;line-height:1.075!important;max-width:380px!important;letter-spacing:-.063em}
  .ga-hero-copy p{max-width:370px!important;font-size:13.5px!important;line-height:1.56!important;margin-top:15px!important}
  .ga-actions{margin-top:19px!important;flex-wrap:wrap;gap:8px}
  .ga-actions .ga-button{padding:12px 16px;min-height:41px;font-size:11px}
  .ga-hero-visual{order:2!important;display:block!important;position:relative!important;inset:auto!important;z-index:0!important;overflow:hidden!important;width:100%!important;height:auto!important;min-height:0!important;line-height:0}
  .ga-hero-visual img{display:block!important;position:static!important;width:100%!important;height:auto!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;image-rendering:auto!important}
  .ga-paths{display:flex!important;flex-wrap:nowrap!important;gap:9px!important;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding:12px 15px 8px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scroll-padding-left:15px;border:0!important}
  .ga-path,.ga-path:last-child{flex:0 0 40vw!important;max-width:155px!important;width:40vw!important;height:164px!important;min-height:164px!important;max-height:164px!important;scroll-snap-align:start;border-radius:14px!important;box-shadow:0 7px 22px rgba(7,52,79,.075);margin:0!important}
  .ga-path img{object-fit:cover;object-position:center;image-rendering:auto}
  .ga-path-shade{background:linear-gradient(180deg,rgba(3,29,46,0) 39%,rgba(3,29,46,.82) 100%)}
  .ga-path-inner{padding:12px 10px 13px!important;gap:0!important}
  .ga-path-inner .ga-path-kicker{display:none!important}
  .ga-path-inner strong{font-size:14px!important;line-height:1.17!important;letter-spacing:-.035em!important;max-width:100%}
  .ga-path-inner>span:not(.ga-path-kicker),.ga-path-inner small{display:none!important}
  /* Editorial section: photo earns its own full-width space, not a tiny crop beside a headline. */
  .ga-purpose{padding:48px 0 58px!important}
  .ga-purpose-grid{display:flex!important;flex-direction:column!important;gap:18px!important}
  .ga-purpose-copy{display:block!important;width:100%}
  .ga-purpose-copy>.ga-eyebrow{margin:0 0 13px}
  .ga-purpose h2{font-size:clamp(31px,8.2vw,38px)!important;line-height:1.16!important}
  .ga-purpose-copy>p{font-size:13.6px!important;line-height:1.65!important;margin-top:17px!important}
  .ga-purpose-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px!important;margin-top:20px!important;padding-top:17px!important}
  .ga-purpose-highlights strong{font-size:12px!important}
  .ga-purpose-highlights span{font-size:10px!important}
  .ga-purpose-copy>.ga-text-link{margin-top:19px!important}
  .ga-purpose-photo{width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:1260 / 876!important;overflow:hidden!important;border-radius:17px!important}
  .ga-purpose-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
  .ga-photo-caption{left:12px!important;right:auto!important;bottom:12px!important;font-size:9px!important;letter-spacing:.05em!important;padding:9px 12px!important;border-radius:100px!important}
}
@media (max-width:370px){
  .ga-hero h1{font-size:32px!important}
  .ga-path,.ga-path:last-child{flex-basis:41vw!important;width:41vw!important;height:150px!important;min-height:150px!important;max-height:150px!important}
}
@media (prefers-reduced-motion:reduce){.ga-path img{transition:none!important}}

.ga-mobile-label{display:none}
@media(max-width:600px){
 .ga-path-shade{background:linear-gradient(180deg,transparent 58%,rgba(4,33,49,.12))}
 .ga-path-inner{padding:7px!important;align-items:stretch!important}
 .ga-path-inner strong{display:none!important}
 .ga-mobile-label{display:block;background:rgba(255,255,255,.95);color:#0d405a;text-align:center;font-size:12px;font-weight:750;line-height:1.25;border-radius:10px;padding:9px 4px;box-shadow:0 2px 11px rgba(4,45,59,.08);letter-spacing:-.01em}
}
@media(max-width:600px){.ga-path-inner > .ga-mobile-label{display:block!important}}
@media(max-width:600px){.ga-path-inner > span.ga-mobile-label:not(.ga-path-kicker){display:block!important}}
@media(max-width:600px){.ga-path-inner > span.ga-mobile-label:not(.ga-path-kicker){color:#0d405a!important;font-size:12px!important;line-height:1.2!important;margin:0!important;max-width:none!important}}