.project-page{background:#06172b;color:#fff}.project-page .site-header{z-index:50}.project-page .project-scroll{position:relative;min-height:100svh;background:#06172b;isolation:isolate}.project-page.project-enhanced .project-scroll{height:1100svh}.project-page .project-scene{position:relative;height:100svh;min-height:600px;overflow:hidden;background:radial-gradient(circle at 72% 32%,#154e78 0,transparent 38%),#06172b;isolation:isolate}.project-page.project-enhanced .project-scene{position:sticky;top:0}.project-page .project-poster,.project-page .project-canvas{position:absolute;inset:0;width:100%;height:100%}.project-page .project-poster{z-index:0;display:block;background:#06172b}.project-page .project-poster img{display:block;width:100%;height:100%;object-fit:contain}.project-page .project-canvas{z-index:1;display:block;opacity:0;transition:opacity .35s ease}.project-page.project-canvas-ready .project-canvas{opacity:1}.project-page .project-veil{display:none}.project-page .project-veil:after{display:none}.project-page .project-loading{position:absolute;z-index:6;left:50%;top:50%;display:none;align-items:center;gap:13px;transform:translate(-50%,-50%);padding:12px 16px;background:#030f1dd6;border:1px solid rgba(255,255,255,.15);font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.project-page.project-initializing .project-loading{display:flex}.project-page .project-loading>span:first-child{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 #f47b208c;animation:projectPulse 1.6s ease-out infinite}.project-page .project-overlays{position:absolute;z-index:4;inset:0;pointer-events:none}.project-page .project-overlay{--chapter-opacity:0;position:absolute;left:clamp(24px,4vw,64px);top:clamp(112px,14svh,132px);bottom:auto;width:fit-content;max-width:min(460px,calc(100vw - 48px));height:auto;padding:clamp(20px,1.6vw,24px) clamp(21px,1.9vw,28px) clamp(21px,1.7vw,25px);isolation:isolate;visibility:hidden;overflow:visible;background:linear-gradient(145deg,#05162694,#05162661);border:1px solid rgba(255,255,255,.11);border-radius:16px;box-shadow:0 18px 48px #00000038,inset 0 1px #ffffff0d;backdrop-filter:blur(12px) saturate(110%);-webkit-backdrop-filter:blur(12px) saturate(110%);opacity:0;transform:translateY(6px);transition:opacity .12s linear,transform .12s linear;will-change:opacity,transform}.project-page .project-overlay:before{display:none}.project-page .project-overlay:after{display:none}.project-page .project-overlay>*{position:relative;z-index:2}.project-page .project-overlay.is-active{visibility:visible;opacity:var(--chapter-opacity);transform:none}.project-page .project-overlay h1,.project-page .project-overlay h2{max-width:17ch;margin:0 0 12px;color:#fff;font-size:clamp(2.75rem,3.1vw,3.25rem);line-height:1.03;text-wrap:balance}.project-page .project-overlay>p:not(.eyebrow):not(.project-step):not(.project-disclaimer){max-width:35ch;margin:0;color:#f5f7f9;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.42}.project-page .project-overlay .eyebrow{margin-bottom:11px;font-size:10px}.project-page .project-disclaimer{max-width:42ch;margin:11px 0 0;padding:0;border:0;color:#cbd3da;font-size:clamp(.8125rem,.95vw,.875rem);line-height:1.4}.project-page .project-step{margin:0 0 9px;color:var(--orange);font:600 9px Manrope,sans-serif;letter-spacing:.17em;text-transform:uppercase}.project-page .project-step-climate{color:#75c8f2}.project-page .project-scroll-hint{display:flex;align-items:center;gap:9px;margin-top:13px;color:#d5dbe0;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.project-page .project-scroll-hint i{display:grid;width:28px;height:28px;border:1px solid rgba(255,255,255,.32);border-radius:50%;place-items:center;color:var(--orange);font-style:normal}.project-page .project-progress{position:absolute;z-index:5;right:max(24px,calc((100vw - var(--max))/2));bottom:52px;display:flex;align-items:center;gap:13px;color:#ffffffb8;font:600 9px Manrope,sans-serif;letter-spacing:.12em}.project-page .project-progress-track{display:block;width:170px;height:3px;overflow:hidden;background:#fff3}.project-page .project-progress-track i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--orange),#3aa8e7);will-change:transform}.project-page .project-static{padding:150px max(24px,calc((100vw - var(--max))/2));background:#07182c}.project-page.project-enhanced .project-static{display:none}.project-page .project-static-intro{max-width:850px;margin-bottom:80px}.project-page .project-static-intro h1{margin-bottom:30px;color:#fff}.project-page .project-static-intro>p:not(.eyebrow):not(.project-disclaimer){max-width:720px;color:#ffffffb8;font-size:18px}.project-page .project-static-grid{display:grid;gap:90px}.project-page .project-static-grid article{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:55px;align-items:center}.project-page .project-static-grid article:nth-child(2n){grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr)}.project-page .project-static-grid article:nth-child(2n) picture{order:2}.project-page .project-static-grid picture{display:block;aspect-ratio:1672/941;overflow:hidden;background:#041426;box-shadow:0 28px 70px #00000059}.project-page .project-static-grid img{display:block;width:100%;height:100%;object-fit:contain}.project-page .project-static-grid h2{margin:0 0 18px;color:#fff;font-size:clamp(2rem,3vw,3.6rem)}.project-page .project-static-grid p{margin:0;color:#ffffffad}.project-page .project-final-cta{position:relative;z-index:3}.project-page .project-final-cta .project-cta-copy{max-width:680px;margin:26px auto 0;color:#07182cd1;font-size:17px}.project-page .project-final-cta .actions{justify-content:center}@keyframes projectPulse{70%{box-shadow:0 0 0 10px #f47b2000}to{box-shadow:0 0 #f47b2000}}@media(max-width:900px){.project-page.project-enhanced .project-scroll{height:980svh}.project-page .project-scene{height:calc(100svh - 58px);min-height:620px}.project-page .project-poster{background-color:#06172b;background-image:linear-gradient(180deg,#030f1dab,#030f1db5 52%,#030f1ddb),url(/images/projet-mobile/00-terrain-vide.webp);background-position:center;background-size:cover}.project-page .project-poster img{position:absolute;left:0;top:8%;width:100%;height:52%;object-fit:contain}.project-page .project-overlay{inset:48% auto auto 14px;width:fit-content;max-width:min(460px,calc(100vw - 28px));max-height:none;overflow:visible;padding:16px 17px;background:linear-gradient(145deg,#051626b8,#05162680);border-radius:15px;box-shadow:0 15px 38px #0000003b,inset 0 1px #ffffff0d;backdrop-filter:blur(10px) saturate(110%);-webkit-backdrop-filter:blur(10px) saturate(110%);transform:translateY(6px)}.project-page .project-overlay.is-active{transform:none}.project-page .project-overlay h1,.project-page .project-overlay h2{max-width:18ch;margin-bottom:9px;font-size:clamp(1.75rem,7.6vw,2.125rem);line-height:1.04}.project-page .project-overlay>p:not(.eyebrow):not(.project-step):not(.project-disclaimer){max-width:36ch;font-size:14px;line-height:1.43}.project-page .project-overlay .eyebrow{margin-bottom:7px;font-size:9px}.project-page .project-disclaimer{margin-top:9px;padding:0;font-size:13px;line-height:1.36}.project-page .project-scroll-hint{margin-top:10px;font-size:9px}.project-page .project-scroll-hint i{width:24px;height:24px}.project-page .project-step{margin-bottom:10px}.project-page .project-progress{top:88px;right:16px;bottom:auto;gap:10px}.project-page .project-progress-track{width:112px}.project-page .project-loading{top:34%;font-size:9px}.project-page .project-static{padding:125px 22px 90px}.project-page .project-static-intro{margin-bottom:60px}.project-page .project-static-intro>p:not(.eyebrow):not(.project-disclaimer){font-size:15px}.project-page .project-static-grid{gap:62px}.project-page .project-static-grid article,.project-page .project-static-grid article:nth-child(2n){grid-template-columns:1fr;gap:24px}.project-page .project-static-grid article:nth-child(2n) picture{order:0}.project-page .project-static-grid h2{font-size:clamp(2rem,9vw,3rem)}.project-page .project-final-cta .project-cta-copy{font-size:15px}}@media(max-width:520px){.project-page .project-scene{min-height:0}.project-page .project-static-intro h1{font-size:clamp(2.65rem,13vw,4rem)}.project-page .project-final-cta .actions,.project-page .project-final-cta .button{width:100%}}@media(prefers-reduced-motion:reduce){.project-page.project-enhanced .project-scroll,.project-page .project-scroll{display:none;height:auto;min-height:0}.project-page.project-enhanced .project-static,.project-page .project-static{display:block}.project-page .project-overlay,.project-page .project-canvas{transition:none}.project-page .project-loading>span:first-child{animation:none}}
