.hero-animation{display:grid;grid-template-columns:47% 53%;min-height:650px;background:#101d28;isolation:isolate}.hero-animation:after{display:none}.hero-copy{position:relative;z-index:2;padding:75px 0 60px max(6vw,24px);background:linear-gradient(90deg,#101d28 88%,transparent)}.hero-copy .eyebrow{font-size:11px;letter-spacing:1.7px;color:#ecaa9c}.hero-copy h1{font-size:clamp(64px,6.5vw,100px);line-height:.99;letter-spacing:-1.2px}.hero-copy h1 em{color:#eeaa9a}.hero-copy p{font-size:16px;line-height:1.8;color:#adbfcc;margin:27px 0 30px}.hero-copy .button{background:#e9a08f;padding:16px 20px;font-size:13px}.hero-explore{font-size:13px;display:flex;align-items:center;gap:15px;border-bottom:1px solid #637885;padding:12px 0;color:#d8e4ed}.hero-copy .actions{gap:18px;align-items:center}.hero-location{color:#8da3b1;font-size:10px;letter-spacing:1.5px;margin-top:46px}.hero-model-panel{position:relative;min-width:0;min-height:650px;overflow:hidden}.hero-model-fallback{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.45}.hero-animation.model-ready .hero-model-fallback{display:none}.hero-animation.model-unavailable .hero-model-fallback{display:block}.hero-animation.model-unavailable #hero-model{display:none}#hero-model{position:absolute;inset:0}#hero-model canvas{width:100%;height:100%;display:block}.hero-model-top{position:absolute;top:36px;left:25px;right:35px;display:flex;justify-content:space-between;color:#7e9dad;font-size:10px;letter-spacing:1.6px;pointer-events:none}.hero-model-bottom{position:absolute;bottom:36px;left:28px;right:40px}.hero-phase{display:flex;align-items:center;gap:16px;color:#c4d4df}.hero-phase>span{font-size:11px;color:#eaac9e}.hero-phase strong{font-size:14px;font-weight:500}.hero-phase button{margin-left:auto;background:#172d3e;border:1px solid #456173;padding:7px 12px;color:#e3edf4;font-size:12px;min-width:76px}.hero-timeline{height:2px;background:#2f4657;margin:16px 0 12px}.hero-timeline i{display:block;background:#e9a08f;height:100%;width:0}.hero-legend{font-size:11px;color:#829bab}.hero-copy a:focus-visible,.hero-phase button:focus-visible{outline:2px solid #fff;outline-offset:5px}@media(min-width:1400px){.hero-animation{min-height:740px}.hero-model-panel{min-height:740px}.hero-copy{padding-top:100px}}@media(max-width:1000px){.hero-animation{grid-template-columns:48% 52%;min-height:620px}.hero-copy{padding:65px 0 40px 5vw}.hero-copy h1{font-size:65px}.hero-copy .eyebrow{font-size:10px}.hero-copy p{font-size:14px}.hero-model-panel{min-height:620px}.hero-copy .actions{align-items:start;flex-direction:column;gap:10px}.hero-location{font-size:9px;margin-top:28px}.hero-model-top{left:20px;right:20px;font-size:9px}.hero-model-top span:last-child{display:none}.hero-model-bottom{left:20px;right:20px}.hero-phase{gap:10px}.hero-phase strong{font-size:12px}}@media(max-width:650px){.hero-animation{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:38px 6% 20px;background:#101d28}.hero-copy h1{font-size:clamp(48px,10.5vw,68px);line-height:.96}.hero-copy .eyebrow{font-size:9px;margin-bottom:19px;letter-spacing:1px}.hero-copy p{font-size:14px;margin:18px 0 20px;line-height:1.65}.hero-copy .actions{flex-direction:row;align-items:center;gap:15px}.hero-copy .button{font-size:12px;padding:13px 15px;gap:10px}.hero-explore{font-size:12px}.hero-location{display:none}.hero-model-panel{min-height:330px;height:330px}.hero-model-top{top:10px;font-size:9px;left:6%;right:6%}.hero-model-bottom{bottom:15px;left:6%;right:6%}.hero-timeline{margin:10px 0 8px}.hero-legend{font-size:10px}}@media(prefers-reduced-motion:reduce){.hero-timeline i{transition:none}}

.hero-animation.model-unavailable .hero-phase>span,.hero-animation.model-unavailable .hero-timeline,.hero-animation.model-unavailable .hero-model-top{display:none}.hero-animation.model-unavailable .hero-model-bottom{background:#101d28e8;padding:16px}.hero-animation.model-unavailable .hero-legend{margin-top:8px;color:#c2d4df}

/* audit perf : le bouton lecture/pause ne doit pas décaler la mise en page */
.hero-animation{position:relative}#hero-pause{position:absolute;right:16px;bottom:16px;z-index:6;margin:0}
