/* Scène immersive : le visuel se fond dans la page et se dévoile au défilement. */
#hero{margin-top:76px;padding:0;min-height:0;background:#10110f;color:#f4efe5;overflow:clip}
#hero>.container{max-width:none;padding:0;width:100%}
#hero .grid{position:relative;display:block;width:100%;height:calc(100svh - 76px);min-height:680px;padding:0;isolation:isolate;overflow:hidden;background:#10110f}
#hero .photo-wrap{position:absolute;inset:0;z-index:-3;width:100%;height:100%;overflow:hidden;border:0;will-change:transform}
#hero .photo-wrap:after{display:none}
#hero .photo{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;clip-path:none!important}
#hero .photo img{width:100%;height:100%;object-fit:cover;object-position:54% center;opacity:1!important;filter:none!important;transform:none!important}
#hero .scene-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#10110ff7 0%,#10110fe8 27%,#10110f83 52%,#10110f08 82%),linear-gradient(0deg,#10110f 0%,transparent 28%,#10110f20 100%);pointer-events:none}
#hero .hero-copy{position:absolute;left:max(5vw,40px);top:50%;transform:translateY(-54%);width:min(650px,60%);z-index:3;will-change:transform,opacity}
#hero h1{margin:0 0 26px;font:700 clamp(46px,5.7vw,88px)/1.02 var(--sans);letter-spacing:-.055em;color:#fff9ed;max-width:none}
#hero h1>span{font-size:1em!important;line-height:1.02!important}
#hero h1 .l2{margin-left:0}#hero h1 .l3{color:#e3c58e}
#hero .lede{margin:0 0 27px;max-width:460px;color:#d6d1c7!important;font-size:16px;line-height:1.7}
#hero .ctas{display:flex;gap:12px;flex-wrap:wrap}
#hero .ctas .btn{font-size:12px;padding:0 20px;height:50px}
#hero .ctas .btn-line{background:#10110f44;border-color:#b09a76;color:#f4e9d7}
#hero .publics{position:absolute;left:max(5vw,40px);bottom:30px;max-width:700px;margin:0;padding:0;color:#c3b28f!important;font:500 10px/1.8 var(--narrow);letter-spacing:.12em;z-index:3}
#hero .scroll{position:absolute;bottom:28px;left:auto;right:4vw;transform:none;display:flex;flex-direction:row;align-items:center;gap:16px;color:#e3c58e;letter-spacing:.2em;z-index:4;font-size:10px}
#hero .scroll i{width:56px;height:1px;background:#e3c58e;animation:hero-cue 1.8s ease-in-out infinite;transform-origin:left}
#hero .scene-progress{position:absolute;left:0;bottom:0;right:0;height:2px;background:#d4b57728;z-index:5}
#hero .scene-progress i{display:block;width:100%;height:100%;background:#dfbf81;transform:scaleX(0);transform-origin:left}
#hero .scene-curtain{position:absolute;inset:0;background:#10110f;z-index:2;pointer-events:none;transform:scaleX(0);transform-origin:left}
#hero .scene-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.16;background:linear-gradient(115deg,transparent 42%,#efd8a550 49%,transparent 56%);background-size:240% 100%;animation:hero-light 8s ease-in-out infinite}
@keyframes hero-cue{0%,100%{transform:scaleX(.4);opacity:.4}50%{transform:scaleX(1);opacity:1}}
@keyframes hero-light{0%,20%{background-position:160% 0}80%,100%{background-position:-60% 0}}
@media(max-width:760px){#hero .grid{height:auto;min-height:820px}#hero .hero-copy{left:26px;right:26px;top:42px;transform:none;width:auto}#hero h1{font-size:clamp(36px,8.8vw,58px);margin-bottom:20px}#hero .lede{font-size:15px;line-height:1.6;max-width:470px}#hero .photo-wrap{top:auto;bottom:60px;height:auto;aspect-ratio:16/9}#hero .photo img{object-fit:contain}#hero .scene-shade{background:linear-gradient(#10110f 0%,#10110f 45%,transparent 60%,transparent 87%,#10110f 97%)}#hero .publics{left:26px;right:26px;bottom:24px;font-size:9px;max-width:none}#hero .scroll{display:none}#hero .ctas .btn{height:46px;font-size:11px;padding:0 15px}}
@media(prefers-reduced-motion:reduce){#hero .scene-glow,#hero .scene-curtain{display:none}#hero .scroll i{animation:none}#hero .word>span{transform:none!important}#hero .lede,#hero .ctas,#hero .publics{opacity:1!important}}

@media(min-width:761px){#hero .photo img{object-fit:contain;object-position:center}#hero .photo{mask-image:linear-gradient(to bottom,transparent,black 22%,black 78%,transparent)}}

@media(min-width:761px){#hero .photo{top:50%;bottom:auto;height:auto;aspect-ratio:16/9;transform:translateY(-50%);mask-image:linear-gradient(to bottom,transparent,black 12%,black 83%,transparent)}}