/* STUDIO 2.0 V72 — mobile photo-first hero with text overlay; desktop-like clear card patches.
   The hero controls ONLY the Studio home page (FR/EN/DE/ES).
   Formations and Expériences tiles retain bright photos; ONLY the text block gets dark/blur.
   Desktop and iPad remain unchanged. Existing animation styles are preserved. */
@media (max-width:760px), (max-width:1000px) and (max-height:500px) {
  /* STUDIO HOME — image remains bright, console framed to the right.
     All copy and both CTAs are back ON the photograph. Only the copy zone receives
     a delicate progressive shadow, not the image as a whole. */
  body > main > .studio-home-hero-v69.hero{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:stretch!important;
    width:100%!important;
    min-height:max(790px, 100svh)!important;
    height:auto!important;
    padding:calc(100px + env(safe-area-inset-top, 0px)) 0 0!important;
    margin:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:#09080d!important;
    isolation:isolate;
  }
  .studio-home-hero-v69.hero > .hero-media{
    position:absolute!important;
    display:block!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    z-index:0!important;
    background:#08080b!important;
  }
  .studio-home-hero-v69.hero > .hero-media picture,
  .studio-home-hero-v69.hero > .hero-media picture img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
  }
  .studio-home-hero-v69.hero > .hero-media img{
    object-fit:cover!important;
    object-position:100% 50%!important;
    filter:none!important;
    opacity:1!important;
    transform:none!important;
  }
  .studio-home-hero-v69.hero > .hero-media::after,
  .studio-home-hero-v69.hero > .hero-media::before{
    display:none!important;
    content:none!important;
    background:none!important;
    opacity:0!important;
  }
  .studio-home-hero-v69.hero > .wrap{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    padding:0 18px!important;
    margin:0 auto!important;
    background:transparent!important;
    box-sizing:border-box!important;
  }
  .studio-home-hero-v69.hero .hero-content{
    position:relative!important;
    isolation:isolate!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    max-width:620px!important;
    margin:0!important;
    padding:0 0 calc(36px + env(safe-area-inset-bottom, 0px))!important;
    background:transparent!important;
    transform:none!important;
    text-align:left!important;
  }
  .studio-home-hero-v69.hero .hero-content::before{
    content:"";
    position:absolute;
    z-index:-1;
    top:-26px;
    bottom:-6px;
    left:-18px;
    right:-18px;
    pointer-events:none;
    background:
      radial-gradient(ellipse 88% 85% at 0% 100%, rgba(2,2,6,.17) 0%, rgba(2,2,6,.08) 49%, rgba(2,2,6,0) 82%),
      linear-gradient(180deg,
        rgba(4,4,9,0) 0%,
        rgba(4,4,9,.10) 16%,
        rgba(4,4,9,.25) 36%,
        rgba(4,4,9,.39) 65%,
        rgba(4,4,9,.53) 100%);
  }
  .studio-home-hero-v69.hero .hero-content > .eyebrow{
    display:block!important;
    font-size:9.5px!important;
    line-height:1.45!important;
    letter-spacing:.105em!important;
    margin:0 0 12px!important;
    color:#f4f0f7!important;
    text-shadow:0 1px 7px rgba(0,0,0,.9),0 1px 19px rgba(0,0,0,.6)!important;
  }
  .studio-home-hero-v69.hero .hero-content h1{
    font-size:clamp(32px,9.5vw,43px)!important;
    line-height:1.02!important;
    letter-spacing:-.048em!important;
    margin:0 0 13px!important;
    max-width:100%!important;
    text-shadow:0 2px 16px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.8)!important;
  }
  /* The former clipped gradient could become nearly black over the console;
     keep the second line luminous and readable on photography. */
  .studio-home-hero-v69.hero .hero-content h1 .gradient-word{
    background:none!important;
    -webkit-background-clip:initial!important;
    background-clip:initial!important;
    -webkit-text-fill-color:#f1dbff!important;
    color:#f1dbff!important;
    text-shadow:0 2px 16px rgba(0,0,0,.9),0 1px 3px rgba(0,0,0,.75)!important;
  }
  .studio-home-hero-v69.hero .hero-content p{
    margin:0 0 17px!important;
    font-size:clamp(13.5px,3.65vw,15px)!important;
    line-height:1.48!important;
    max-width:560px!important;
    color:#f5f2f7!important;
    text-shadow:0 1px 9px rgba(0,0,0,.94),0 1px 2px rgba(0,0,0,.78)!important;
  }
  .studio-home-hero-v69.hero .hero-content .actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    margin-top:0!important;
    gap:8px!important;
  }
  .studio-home-hero-v69.hero .hero-content .actions .btn{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:45px!important;
    padding:10px 8px!important;
    font-size:clamp(8.5px,2.55vw,10px)!important;
    line-height:1.33!important;
    letter-spacing:.035em!important;
    text-align:center!important;
    white-space:normal!important;
    box-sizing:border-box!important;
  }
  .studio-home-hero-v69.hero .hero-content .actions .btn-dark{
    background:rgba(8,8,11,.35)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    backdrop-filter:blur(3px)!important;
  }
  .studio-home-hero-v69.hero .hero-dolby-under{
    margin-top:12px!important;
  }
  .studio-home-hero-v69.hero .hero-dolby-under img{
    width:88px!important;
    height:auto!important;
    margin:0!important;
    opacity:.9!important;
  }
  .studio-home-hero-v69.hero .waveform-hero{
    position:absolute!important;
    top:auto!important;
    bottom:18px!important;
    right:12px!important;
    left:auto!important;
    z-index:3!important;
    pointer-events:none!important;
  }
  /* FORMATIONS / EXPERIENCES — full-photo overlay removed, clean readable text patch only. */
  .formations-hub-v92 .formation-tab-v92{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    min-height:max(580px,76svh)!important;
    height:auto!important;
    overflow:hidden!important;
  }
  .formations-hub-v92 .formation-tab-v92 .formation-tab-overlay-v92{
    display:none!important;
    background:none!important;
  }
  .formations-hub-v92 .formation-tab-premium-v125::after{
    background:none!important;
    opacity:0!important;
  }
  .formations-hub-v92 .formation-tab-v92 picture img{
    filter:none!important;
    opacity:1!important;
  }
  .formations-hub-v92 .formation-tab-v92 .formation-tab-copy-v92{
    position:relative!important;
    inset:auto!important;
    z-index:3!important;
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    box-sizing:border-box!important;
    margin:auto 14px 14px!important;
    padding:18px 17px 19px!important;
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:16px!important;
    background:linear-gradient(180deg, rgba(20,20,24,.08) 0%, rgba(9,9,12,.18) 12%, rgba(8,8,10,.34) 100%)!important;
    -webkit-backdrop-filter:blur(4px)!important;
    backdrop-filter:blur(4px)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.14)!important;
    isolation:isolate!important;
  }
  /* Desktop's image-overlay gradation reproduced only inside the copy patch. */
  .formations-hub-v92 .formation-tab-v92 .formation-tab-copy-v92::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(180deg,
      rgba(5,5,6,.19) 0%,
      rgba(5,5,6,.35) 44%,
      rgba(5,5,6,.57) 100%);
  }
  .formations-hub-v92 .formation-tab-v92 .formation-tab-copy-v92 > span,
  .formations-hub-v92 .formation-tab-v92 .formation-tab-copy-v92 h3,
  .formations-hub-v92 .formation-tab-v92 .formation-tab-copy-v92 p,
  .formations-hub-v92 .formation-tab-v92 .formation-tab-copy-v92 strong{
    text-shadow:none!important;
  }
  .formations-hub-v92 .formation-tab-v92 .formation-tab-copy-v92 h3{
    font-size:clamp(29px,7.5vw,40px)!important;
    line-height:1.07!important;
    margin:10px 0 11px!important;
  }
  .formations-hub-v92 .formation-tab-v92 .formation-tab-copy-v92 p{
    font-size:clamp(13px,3.5vw,15px)!important;
    line-height:1.48!important;
    margin:0 0 13px!important;
  }
}
@media (max-width:1000px) and (max-height:500px){
  .formations-hub-v92 .formation-tab-v92{
    min-height:max(450px,100svh)!important;
  }
}

@media (max-width:359px) and (min-height:501px){
  .studio-home-hero-v69.hero .hero-content .actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
  .studio-home-hero-v69.hero .hero-content .actions .btn{
    font-size:10px!important;min-height:42px!important;
  }
  .studio-home-hero-v69.hero{
    min-height:max(815px,107svh)!important;
  }
}
/* Short phone landscape: allow the full overlay to scroll, leaving the console visible
   at the right of the image, rather than cutting off the buttons. */
@media (max-width:1000px) and (max-height:500px){
  body > main > .studio-home-hero-v69.hero{
    min-height:max(610px,100svh)!important;
    justify-content:flex-start!important;
    padding-top:calc(103px + env(safe-area-inset-top,0px))!important;
  }
  .studio-home-hero-v69.hero > .wrap{
    padding-left:clamp(20px,4vw,36px)!important;
    padding-right:clamp(20px,4vw,36px)!important;
  }
  .studio-home-hero-v69.hero .hero-content{
    max-width:520px!important;
    padding-bottom:26px!important;
  }
  .studio-home-hero-v69.hero .hero-content h1{
    font-size:clamp(31px,4.3vw,41px)!important;
  }
  .studio-home-hero-v69.hero .hero-content p{
    font-size:14px!important;
  }
  .studio-home-hero-v69.hero .hero-content::before{
    right:-12px;
    background:
      radial-gradient(ellipse 82% 90% at 0% 100%, rgba(2,2,6,.11), transparent 78%),
      linear-gradient(90deg,rgba(4,4,9,.53),rgba(4,4,9,.34) 72%,transparent 100%);
  }
}