.explorer-night{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s var(--ease);pointer-events:none}
.explorer.blue .explorer-night{opacity:1}
.detail-track{height:175vh;background:#172820;color:var(--cream)}
.detail-scene{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}
.detail-scene>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.detail-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0b1e14d9,transparent 80%),linear-gradient(0deg,#1023199e,transparent 40%)}
.detail-text{position:absolute;left:8.3%;top:25%}
.detail-text h2{margin-top:30px;font-size:clamp(60px,7vw,110px)}
.detail-text h2 em{color:#d5dfb7}
.detail-text p{font-size:12px;color:#d8dfcd;margin-top:28px}
.detail-foot{position:absolute;left:6.4%;right:6.4%;bottom:35px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:8px;letter-spacing:1.8px}
.detail-meter{width:160px;height:1px;background:#ffffff40}
.detail-meter i{height:1px;display:block;background:#d7e1c5;transform:scaleX(0);transform-origin:left}
.contact-visual{width:100%;opacity:.85;background:url('assets/blue-hour-veo-poster.jpg') center/cover}
.contact-visual video{width:100%;height:100%;object-fit:cover;object-position:center}
.contact-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172820f2,#17282099 43%,#17282010 85%),linear-gradient(0deg,#17282080,transparent 50%)}
@media(max-width:600px){.explorer-night{object-position:61% center}.detail-track{height:160vh}.detail-scene{min-height:720px}.detail-scene>video{object-position:43% center}.detail-text{left:7%;top:28%;right:7%}.detail-text h2{font-size:58px}.detail-text p{font-size:12px}.detail-foot{left:7%;right:7%;bottom:30px;font-size:7px;letter-spacing:1px;flex-wrap:wrap}.detail-foot>span:last-child{display:none}.detail-meter{width:75px}.contact-visual{opacity:.75}.contact-visual video{object-position:58% center}.contact-visual:after{background:linear-gradient(90deg,#172820c9,#17282035),linear-gradient(0deg,#172820b0,transparent)}}
@media(prefers-reduced-motion:reduce){.detail-track{height:100svh}.detail-foot>span:first-child{font-size:0}.detail-foot>span:first-child:after{content:'UN INSTANT À CONTEMPLER';font-size:8px}.detail-meter{display:none}.explorer-night{transition:none}}