/* Alternative d’accueil / photographie immersive, palette originale. */
.landing-immersive .header{position:absolute;top:0;left:0;right:0;height:104px;background:transparent;backdrop-filter:none;border-bottom:1px solid #f3efe72b;color:#f3efe7;z-index:25}
.landing-immersive .header .brand-symbol img,.landing-immersive .header .brand-name img{filter:brightness(0) invert(1);background:transparent}
.landing-immersive .header .brand-descriptor{color:#f3efe7}
.landing-immersive .header nav a:hover{color:#e6cabe}
.landing-immersive .header .estimate-nav{background:#f3efe7;color:#20201e;border-color:#f3efe7}
.landing-immersive .header .estimate-nav:hover{background:#ad4e38;color:#f3efe7;border-color:#ad4e38;box-shadow:4px 4px 0 #f3efe7}
.hero.hero-immersive{display:block;position:relative;max-width:none;margin:0;padding:0;height:max(820px,100svh);min-height:820px;color:#f3efe7;isolation:isolate;overflow:hidden;background:#20201e}
.hero-immersive .hero-visual{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:-2;pointer-events:none}
.hero-immersive .hero-visual picture{display:block;width:100%;height:100%}
.hero-immersive .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:55% 48%;filter:saturate(.76);border-radius:0}
.hero-immersive .hero-visual:before{content:none}
.hero-immersive .hero-visual:after{content:'';position:absolute;inset:0;width:auto;height:auto;border:0;background:linear-gradient(90deg,#121513e8 0%,#171916ba 32%,#17191640 70%,#17191615 100%),linear-gradient(0deg,#171916bb,transparent 26%,transparent 80%,#17191685)}
.hero-immersive .hero-copy{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%;max-width:1650px;margin:auto;padding:155px 7% 150px}
.hero-immersive .eyebrow{color:#f3efe7d9;font-size:9px;letter-spacing:2px;margin:0 0 30px}
.hero-immersive .status-dot{background:#d28a70}
.hero-immersive h1{font-family:Manrope,Arial,sans-serif;font-weight:550;font-size:clamp(48px,5.8vw,92px);line-height:1.055;letter-spacing:-.055em;margin:0 0 26px;max-width:930px;color:#f3efe7}
.hero-immersive h1 em{color:#f3efe7;font-weight:650}
.hero-immersive h1 em:after{content:none}
.hero-immersive .lead{color:#f3efe7d9;font-size:14px;line-height:1.85;max-width:450px;margin:0 0 32px}
.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.hero-immersive .estimate-primary{background:#ad4e38;border-color:#ad4e38;color:#fff;padding:20px 25px;font-size:13px}
.hero-immersive .estimate-primary:hover{background:#f3efe7;color:#20201e;border-color:#f3efe7;box-shadow:4px 5px 0 #ad4e38}
.hero-project-link{font-size:12px;border-bottom:1px solid #f3efe770;padding:10px 0;display:flex;align-items:center;gap:23px}
.hero-project-link span{transition:transform .25s}.hero-project-link:hover span{transform:translate(3px,-3px)}
.hero-immersive .hero-reassurance{font-size:10px;letter-spacing:.5px;color:#f3efe7a6;margin:24px 0 0}
.hero-photo-credit{position:absolute;bottom:35px;right:6%;border-right:1px solid #f3efe780;padding:0 18px 0 0;text-align:right}
.hero-photo-credit>span{font-size:10px;letter-spacing:1.7px}.hero-photo-credit small{display:block;font-size:9px;letter-spacing:.3px;margin-top:5px;color:#f3efe7c9}
.n-scroll-cue{position:absolute;bottom:25px;left:7%;display:flex;align-items:center;gap:16px;font-size:8px;letter-spacing:2px;color:#f3efe7}
.n-scroll-cue img{width:42px;height:45px;filter:brightness(0) invert(1);animation:n-invitation 2.8s ease-in-out infinite}
.cue-line{height:43px;width:1px;background:#f3efe740;position:relative;overflow:hidden}
.cue-line:after{content:'';position:absolute;top:-22px;left:0;width:1px;height:22px;background:#f3efe7;animation:cue-line 2.8s ease-in-out infinite}
@keyframes n-invitation{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@keyframes cue-line{0%{transform:translateY(0)}75%,100%{transform:translateY(65px)}}
.n-scroll-track{position:fixed;right:14px;top:calc(50% - 96px);width:36px;height:192px;z-index:30;background:#f3efe7c9;border:1px solid #20201e26;border-radius:22px;touch-action:none}
.n-scroll-track:before{content:'';position:absolute;left:17px;top:14px;bottom:14px;width:1px;background:#20201e30}
.n-scroll-thumb{position:absolute;left:1px;top:var(--n-position,0px);width:32px;height:37px;background:#f3efe7;border-radius:50%;cursor:grab;touch-action:none;display:grid;place-items:center;box-shadow:0 2px 10px #20201e20;outline-offset:4px}
.n-scroll-thumb:active{cursor:grabbing}.n-scroll-thumb img{width:26px;height:28px;pointer-events:none}
.n-scroll-thumb:focus-visible{outline:2px solid #ad4e38}
@media(min-width:1800px){.hero-immersive .hero-copy{padding-left:110px;padding-right:110px}}
@media(max-width:1100px){.landing-immersive .header .mobile-menu>summary{color:#f3efe7}.landing-immersive .header .mobile-menu>nav{color:#20201e}.hero-immersive h1{font-size:72px}.hero-immersive .hero-copy{padding-top:150px}.n-scroll-track{right:8px}}
@media(max-width:760px){
 .landing-immersive .header{height:82px}.hero.hero-immersive{height:max(790px,100svh);min-height:790px}
 .hero-immersive .hero-copy{padding:135px 7% 150px;justify-content:center}.hero-immersive h1{font-size:clamp(44px,8.5vw,61px);line-height:1.07;margin-bottom:24px}
 .hero-immersive .eyebrow{font-size:7px;letter-spacing:1px;line-height:1.8;max-width:290px;margin-bottom:24px}
 .hero-immersive .lead{font-size:13px;max-width:340px;line-height:1.8}
 .hero-immersive .hero-visual img{object-position:center;filter:saturate(.7)}
 .hero-immersive .hero-visual:after{background:linear-gradient(90deg,#171916d9,#17191680),linear-gradient(0deg,#171916e6,transparent 30%,transparent 75%,#17191699)}
 .hero-actions{gap:16px;align-items:flex-start;flex-direction:column}.hero-immersive .button.estimate-primary{width:auto;padding:18px 22px;font-size:12px}.hero-project-link{font-size:11px}
 .hero-immersive .hero-reassurance{font-size:8px;margin-top:21px}.hero-photo-credit{bottom:26px;right:6%;max-width:185px;padding-right:10px}.hero-photo-credit>span{font-size:7px;letter-spacing:1px}.hero-photo-credit small{font-size:7px;max-width:160px}
 .n-scroll-cue{left:6%;bottom:25px;gap:10px}.n-scroll-cue img{width:32px;height:37px}.n-scroll-cue>span:not(.cue-line){font-size:6px;letter-spacing:1px;max-width:60px}
 .n-scroll-track{display:none}
}
@media(prefers-reduced-motion:reduce){.n-scroll-cue img,.cue-line:after{animation:none}.hero-project-link span{transition:none}}
@media print{.hero.hero-immersive{height:750px}.n-scroll-track{display:none}}
