@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/barlow-semi-condensed/barlow-semi-condensed-400.ttf') format('truetype')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/barlow-semi-condensed/barlow-semi-condensed-500.ttf') format('truetype')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/barlow-semi-condensed/barlow-semi-condensed-600.ttf') format('truetype')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/barlow-semi-condensed/barlow-semi-condensed-700.ttf') format('truetype')}
/* Essai Barlow Semi Condensed : tailles et composition conservees. */
body,body *,body *::before,body *::after{font-family:'Barlow Semi Condensed',Arial,Helvetica,sans-serif!important}
body h1,body h2{font-weight:500!important}
/* Le texte reste aligné à gauche et passe devant le bord sombre du film. */
@media(min-width:901px){
 .studio-page #accueil.hero{--hero-column-gap:clamp(24px,2vw,72px)}
 .studio-page #accueil.hero .hero-copy{translate:calc(20% + var(--hero-column-gap) + clamp(0px,calc(21vw - 189px),170px)) 0;z-index:3;text-align:left}
}
@media(min-width:901px) and (max-width:1100px){.studio-page #accueil.hero{--hero-column-gap:24px}}
@media(max-width:900px){.studio-page #accueil.hero .hero-copy{translate:none;text-align:left}}

/* Mobile uniquement : le film ouvre le hero directement sous le logo. */
@media(max-width:650px){
 .studio-page #accueil.hero{grid-template-columns:minmax(0,1fr);padding-top:0;row-gap:clamp(20px,3vw,32px)}
 .studio-page #accueil.hero .hero-media{grid-row:1;grid-column:1;align-self:start;width:calc(100% + var(--gutter)*2);max-width:none;margin-inline:calc(var(--gutter)*-1);justify-self:stretch}
 .studio-page #accueil.hero .hero-copy{grid-row:2;grid-column:1;translate:none;max-width:680px;text-align:left}
 .studio-page .hero .hero-video-toolbar{padding-inline:var(--gutter)}
 .studio-page .hero .hero-video-status{margin-inline:var(--gutter)}
}
/* Tablette : conserver la composition texte / film, sans inversion mobile. */
@media(min-width:651px) and (max-width:900px){
 .studio-page #accueil.hero{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;--hero-column-gap:24px}
 .studio-page #accueil.hero .hero-copy{grid-row:1;grid-column:1;max-width:100%;translate:calc(20% + var(--hero-column-gap)) 0;z-index:3;text-align:left}
 .studio-page #accueil.hero .hero-media{grid-row:1;grid-column:2;width:100%;max-width:100%;margin-inline:0;align-self:center;justify-self:stretch}
}