/* Repères de marque discrets sur les pages sans illustration de fond. */
.section{position:relative;isolation:isolate;padding-bottom:150px}
.page-watermark{position:absolute;right:28px;bottom:12px;width:180px;height:auto;opacity:.12;pointer-events:none;z-index:-1}
.vision .page-watermark,.profile .page-watermark{filter:brightness(.4);opacity:.16}
#approche{background:linear-gradient(90deg,rgba(0,16,26,.1),rgba(0,16,26,.52) 42%,rgba(0,16,26,.9) 65%),url('assets/Exploration-scaphandres.png') left center/cover no-repeat;color:#f4eee3}
#approche .approach-heading{text-shadow:0 2px 16px #00101a}
#approche .orbit{visibility:hidden}
#approche .lever p{color:#d6e0e3}
#approche .section-top{text-shadow:0 2px 12px #00101a}
.profile-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;z-index:0}
.profile-visual{min-height:670px}
.profile-visual:after{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(0deg,rgba(0,16,26,.85),transparent 45%,rgba(0,16,26,.25));z-index:1}
.profile-visual>.eyebrow,.profile-caption{position:relative;z-index:2}
@media(max-width:700px){.section{padding-bottom:115px}.page-watermark{width:135px;right:15px;bottom:5px}.profile-visual{min-height:560px}#approche{background:linear-gradient(0deg,#00101af5 5%,#00101add 58%,#00101a35),url('assets/Exploration-scaphandres.png') 28% top/auto 800px no-repeat}#approche .orbit{display:none}#approche .approach-heading{min-height:290px}}

/* Gravure discrète, révélée par bandes au rythme du défilement. */
#approche{background:#00101a;overflow:hidden}
.divers-art{position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.48;mask-image:linear-gradient(90deg,#000 0%,#000 30%,#0008 48%,transparent 72%)}
.divers-art i{position:absolute;inset:0;background:url('assets/Exploration-scaphandres-gravure.png') left bottom/cover no-repeat;clip-path:inset(0 calc(100% - (var(--slice) + 1)*100%/12) 0 calc(var(--slice)*100%/12));mask-image:linear-gradient(to top,#000 0%,#000 var(--edge,100%),transparent calc(var(--edge,100%) + 16%));opacity:var(--opacity,1);will-change:opacity}
.scene-three{top:22%;left:12%;right:12%}
.scene-three .mission-highlight{max-width:950px;font-size:clamp(23px,2.8vw,42px);font-weight:500;line-height:1.4;color:#fff3e2;margin:26px auto 32px;text-wrap:balance;text-shadow:0 2px 24px #000}
.scene-three h2{font-size:clamp(34px,4vw,60px);margin:16px 0}
@media(max-width:700px){.divers-art{opacity:.38;mask-image:linear-gradient(#000 0%,#000 36%,transparent 70%)}.divers-art i{background-position:18% top;background-size:auto 750px}.scene-three{top:15%;left:7%;right:7%}.scene-three .mission-highlight{font-size:23px;line-height:1.35;margin:22px auto}.scene-three h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.divers-art i{will-change:auto}}

.divers-art{opacity:.68}
.divers-art img,.divers-art canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left bottom}
.divers-art.particles-ready img{opacity:0}
.scene-three .mission-highlight{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4.4vw,68px);font-weight:400;line-height:1.14;letter-spacing:-.035em;max-width:1100px;margin:24px auto 35px}
@media(max-width:700px){.divers-art{opacity:.56}.divers-art img{height:750px;width:auto;max-width:none;left:calc((100% - 1333px)*.18)}.scene-three{top:18%;left:7%;right:7%}.scene-three .mission-highlight{font-size:clamp(28px,8.3vw,40px);line-height:1.14}}

.profile{overflow:hidden;padding-bottom:230px}
.profile .octopus-watermark{width:clamp(340px,44vw,660px);right:-25px;bottom:-15px;opacity:.13;filter:none;mix-blend-mode:multiply}
@media(max-width:700px){.profile{padding-bottom:185px}.profile .octopus-watermark{width:340px;max-width:90vw;right:-10px;bottom:0;opacity:.13}}

/* Une scène retenue pendant la composition de toute la gravure. */
#approche{padding:0;overflow:visible}
.approach-stage{position:relative;isolation:isolate;overflow:hidden;min-height:100svh;padding:110px var(--pad) 150px;background:#00101a}
#approche.divers-scroll .approach-stage{position:sticky;top:var(--divers-top,0px)}
#approche .divers-art{mask-image:none;opacity:.68}
#approche .levers{text-shadow:0 2px 8px #00101a,0 0 22px #00101a}
#approche .divers-art img{inset:0;width:100%;height:100%;object-fit:cover;object-position:left bottom}
@media(min-width:1700px){.approach-stage{padding-left:max(var(--pad),calc((100vw - 1500px)/2));padding-right:max(var(--pad),calc((100vw - 1500px)/2))}}
@media(max-width:1000px){.approach-stage{padding-top:80px}}
@media(max-width:700px){.approach-stage{padding:70px var(--pad) 115px}#approche .divers-art{opacity:.55}}

/* Or patiné, raccord avec les reflets du Nautilus, sans modifier le logo source. */
.header .brand img{filter:contrast(.95) drop-shadow(0 2px 7px #00101a99)}

/* Ne pas montrer la gravure complète avant l'initialisation du canvas. */
.divers-art img{opacity:0}
@media(prefers-reduced-motion:reduce){.divers-art img{opacity:1}}