/* Art déco choisi par Amar : un seul moment, commandé par le scroll natif. */
.hero.hero-logo{display:block;min-height:0;padding:0;overflow:visible;background:#0b0907;--hero-scroll-distance:155svh}
.hero.hero-logo::before,.hero.hero-logo::after{display:none}
.hero-logo .hero-stage{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:16px;min-height:100svh;padding:calc(var(--nav-h,88px) + 36px) max(32px,calc((100vw - 1320px)/2)) 76px;overflow:clip;background:#0b0907}
.hero-logo.hero-scroll-ready{height:calc(100svh + var(--hero-scroll-distance))}
.hero-scroll-ready .hero-stage{position:sticky;top:0;height:100svh}
.hero-logo .hero-content{position:relative;z-index:2;max-width:570px;width:100%;margin:0;padding:0;text-align:left;translate:none!important;opacity:1!important}
.hero-logo h1{max-width:550px;margin:0 0 24px;font-size:clamp(40px,4.4vw,64px)!important;letter-spacing:-.035em;line-height:1.12}
.hero-logo p.lead{max-width:480px;margin:0 0 28px;font-size:16px;line-height:1.8;color:#d0ccc5;text-wrap:pretty}
.hero-logo .hero-actions{justify-content:flex-start;gap:12px;margin:0;flex-wrap:wrap}
.hero-logo .hero-actions .btn{margin:0;min-height:50px;padding:14px 20px;font-size:12px;width:auto;max-width:none}
.hero-logo-media{position:relative;z-index:1;min-width:0;aspect-ratio:16/10;margin-inline:-70px -80px;align-self:center;pointer-events:none}
.hero-logo-media img,.hero-logo-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.hero-logo-video{visibility:hidden}
.hero-video-loaded .hero-logo-video{visibility:visible}
.hero-video-loaded .hero-logo-fallback{visibility:hidden}
.hero-logo .hero-image-note{right:20px;bottom:12px;padding:2px 5px;font-size:10px;line-height:1.5;color:#b8afa0;background:transparent}
.hero-logo .scroll-cue{position:absolute;bottom:23px;left:50%;transform:translateX(-50%);z-index:3;gap:8px;font-size:10px;color:#c9b98f}
.hero-logo .scroll-cue .line{height:22px;animation:none}
.hero-logo-in-view .sticky-cta{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:1000px) and (min-width:881px){
 .hero-logo h1{font-size:40px!important}
 .hero-logo .hero-stage{padding-inline:28px}
 .hero-logo-media{margin-inline:-40px -50px}
}
@media(max-width:880px){
 .hero.hero-logo{--hero-scroll-distance:130svh}
 .hero-logo .hero-stage{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:calc(var(--nav-h,72px) + 22px) 24px 48px}
 .hero-logo .hero-content{text-align:center;max-width:570px;flex:none}
 .hero-logo h1{max-width:520px;margin:0 auto 16px;font-size:clamp(32px,6.7vw,46px)!important;line-height:1.12}
 .hero-logo p.lead{max-width:490px;margin:0 auto 20px;font-size:14px;line-height:1.7}
 .hero-logo .hero-actions{justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:10px}
 .hero-logo .hero-actions .btn{flex:1;max-width:235px;font-size:11px;padding:12px 13px;line-height:1.45;min-height:50px}
 .hero-logo-media{margin:0;flex:none;width:min(100%,650px);height:clamp(160px,28svh,300px);aspect-ratio:auto;overflow:clip}
 .hero-logo-media img,.hero-logo-media video{width:124%;max-width:none;left:-12%;height:118%;top:-9%}
 .hero-logo .hero-image-note{right:0;bottom:0;font-size:9px}
 .hero-logo .scroll-cue{bottom:12px}
 .hero-logo .scroll-cue .line{height:14px}
}
@media(max-width:880px) and (max-height:700px){
 .hero-logo .hero-stage{justify-content:flex-start;padding-top:calc(var(--nav-h,72px) + 12px);padding-inline:18px;padding-bottom:38px;gap:8px}
 .hero-logo h1{font-size:30px!important;margin-bottom:12px}
 .hero-logo p.lead{font-size:13px;line-height:1.6;margin-bottom:14px}
 .hero-logo .hero-actions .btn{padding:10px 11px;min-height:46px}
 .hero-logo-media{height:clamp(165px,30svh,205px)}
}
@media(prefers-reduced-motion:reduce){
 .hero.hero-logo{height:auto}
 .hero-logo .hero-stage{position:relative;height:auto}
 .hero-logo-video,.hero-logo .scroll-cue{display:none}
 .hero-logo .hero-logo-fallback{visibility:visible}
}
/* La matière vit dans la page : transparence réelle, aucun cadre ni matte vidéo. */
.hero.hero-choreography{--hero-scroll-distance:175svh;background:#0a0a0a}
.hero-choreography .hero-stage{background:radial-gradient(ellipse at 77% 52%,#231c0e66,transparent 57%),#0a0a0a}
.hero-choreography .hero-content{max-width:590px}
.hero-copy-scenes{position:relative;min-height:290px}
.hero-copy-scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center}
.hero-copy-scene:not([data-hero-scene="0"]){opacity:0;visibility:hidden;pointer-events:none}
.hero-scene-active .hero-copy-scene{visibility:visible}
.hero-choreography .hero-scene-heading{max-width:550px;margin:0 0 24px;font-size:clamp(40px,4.4vw,64px)!important;line-height:1.12!important;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
.hero-choreography .hero-copy-scene h1{margin-top:0}
.hero-choreography .hero-copy-scene .lead{margin-bottom:0}
.hero-choreography .hero-actions{min-height:56px;margin-top:16px}
.hero-scene-active .hero-actions{opacity:0}
.hero-choreography .hero-logo-media{margin-inline:-65px -110px;aspect-ratio:16/10;transform-origin:60% 55%;overflow:visible}
.hero-logo-media canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden}
.hero-canvas-ready canvas{visibility:visible}
.hero-canvas-ready .hero-logo-fallback{visibility:hidden}
.hero-choreography .hero-logo-media img{object-fit:contain}
.hero-choreography .scroll-cue{transition:opacity .2s}
.hero-choreography[data-hero-scene="2"] .scroll-cue{opacity:0}
@media(max-width:880px){
 .hero.hero-choreography{--hero-scroll-distance:155svh}
 .hero-choreography .hero-stage{background:radial-gradient(ellipse at 50% 72%,#231c0e66,transparent 55%),#0a0a0a;justify-content:center}
 .hero-copy-scenes{min-height:190px}
 .hero-choreography .hero-scene-heading{margin:0 auto 16px;font-size:clamp(32px,6.7vw,46px)!important}
 .hero-choreography .hero-logo-media{width:100%;height:clamp(200px,32svh,330px);margin:0;aspect-ratio:auto;overflow:visible;transform-origin:50% 50%}
 .hero-logo-media canvas,.hero-choreography .hero-logo-media img{width:124%;max-width:none;left:-12%;top:-9%;height:118%}
 .hero-choreography .hero-actions{margin-top:10px}
}
@media(max-width:880px) and (max-height:700px){
 .hero-choreography .hero-stage{justify-content:flex-start}
 .hero-copy-scenes{min-height:160px}
 .hero-choreography .hero-scene-heading{font-size:30px!important;margin-bottom:12px}
 .hero-choreography .hero-logo-media{height:165px}
 .hero-choreography .hero-actions{min-height:46px;margin-top:4px}
}
@media(prefers-reduced-motion:reduce){
 .hero-choreography .hero-copy-scene{filter:none!important;transform:none!important}
 .hero-choreography .hero-actions{opacity:1}
 .hero-choreography canvas{display:none}
 .hero-choreography .hero-logo-fallback{visibility:visible}
}