@font-face{font-family:Manrope;src:url('/assets/manrope-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Raleway;src:url('/assets/raleway-300.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Raleway;src:url('/assets/raleway-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Raleway;src:url('/assets/raleway-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Raleway;src:url('/assets/raleway-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Raleway;src:url('/assets/raleway-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Raleway;src:url('/assets/raleway-800.woff2') format('woff2');font-weight:800;font-display:swap}
/* Palette, typographie et images exportées des écrans Home 7 et Nos métiers du Figma Mizu. */
:root{--navy:#002167;--blue:#0b81e3;--cyan:#10c4d3;--green:#3ed9a1;--orange:#f9a33d;--paper:#f5f8ff;--gradient:linear-gradient(80deg,#0b81e3,#10c4d3)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--navy);background:#fff;font:400 17px/1.65 Raleway,sans-serif}a{color:inherit}button{font:inherit}img{display:block;max-width:100%}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.wrap{width:min(1140px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-100px;z-index:20}.skip:focus{top:8px;left:10px;background:white;padding:12px}header{background:var(--navy);color:#fff;position:relative;z-index:5}.nav{min-height:100px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}.wordmark{display:block;justify-self:center}.wordmark img{width:155px;height:37px}nav{display:flex;gap:27px;align-items:center}nav a,.external{text-decoration:none;font-size:14px;font-weight:600}nav a:hover,.external:hover{color:var(--orange)}.external{justify-self:end;border-bottom:1px solid #ffffff55;padding:5px 0}.external span{margin-left:8px;font-size:19px}
.hero{position:relative;background:var(--navy);color:#fff;isolation:isolate;padding:68px 0 46px;min-height:680px;overflow:clip}.fluid-art{position:absolute;pointer-events:none;object-fit:contain;z-index:-1}.hero-left{width:370px;height:420px;left:-180px;top:70px}.hero-right{width:335px;height:400px;right:-115px;bottom:-45px}.hero-content{position:relative;text-align:left;z-index:1}.eyebrow{font-size:13px;line-height:1.5;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 22px;color:var(--blue)}.hero .eyebrow{color:#a9d5ef}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(56px,6.5vw,94px);font-weight:300;line-height:1.12;letter-spacing:-2px;margin-bottom:9px;color:var(--orange)}.hero h1{text-transform:uppercase}.signature{font-size:24px;font-weight:300;margin:0 0 30px;color:#fff}.hero-statement{font-size:clamp(25px,2.5vw,34px);line-height:1.3;font-weight:800;letter-spacing:-.4px;margin-bottom:20px}.hero .lead{font-size:17px;line-height:1.65;max-width:650px;margin:0 auto;color:#d7e5ff}.actions{display:flex;gap:30px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;text-decoration:none;background:var(--gradient);border:0;border-radius:30px;color:white;font-size:16px;line-height:1.4;font-weight:700;padding:14px 28px;cursor:pointer;transition:transform .2s,filter .2s}.button:hover{filter:brightness(1.08);transform:translateY(-2px)}.text-link{font-size:15px;font-weight:600;text-underline-offset:6px}.hero-bottom{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;font-size:13px;color:#b4ccf2;margin-top:47px}.hero-bottom span{display:flex;align-items:center;gap:12px}.hero-bottom span:before{content:'';width:4px;height:4px;background:var(--cyan);border-radius:50%}
h2{font-size:clamp(30px,3.1vw,43px);font-weight:300;line-height:1.22;letter-spacing:-.5px;margin-bottom:26px;color:var(--orange)}h2 em{font-style:normal;font-weight:800;color:var(--navy)}h3{font-size:25px;line-height:1.25;font-weight:700;margin-bottom:17px}.section{padding:95px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:65px;margin-bottom:44px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:360px;font-size:16px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.project-card{text-decoration:none;display:block}.project-image{position:relative;overflow:hidden;border-radius:25px;background:var(--paper)}.project-image img{width:100%;height:305px;object-fit:cover;transition:transform .45s}.project-card:hover .project-image img{transform:scale(1.035)}.status{position:absolute;top:19px;left:19px;font-size:13px;line-height:1.5;font-weight:600;border-radius:20px;background:#fff;color:var(--navy);padding:6px 13px;display:flex;align-items:center;gap:8px}.status:before{content:'';width:6px;height:6px;border-radius:50%;background:var(--blue)}.project-info{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:24px}.project-info p{font-size:14px;margin:0 0 7px}.project-info h3{margin-bottom:9px}.round{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--gradient);color:#fff;flex:none;font-size:23px}.project-caption{font-size:14px;color:#176fc1;margin:9px 0 0;text-decoration:underline;text-underline-offset:5px}.light{background:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:start}.intro{font-size:22px;line-height:1.5;font-weight:500}.sector-list{display:flex;flex-wrap:wrap;gap:15px 32px;list-style:none;margin:40px 0 0;padding:0}.sector-list li{font-size:17px;display:flex;align-items:center;gap:12px;font-weight:600}.sector-list li:before{content:'';background:currentColor;width:4px;height:4px;border-radius:50%}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:55px}.step{border-top:1px solid #ffffff60;padding-top:24px}.step-number{font-size:13px;letter-spacing:2px;font-weight:600;margin-bottom:20px}.step-index{font-size:22px;font-weight:300;margin-right:14px;letter-spacing:0;color:var(--cyan)}.step h3{font-size:23px}.step p:last-child{font-size:16px;margin-bottom:0}
#service{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(110deg,#002167 12%,#075eac);color:white}#service h2{color:#fff}#service h2 em{color:var(--orange)}#service .eyebrow{color:#8de3ea}#service .copy-columns p{font-size:18px;line-height:1.65;font-weight:400}#service .service-art{right:-130px;top:25px;width:360px;height:430px;opacity:.22}#service p:not(.eyebrow):not(.step-number){color:#e1eeff}.production{background:#fff;position:relative}.production .eyebrow{color:#1269af}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:42px}.video-box{position:relative;aspect-ratio:16/9;background:var(--navy);border-radius:23px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:22px;text-align:left;color:white}.video-box>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.video-box button,.video-box p{position:relative}.video-box p{margin:0;font-size:14px}.video-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-caption{font-size:14px;margin:17px 0 0}.faq-section{background:linear-gradient(110deg,#10bed1,#3ed9a1);position:relative;isolation:isolate;overflow:clip}.faq-section h2{color:var(--navy)}.faq-section h2 em{color:var(--navy)}.faq-section .eyebrow{color:var(--navy)}.faq details{border-bottom:1px solid #00216745}.faq summary{font-size:18px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:25px;cursor:pointer;padding:22px 0;line-height:1.5}.faq details:first-child summary{padding-top:0}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:26px;font-weight:300;line-height:1.2}.faq details[open] summary:after{content:'−'}.faq details p{font-size:16px;line-height:1.65;margin-bottom:22px}.partners-section{background:white}.partners-title{font-size:29px;text-align:left;margin-bottom:40px}.partners{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:30px 47px}.partners img{width:124px;height:66px;object-fit:contain}.partners a{display:block}
footer{background:var(--navy);color:white;position:relative;isolation:isolate;overflow:clip;padding:72px 0 25px}.footer-art{width:270px;height:355px;right:-75px;top:-95px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:80px;margin-bottom:48px;position:relative}.footer-logo{width:235px;height:55px;object-fit:contain}.footer-about{max-width:530px}.footer-about p{font-size:15px;color:#ccdcf7}.footer-about .text-link{color:#62dce5}.footer-bottom{position:relative;border-top:1px solid #ffffff20;padding-top:23px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#b0c7ee}.footer-links{display:flex;gap:23px;flex-wrap:wrap}.footer-links a{text-decoration:none}.project-hero{padding:36px 0 56px;background:var(--navy);color:#fff;position:relative;isolation:isolate;overflow:clip;text-align:left}.project-hero .project-art{width:240px;height:285px;right:-100px;top:30px}.breadcrumb{display:flex;justify-content:center;flex-wrap:wrap;gap:13px;font-size:13px;color:#c6daf7;margin-bottom:39px}.project-hero h1{font-size:clamp(42px,5vw,66px);font-weight:300;margin-bottom:20px}.project-hero .eyebrow{color:#9ad9e9}.project-subtitle{font-size:21px;line-height:1.4;color:#fff;margin-bottom:0}.project-meta{display:flex;justify-content:center;gap:50px;flex-wrap:wrap;margin-top:35px}.project-meta span{font-size:12px;color:#adc7ee}.project-meta strong{display:block;font-size:16px;font-weight:600;color:#fff;margin-top:3px}.viewer-section{padding:58px 0 74px}.viewer-title{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:23px}.viewer-title h2{color:var(--navy);font-size:25px;font-weight:600;margin:0}.viewer-title a{font-size:14px}.viewer{height:600px;min-height:420px;background:var(--navy);border-radius:24px;overflow:hidden}.viewer iframe{width:100%;height:100%;border:0}.viewer-help{font-size:14px;color:#335184;margin:18px 0 0}.project-story{background:#f5f8ff}.project-story h2{color:var(--navy);font-weight:600;font-size:33px}.project-story p{font-size:17px}.project-story h3{margin-top:34px;font-size:23px}.situation{width:100%;border-radius:25px}.back-link{display:inline-block;margin-top:30px}.not-found{text-align:left;padding:100px 20px}.not-found h1{color:var(--navy)}.no-js{padding:30px}
@media(min-width:1600px){.hero-left{left:calc((100vw - 1440px)/2 - 190px)}.hero-right{right:calc((100vw - 1440px)/2 - 120px)}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav{gap:25px}nav{gap:20px}.hero-left{left:-225px;top:120px}.hero-right{right:-170px;bottom:-40px}.hero{padding-top:62px;min-height:650px}.hero h1{font-size:70px}.hero-bottom{gap:20px;font-size:12px}.hero-statement{font-size:29px}.split{gap:40px}.steps{gap:28px}.section{padding:76px 0}.project-image img{height:260px}.project-info h3{font-size:23px}.section-heading{gap:35px}.section-heading>p{max-width:310px}.footer-top{gap:45px}}
@media(max-width:700px){body{font-size:16px}.wrap{width:calc(100% - 40px)}html{scroll-padding-top:24px}.nav{min-height:100px;grid-template-columns:1fr auto;gap:14px;align-content:center;padding:19px 0}.wordmark{grid-column:1;grid-row:1;justify-self:start}.wordmark img{width:116px;height:28px}nav{grid-row:2;grid-column:1 / -1;gap:25px}nav a,.external{font-size:13px}.external{grid-row:1;grid-column:2}.hero{min-height:610px;padding:40px 0 47px}.hero h1{font-size:clamp(37px,9.2vw,62px);letter-spacing:-1.3px}.hero .eyebrow{font-size:11px;letter-spacing:1.2px;margin-bottom:26px;max-width:290px;margin-inline:auto}.signature{font-size:20px;margin-bottom:27px}.hero-statement{font-size:25px}.hero .lead{font-size:15px;line-height:1.65;max-width:330px}.hero .lead br{display:none}.hero-left{width:245px;height:277px;left:-200px;top:210px}.hero-right{width:190px;height:227px;right:-130px;bottom:-20px}.actions{flex-direction:column;gap:21px;margin-top:28px}.button{font-size:15px;padding:13px 24px}.hero-bottom{gap:9px;flex-direction:column;align-items:center;margin-top:34px}.hero-bottom span{font-size:12px}.section{padding:59px 0}h2{font-size:32px;letter-spacing:-.5px}.eyebrow{font-size:12px;letter-spacing:1.4px}.section-heading{display:block;margin-bottom:31px}.section-heading>p{margin-top:24px;font-size:15px;max-width:none}.project-grid,.split,.steps,.video-grid{grid-template-columns:1fr;gap:33px}.project-image{border-radius:20px}.project-image img{height:245px}.project-info{padding-top:19px}.project-info h3{font-size:25px}.project-info p{font-size:13px}.project-caption{font-size:13px}.project-grid{gap:40px}.split{gap:20px}.intro{font-size:20px}.sector-list{gap:14px 25px;margin-top:29px}.sector-list li{font-size:16px}.steps{margin-top:38px;gap:29px}.step{padding-top:20px}.step-number{margin-bottom:15px}.step h3{font-size:23px}.step p:last-child{font-size:16px}.video-grid{margin-top:28px;gap:27px}.video-box{border-radius:18px}.video-caption{font-size:13px}.faq-section .split{gap:28px}.faq summary{font-size:17px;padding:20px 0}.faq details p{font-size:15px}.partners-title{font-size:28px}.partners{gap:25px}.partners img{width:92px;height:53px}footer{padding:55px 0 25px}.footer-top{flex-direction:column;align-items:start;gap:32px;margin-bottom:35px}.footer-logo{width:190px;height:45px}.footer-about p{font-size:14px}.footer-about .text-link{font-size:14px}.footer-art{right:-145px;top:-60px;opacity:.7}.footer-bottom{flex-direction:column;gap:16px;font-size:12px}.footer-links{gap:17px}.project-hero{padding:24px 0 42px}.breadcrumb{font-size:12px;gap:10px;margin-bottom:32px}.project-hero h1{font-size:41px;letter-spacing:-1px}.project-subtitle{font-size:18px}.project-meta{gap:21px 29px;margin-top:27px}.project-meta strong{font-size:15px}.project-hero .project-art{right:-175px}.viewer-section{padding:38px 0 47px}.viewer-title{flex-direction:column;align-items:start;gap:13px}.viewer-title h2{font-size:22px}.viewer-title a{font-size:13px}.viewer{height:470px;border-radius:15px}.viewer-help{font-size:13px}.project-story h2{font-size:30px}.project-story p{font-size:16px}.project-story .split{gap:25px}.situation{border-radius:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Ajustements éditoriaux : signature à gauche et sections sans colonnes vides. */
.nav{display:flex;justify-content:space-between;min-height:116px;gap:30px}.wordmark{text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.brand-title{font:800 30px/1.15 Manrope,sans-serif;letter-spacing:-1px}.brand-by{display:flex;align-items:center;gap:8px;font-size:13px;line-height:1}.wordmark .brand-by img{width:63px;height:15px}.nav nav{gap:34px}.nav .external{border:0}.hero{padding:76px 0 55px;min-height:570px}.hero h1{font:800 clamp(43px,6vw,76px)/1.12 Manrope,sans-serif;text-transform:none;letter-spacing:-2.5px;color:white;margin:0 0 29px}.hero .eyebrow{color:var(--orange);margin-bottom:26px}.hero .lead{max-width:650px}.hero-bottom{margin-top:44px}.section-intro h2{margin-bottom:30px}.copy-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}.copy-columns p{margin-bottom:0}.production .section-intro>.intro{max-width:870px;margin-bottom:25px;font-size:21px}.video-caption{font-size:18px;font-weight:700}.step-number{color:var(--cyan);font-size:14px}.project-story{background:var(--paper);padding-bottom:54px}.story-width{max-width:940px}.project-story h2{font-family:Manrope,sans-serif;font-weight:700}.project-story .intro{font-size:20px;line-height:1.7;font-weight:400;margin-bottom:0}.project-detail{background:var(--paper);padding-top:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.project-detail h2{font-size:29px;font-weight:700;color:var(--navy);margin-bottom:20px}.project-detail p{margin-bottom:0}.project-detail .situation{max-height:380px;object-fit:contain}.text-only{padding-bottom:75px}.text-only h3{font-size:23px;margin-bottom:17px}.text-only p{max-width:850px}.project-hero h1{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-1.8px}.footer-top{margin-bottom:35px}.footer-about{max-width:390px}
@media(max-width:700px){.nav{min-height:106px;gap:15px;padding:20px 0}.brand-title{font-size:23px;letter-spacing:-.8px}.wordmark .brand-by img{width:54px;height:13px}.brand-by{font-size:11px}.nav nav{gap:11px;align-items:flex-end;flex-direction:column}.nav nav a{font-size:12px}.nav .external{padding:0}.hero{padding:47px 0 45px;min-height:545px}.hero h1{font-size:clamp(35px,9vw,56px);letter-spacing:-1.6px;margin-bottom:27px}.hero .eyebrow{font-size:10px;line-height:1.7;letter-spacing:.9px;max-width:300px;margin-bottom:25px}.hero-bottom{margin-top:33px}.copy-columns,.detail-grid{grid-template-columns:1fr;gap:23px}.section-intro h2{margin-bottom:26px}.production .section-intro>.intro{font-size:19px}.video-caption{font-size:16px}.project-story{padding-bottom:35px}.project-story .intro{font-size:18px}.project-detail{padding-top:0}.project-detail .situation{max-height:none}.text-only{padding-bottom:55px}.project-hero h1{font-size:36px;letter-spacing:-1px}.footer-top{gap:25px}}

/* Photo du dispositif avec transition continue vers le bleu de l’en-tête. */
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.78;z-index:-2;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 30%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%)}
.hero .fluid-art{opacity:.48}
@media(max-width:700px){.hero-photo{object-position:73% center}.hero .fluid-art{opacity:.3}#service .copy-columns p{font-size:17px}}

/* Même boîte de ligne pour les deux liens et leur flèche. */
.nav nav a{display:inline-flex;align-items:center;gap:8px;line-height:20px;padding:0}
.nav nav .external span{display:block;margin:0;line-height:20px}

/* Présentation du service sur une seule colonne. */
#service .service-wrap{max-width:960px}
#service .copy-columns{display:flex;flex-direction:column;gap:20px;max-width:850px}
#service .sector-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 36px;margin-top:32px;padding:0}
#service .sector-list li{padding-left:4px;gap:12px;line-height:1.5}
#service .steps{margin-top:48px}
.project-hero .breadcrumb,.project-meta{justify-content:flex-start}
.project-hero h1{max-width:1040px;font-size:clamp(34px,4.4vw,60px);line-height:1.16;text-wrap:balance}
.hero .lead,.hero .eyebrow{margin-left:0;margin-right:0}
.hero .actions,.hero-bottom{justify-content:flex-start}
@media(max-width:700px){#service .sector-list{grid-template-columns:1fr;gap:15px}.hero .actions,.hero-bottom{align-items:flex-start}.project-hero h1{font-size:35px}.project-meta{gap:22px 32px}}

/* Le nom du chantier appartient aux informations de la page. */
.viewer{container-type:inline-size}
.viewer iframe{--viewer-trim:31px;display:block;height:calc(100% + var(--viewer-trim));transform:translateY(calc(-1 * var(--viewer-trim)))}
@container(max-width:543px){.viewer iframe{--viewer-trim:27px}}