@font-face {

  font-family: 'DM Sans';

  font-style: normal;

  font-weight: 400 700;

  font-display: swap;

  src: url(assets/fonts/dm-sans-latin-ext.woff2) format('woff2');

  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

@font-face {

  font-family: 'DM Sans';

  font-style: normal;

  font-weight: 400 700;

  font-display: swap;

  src: url(assets/fonts/dm-sans-latin.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

@font-face {

  font-family: 'Manrope';

  font-style: normal;

  font-weight: 400 800;

  font-display: swap;

  src: url(assets/fonts/manrope-latin-ext.woff2) format('woff2');

  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;

}

@font-face {

  font-family: 'Manrope';

  font-style: normal;

  font-weight: 400 800;

  font-display: swap;

  src: url(assets/fonts/manrope-latin.woff2) format('woff2');

  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;

}

:root{--navy:#0b1925;--navy-2:#112434;--orange:#ff9b45;--orange-hover:#ffb170;--paper:#faf9f6;--ink:#12212c;--muted:#647078;--line:#dedfda;--font:'DM Sans',Arial,sans-serif;--heading:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #df7d24;outline-offset:5px}img{display:block;max-width:100%}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.container{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:white;color:var(--ink);padding:10px 18px}.skip-link:focus{top:12px}.header{height:98px;background:var(--navy);color:white;border-bottom:1px solid #ffffff20;position:relative;z-index:20}.header-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand-mark{width:53px;height:53px;filter:invert(1);mix-blend-mode:screen;stroke:none}.brand-word{font-family:Georgia,serif;font-size:35px;line-height:1;letter-spacing:5px}.brand-word>span{display:block;font:7px/1.8 var(--font);letter-spacing:1.4px;margin-top:7px;white-space:nowrap}.header nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:500}.header nav>a:not(.button){color:#e1e5e8;position:relative}.header nav>a:not(.button):hover{color:var(--orange)}.button{border:1px solid transparent;display:inline-flex;gap:29px;align-items:center;justify-content:space-between;background:var(--orange);color:#0b1925;padding:17px 24px;font-size:13px;font-weight:700;border-radius:3px;transition:background .2s,transform .2s;line-height:1.5}.button:hover{background:var(--orange-hover);transform:translateY(-2px)}.button svg{width:18px;height:18px}.button-small{padding:12px 17px;gap:17px;font-size:11px}.menu-toggle{display:none}.hero{position:relative;min-height:724px;background:var(--navy);color:#fff;overflow:hidden}.hero-visual{position:absolute;inset:0 0 0 43%;background:#314449}.hero-visual>img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;filter:brightness(.8)}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--navy) 0%,#0b192577 24%,#0b192505 65%),linear-gradient(0deg,#0b1925b0,transparent 35%)}.hero-inner{position:relative;padding-top:67px;padding-bottom:114px;pointer-events:none}.hero-inner a{pointer-events:auto}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:2px;font-weight:650;color:#afbdc8;margin:0 0 24px;display:flex;align-items:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #ff9b4517}.hero h1{font-family:var(--heading);font-size:clamp(68px,6.5vw,96px);font-weight:650;letter-spacing:-5px;line-height:1.06;margin:0 0 27px}.hero h1>span{color:var(--orange)}.hero-description{color:#bdc8d0;font-size:15px;line-height:1.85;margin:0 0 30px;max-width:440px}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:12px;font-weight:600;color:white}.text-link svg{width:19px}.text-link:hover{color:var(--orange)}.hero-location{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.3px;color:#b6c0c8;margin-top:35px}.hero-location svg{width:15px;height:15px}.hero-caption{position:absolute;bottom:77px;right:56px;display:flex;align-items:center;gap:12px;font-size:9px;font-weight:600;letter-spacing:1.2px}.hero-caption div>span{display:block;letter-spacing:0;font-weight:400;font-size:11px;color:#e0e5e8;margin-top:4px}.caption-cross{font-size:35px;font-weight:300;color:var(--orange)}.hero-scroll{position:absolute;bottom:25px;left:56px;display:flex;align-items:center;gap:22px;color:#adb8c1;font-size:8px;letter-spacing:2px}.hero-scroll>span{font-size:24px;color:var(--orange)}.intro-strip{background:#f1f0eb;border-bottom:1px solid var(--line)}.intro-inner{display:flex;align-items:center;justify-content:space-between;gap:42px;padding-block:30px}.intro-inner>span{font-size:9px;letter-spacing:1.2px;line-height:1.8;color:var(--muted);flex-shrink:0}.intro-inner strong{font-weight:600;color:var(--ink)}.intro-inner>div{display:flex;align-items:center;justify-content:space-between;flex:1;gap:20px;max-width:820px;font-size:13px;color:#4c575d}.intro-inner>div>span+span:before{content:'+';font-size:12px;color:#a8ada9;margin-right:25px}.section{padding-block:105px}.dark{color:#657077}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:55px;margin-bottom:50px}.section-heading>div{flex:1}.section-heading .eyebrow{margin-bottom:18px}h2{font-family:var(--heading);font-size:clamp(32px,3.1vw,44px);font-weight:600;letter-spacing:-1.9px;line-height:1.22;margin:0}h2>span{color:#778080}.section-heading>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:370px;margin:0 0 4px}.expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.expertise-photo{height:208px;position:relative;overflow:hidden;background:#e3e5e1}.expertise-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.expertise:hover .expertise-photo img{transform:scale(1.05)}.expertise-photo>span{position:absolute;bottom:10px;left:12px;background:var(--paper);padding:2px 9px;font-size:9px;letter-spacing:1px}.expertise-title{display:flex;align-items:center;gap:10px;margin:25px 0 8px;font-family:var(--heading);font-size:22px;font-weight:600;letter-spacing:-.5px}.expertise-title svg{width:26px;height:26px;stroke-width:1.2}.expertise h3{font-size:13px;margin:0 0 12px;font-weight:600}.expertise p,.expertise ul{font-size:12px;color:var(--muted);line-height:1.85}.expertise p{min-height:44px;margin:0 0 14px}.expertise ul{list-style:none;padding:0;margin:0 0 24px}.expertise li{margin:4px 0}.expertise li:before{content:'—';color:#c58d60;padding-right:7px}.detail-link{display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);padding:17px 0 0;background:none;width:100%;color:var(--ink);font-size:11px;text-align:left;font-weight:600}.detail-link svg{width:17px;height:17px}.detail-link:hover{color:#a44c08}.projects-section{background:#eeeee9}.project-tools{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:27px}.filters{display:flex;flex-wrap:wrap;gap:6px}.filter{border:1px solid transparent;background:none;padding:9px 15px;border-radius:3px;color:#5b6568;font-size:11px;transition:all .2s}.filter.active{background:var(--navy);color:white}.filter:not(.active):hover{border-color:#a8afae;color:var(--ink)}#project-count{font-size:10px;white-space:nowrap;color:var(--muted)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project{position:relative;height:310px;overflow:hidden;padding:0;border:0;display:block;color:white;text-align:left;background:var(--navy);border-radius:2px}.project-wide{grid-column:span 2}.project[hidden]{display:none}.project img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07141aeb,transparent 80%)}.project:hover img{transform:scale(1.05)}.project-overlay{position:absolute;left:25px;right:25px;bottom:23px;z-index:1;display:block}.project-tag{display:block;color:#d4dcd9;font-size:8px;letter-spacing:1.5px;margin-bottom:9px}.project-name{display:flex;align-items:center;justify-content:space-between;font-family:var(--heading);font-size:19px;line-height:1.4;font-weight:500;letter-spacing:-.5px;gap:20px}.project-name svg{width:21px;height:21px;color:var(--orange)}.project-sub{display:block;color:#bdc9cb;font-size:10px;margin-top:5px}.projects-grid.filtered .project{grid-column:auto;height:330px}.projects-grid.filtered{grid-template-columns:repeat(2,minmax(0,1fr))}.approach-section{background:var(--navy);color:white;padding-block:100px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.approach-image{position:relative;height:650px}.approach-image>img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:brightness(.8)}.approach-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#081824eb)}.image-note{position:absolute;bottom:35px;left:35px;z-index:1;font-family:var(--heading);font-size:28px;line-height:1.35;letter-spacing:-.7px}.image-note>span{display:block;font:9px var(--font);color:var(--orange);letter-spacing:2px;margin-bottom:14px}.approach-copy h2{font-size:42px}.approach-intro{color:#afbec7;font-size:13px;margin:24px 0 28px;max-width:450px;line-height:1.9}.steps{list-style:none;padding:0;margin:0 0 26px}.steps li{display:flex;gap:20px;padding:23px 0;border-top:1px solid #ffffff1c}.steps li>span{font-size:10px;color:var(--orange);padding-top:4px}.steps h3{font-size:15px;font-weight:500;margin:0 0 6px}.steps p{font-size:12px;line-height:1.9;color:#afbec7;margin:0;max-width:350px}.coverage-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:110px;align-items:center}.coverage-grid h2{font-size:40px}.coverage-grid>div>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;max-width:490px;margin-block:26px}.coverage-points{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;margin:28px 0 32px}.coverage-points>span{display:flex;align-items:center;gap:8px;font-size:11px}.coverage-points svg{width:17px;height:17px;color:#99501c}.dark-link{color:var(--ink)}.coverage-visual{position:relative;padding-bottom:30px}.coverage-photo{height:390px;margin-left:50px;overflow:hidden}.coverage-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.coverage-label{display:flex;align-items:center;gap:16px;position:absolute;left:0;bottom:0;padding:24px 30px;background:#ebe7df;box-shadow:0 4px 20px #0b192508}.coverage-label>svg{width:30px;height:30px;color:#bd6e32}.coverage-label div{font-size:19px;font-weight:500;line-height:1.4}.coverage-label span{display:block;font-size:10px;color:#68706e;margin-top:5px}.contact-section{background:var(--navy-2);color:white}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:start}.contact-copy{position:sticky;top:50px}.contact-copy h2{font-size:48px;line-height:1.23}.contact-copy h2 em{font-style:normal;color:var(--orange)}.contact-copy>p:not(.eyebrow){font-size:13px;color:#b8c4cc;max-width:350px;line-height:1.9;margin-block:26px}.contact-note{display:flex;align-items:center;gap:20px;margin-block:35px}.note-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff2b;border-radius:50%;color:var(--orange);font-size:25px}.contact-note p{font-size:11px;line-height:1.9;color:#bdcad3;margin:0}.contact-copy>p.draft-note{font-size:10px;border-top:1px solid #ffffff24;padding-top:20px;color:#91a6b5;max-width:350px}.project-form{padding:33px 35px;background:#fff;color:var(--ink);border-radius:3px}.project-form h3{font-family:var(--heading);font-size:23px;letter-spacing:-.8px;font-weight:600;margin:0 0 4px}.form-intro{color:var(--muted);font-size:11px;margin:0 0 27px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-form label{display:block;font-size:10px;font-weight:600;margin-bottom:18px}.project-form label>span{color:#a9510d}.project-form input,.project-form select,.project-form textarea{display:block;width:100%;border:1px solid #dddeda;background:#fafaf8;border-radius:2px;padding:12px;margin-top:7px;color:var(--ink);font-size:11px;min-width:0}.project-form textarea{resize:vertical;min-height:100px}.project-form input::placeholder,.project-form textarea::placeholder{color:#848c8f}.privacy-note{font-size:10px;color:#6b7478;line-height:1.7;margin:0 0 21px}.project-form .button{width:100%;font-size:12px}.form-status{font-size:11px;margin:12px 0 0;color:#2c6742;min-height:0}.form-status:empty{display:none}.footer{background:#08131d;color:white;padding-block:48px 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-bottom:35px}.footer .brand-word{font-size:31px}.footer .brand-word>span{font-size:6px;letter-spacing:.7px}.footer-top>p{font-size:13px;color:#a5b3bd;line-height:1.7;margin:0}.back-top{display:flex;gap:22px;align-items:center;color:#a5b3bd;font-size:10px}.back-top>span{font-size:22px;color:var(--orange)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff15;padding-top:22px;font-size:9px;color:#8c9da9}.footer-bottom>div{display:flex;gap:25px}.footer-bottom button{border:0;padding:0;background:none;color:#8c9da9;font-size:9px}.footer-bottom button:hover{color:var(--orange)}dialog{border:0;padding:0;max-width:780px;width:calc(100% - 32px);max-height:calc(100vh - 48px);background:var(--paper);color:var(--ink);border-radius:5px;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#06121ee0;backdrop-filter:blur(4px)}.dialog-close{position:absolute;z-index:2;top:14px;right:14px;border:1px solid #d8dddf;background:white;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:var(--ink)}.dialog-close svg{width:19px;height:19px}.dialog-photo{width:100%;height:350px;object-fit:cover}.dialog-copy{padding:38px 42px}.dialog-copy h2{font-size:32px;margin-bottom:22px}.dialog-copy h3{font-weight:500;font-size:19px}.dialog-copy p,.dialog-copy ul{font-size:14px;color:var(--muted);line-height:1.9}.dialog-copy ul{padding-left:20px;margin-bottom:30px}.dialog-copy .eyebrow{margin-bottom:15px}.dialog-copy .button{margin-top:12px}body.modal-open{overflow:hidden}::selection{background:#ff9b4577;color:inherit}

@media(min-width:1600px){.hero-caption{right:calc((100vw - 1320px)/2)}.hero-scroll{left:calc((100vw - 1320px)/2)}}

@media(max-width:1150px){.container{width:calc(100% - 64px)}.header nav{gap:20px;font-size:11px}.header .button-small{padding:12px;gap:10px}.hero h1{font-size:80px}.hero-caption{right:32px;max-width:260px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:11px}.hero-scroll{left:32px}.intro-inner>div>span+span:before{margin-right:13px}.intro-inner>div{font-size:11px;gap:13px}.expertise-grid{gap:19px}.expertise-photo{height:180px}.expertise-title{font-size:20px}.expertise ul{font-size:10px}.approach-grid{gap:55px}.coverage-grid{gap:50px}.coverage-grid h2{font-size:35px}.contact-grid{gap:55px}.section{padding-block:85px}.project-name{font-size:17px}.project{height:280px}.project-overlay{left:20px;right:20px}.contact-copy h2{font-size:42px}.project-form{padding:30px}}

@media(max-width:900px){.header{height:84px}.header nav{gap:17px}.header nav>a:nth-child(3){display:none}.brand-word{font-size:30px}.brand-word>span{font-size:6px;letter-spacing:1px}.brand-mark{width:45px;height:45px}.hero{min-height:690px}.hero h1{font-size:76px}.hero-visual{left:32%}.hero-visual:after{background:linear-gradient(90deg,var(--navy) 0%,#0b1925bb 25%,#0b192530 100%),linear-gradient(0deg,#0b1925b0,transparent 60%)}.hero-caption{display:none}.intro-inner{display:block;padding-block:24px}.intro-inner>span{display:block;margin-bottom:16px}.intro-inner>span br{display:none}.intro-inner>div{max-width:none}.intro-inner>div>span+span:before{margin-right:20px}.section-heading{gap:35px}.section-heading>p{max-width:280px;font-size:12px}h2{font-size:33px}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.expertise-photo{height:235px}.expertise ul{font-size:12px}.expertise p{min-height:0}.approach-grid{gap:35px}.approach-image{height:670px}.approach-copy h2{font-size:32px}.approach-intro{font-size:12px}.steps li{gap:15px}.coverage-grid{gap:30px}.coverage-grid h2{font-size:30px}.coverage-points{grid-template-columns:1fr}.coverage-photo{margin-left:20px;height:440px}.coverage-label{padding:20px}.coverage-label div{font-size:17px}.coverage-label span{font-size:9px}.contact-grid{gap:35px;grid-template-columns:.8fr 1.2fr}.contact-copy h2{font-size:33px}.contact-copy>p:not(.eyebrow){font-size:12px}.project-form{padding:25px}.form-row{gap:12px}.project-name{font-size:16px}.project-overlay{left:18px;right:18px}.project-tag{font-size:7px;letter-spacing:.8px}.project-sub{font-size:9px}.projects-grid{gap:16px}.project{height:260px}.footer-top>p{display:none}}

@media(max-width:700px){html{scroll-padding-top:20px}.container{width:calc(100% - 40px)}.header{height:78px}.brand-mark{width:42px;height:42px}.brand-word{font-size:29px}.brand-word>span{font-size:5.5px;letter-spacing:.8px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:1px solid #ffffff35;width:40px;height:38px;color:white;border-radius:3px}.menu-toggle span{display:block;width:18px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:20px;box-shadow:0 20px 30px #0003}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav>a:nth-child(3){display:block}.header nav>a:not(.button){padding:14px 5px;font-size:14px;border-bottom:1px solid #ffffff15}.header nav>a.button{margin-top:15px;font-size:12px;padding:14px}.hero{min-height:710px}.hero-inner{padding-top:50px;padding-bottom:110px}.hero-visual{left:0}.hero-visual>img{object-position:55% 45%;filter:brightness(.65)}.hero-visual:after{background:linear-gradient(90deg,#0b1925f2,#0b192586 70%,#0b192570),linear-gradient(0deg,var(--navy),transparent 60%)}.hero .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:28px}.hero h1{font-size:clamp(60px,13vw,86px);line-height:1.09;letter-spacing:-3.8px;margin-bottom:27px}.hero-description{font-size:13px;line-height:1.8}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-actions .button{padding:16px 21px;font-size:12px}.hero-actions .text-link{font-size:12px}.hero-location{font-size:9px;margin-top:28px;max-width:290px}.hero-scroll{left:20px;bottom:25px}.intro-inner{padding-block:24px}.intro-inner>span{font-size:8px;letter-spacing:1px}.intro-inner>div{justify-content:flex-start;gap:9px 17px;flex-wrap:wrap;font-size:11px}.intro-inner>div>span+span:before{content:none}.intro-inner>div>span{display:flex;align-items:center;gap:7px}.intro-inner>div>span:before{content:'+';color:#a5aba9}.section{padding-block:65px}.section-heading{display:block;margin-bottom:32px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:16px}h2{font-size:32px;letter-spacing:-1.3px}.section-heading>p{margin:22px 0 0;max-width:450px;font-size:12px}.expertise-grid{gap:35px 18px}.expertise-photo{height:200px}.expertise-title{font-size:20px;gap:7px;margin-top:18px}.expertise-title svg{width:23px;height:23px}.expertise h3{font-size:12px}.expertise p{font-size:11px;min-height:42px}.expertise ul{font-size:10px;margin-bottom:20px}.expertise li:before{padding-right:5px}.detail-link{font-size:9px;gap:4px;padding-top:14px}.detail-link svg{width:14px;height:14px}.project-tools{display:block;margin-bottom:20px}.filters{gap:2px;margin-bottom:14px}.filter{font-size:10px;padding:8px 11px}#project-count{font-size:9px}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project,.project-wide{grid-column:span 2;height:300px}.project-overlay{left:22px;right:22px;bottom:23px}.project-tag{font-size:8px;letter-spacing:1.2px}.project-name{font-size:20px}.project-sub{font-size:10px}.projects-grid.filtered{grid-template-columns:1fr}.projects-grid.filtered .project{height:300px}.approach-section{padding-block:60px}.approach-grid{display:flex;flex-direction:column;gap:40px;align-items:stretch}.approach-image{height:400px}.approach-image>img{object-position:center 32%}.image-note{left:25px;bottom:25px;font-size:26px}.approach-copy h2{font-size:34px}.approach-intro{font-size:13px}.steps li{padding:22px 0;gap:20px}.steps p{font-size:12px;max-width:none}.coverage-grid{display:flex;flex-direction:column;align-items:stretch;gap:40px}.coverage-grid h2{font-size:32px}.coverage-grid>div>p:not(.eyebrow){font-size:12px}.coverage-points{grid-template-columns:1fr 1fr;font-size:10px}.coverage-points>span{font-size:10px;line-height:1.6}.coverage-photo{height:330px;margin-left:30px}.coverage-label{padding:21px 25px}.coverage-label div{font-size:20px}.coverage-label span{font-size:10px}.contact-grid{display:block}.contact-copy{position:static}.contact-copy h2{font-size:40px}.contact-copy>p:not(.eyebrow){font-size:13px;max-width:440px}.contact-note{margin-block:25px}.contact-copy>p.draft-note{font-size:10px;margin-bottom:30px;max-width:none}.project-form{padding:28px 22px}.project-form h3{font-size:23px}.form-row{gap:14px}.project-form label{font-size:10px}.project-form input,.project-form select,.project-form textarea{font-size:16px;padding:11px;min-height:44px}.project-form input::placeholder,.project-form textarea::placeholder{font-size:12px}.project-form select{font-size:12px}.project-form .button{font-size:12px}.footer{padding-top:36px}.footer-top{align-items:flex-start;gap:18px;padding-bottom:28px}.footer .brand-mark{width:39px;height:39px}.footer .brand-word{font-size:26px}.footer .brand-word>span{font-size:5px;letter-spacing:.5px}.back-top{font-size:8px;gap:9px;padding-top:8px}.footer-bottom{display:block;font-size:8px}.footer-bottom>div{margin-top:16px;gap:22px}.footer-bottom button{font-size:9px}.dialog-photo{height:270px}.dialog-copy{padding:30px 25px}.dialog-copy h2{font-size:27px}.dialog-copy p,.dialog-copy ul{font-size:13px}}

@media(max-width:380px){.container{width:calc(100% - 32px)}.expertise-grid{grid-template-columns:1fr;gap:35px}.expertise-photo{height:230px}.expertise p{min-height:0;font-size:12px}.expertise ul{font-size:12px}.detail-link{font-size:11px}.form-row{grid-template-columns:1fr;gap:0}.contact-copy h2{font-size:36px}.coverage-points{grid-template-columns:1fr}.footer-top{display:block}.back-top{margin-top:20px}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}



/* Références clients : logos locaux, sans dépendance à un service externe. */

.clients-section{background:#fff;padding:58px 0 52px;border-bottom:1px solid var(--line);scroll-margin-top:24px}

.clients-heading{text-align:center;margin:0 auto 34px}

.clients-heading .eyebrow{justify-content:center;margin-bottom:12px;font-size:9px;letter-spacing:1.8px}

.clients-heading h2{font-size:30px;letter-spacing:-1.1px;line-height:1.35}

.clients-heading>p:last-child{margin:12px 0 0;font-size:12px;color:var(--muted);line-height:1.8}

.clients-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:stretch}

.client{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:16px 16px 8px;text-align:center}

.client+.client{border-left:1px solid #edf0ed}

.client img{display:block;width:100%;max-width:136px;height:55px;object-fit:contain;object-position:center}

.client>span{font-size:10px;line-height:1.5;color:#6a7378;letter-spacing:.2px}

.client-bdf img{max-width:122px;height:55px}

.client-tesla img{max-width:106px;height:55px}

.client-laposte img{max-width:116px;height:55px}

.client-renault img{max-width:43px;height:55px}

.client-apple img{max-width:36px;height:55px}

@media(max-width:1000px){.clients-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:24px}.client{padding:14px 20px 8px}.client:nth-child(5){border-left:0}.client img{max-width:135px}.client-renault img{max-width:43px}.client-apple img{max-width:36px}.client-tesla img{max-width:106px}.client-laposte img{max-width:116px}}

@media(max-width:600px){.clients-section{padding:45px 0 36px}.clients-heading{margin-bottom:26px}.clients-heading h2{font-size:27px;letter-spacing:-.8px}.clients-heading>p:last-child{font-size:11px;max-width:290px;margin:12px auto 0}.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.client{padding:10px 15px 5px;gap:12px}.client:nth-child(odd){border-left:0}.client:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:50%}.client img{max-width:132px;height:52px}.client-renault img{max-width:41px}.client-apple img{max-width:34px}.client>span{font-size:10px}}



/* Galerie enrichie et vidéos de chantier */

.more-projects-wrap{display:flex;flex-direction:column;align-items:center;gap:13px;margin-top:35px}

.button-secondary{background:transparent;border-color:#bac2bf;color:var(--ink);min-width:245px;justify-content:space-between}

.button-secondary:hover{background:#e0e3dc}

.button[hidden]{display:none}

.gallery-hint{font-size:10px;color:var(--muted);margin:0;text-align:center}

.videos-section{background:#f8f7f3}

.video-feature{display:grid;grid-template-columns:1.55fr 1fr;gap:50px;align-items:center;padding-bottom:45px;border-bottom:1px solid var(--line)}

.video-screen{background:var(--navy);overflow:hidden;border-radius:3px;line-height:0}

.video-screen video,.video-duo video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#08131d;border-radius:3px}

.video-feature-copy h3{font-family:var(--heading);font-size:29px;line-height:1.35;letter-spacing:-1px;font-weight:600;margin:0 0 19px}

.video-feature-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;max-width:350px;margin:0 0 18px}

.video-feature-copy .eyebrow{margin-bottom:17px;font-size:8px;letter-spacing:1.4px}

.video-meta{display:block;font-size:10px;color:#737d82;white-space:nowrap}

.video-feature-copy .text-link{margin-top:26px}

.video-duo{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:40px}

.video-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:22px}

.video-caption .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:9px}

.video-caption h3{font-family:var(--heading);font-size:20px;letter-spacing:-.6px;line-height:1.4;margin:0 0 10px;font-weight:600}

.video-caption>div>p:last-child{font-size:12px;line-height:1.8;color:var(--muted);max-width:380px;margin:0}

.video-caption>.video-meta{padding-top:2px;font-size:9px}

.project-gallery-photo{height:min(430px,53vh);object-fit:contain;background:#e7eae7}

.dialog-gallery-tools{display:flex;align-items:center;justify-content:center;gap:25px;padding:16px 20px 12px}

.gallery-arrow{border:1px solid #cdd3d0;background:white;width:38px;height:34px;border-radius:3px;font-size:20px;color:var(--ink);line-height:1}

.gallery-arrow:hover{background:#f6e6d5;border-color:#d6a67d}

#gallery-count{font-size:11px;color:var(--muted);min-width:90px;text-align:center}

.dialog-thumbnails{display:flex;justify-content:center;gap:9px;padding:0 25px 6px;flex-wrap:wrap}

.dialog-thumbnails>button{padding:3px;border:2px solid transparent;border-radius:3px;background:transparent;line-height:0}

.dialog-thumbnails>button.selected{border-color:#c87536}

.dialog-thumbnails img{width:74px;height:50px;object-fit:cover}

@media(max-width:1000px){.video-feature{gap:30px;grid-template-columns:1.3fr 1fr}.video-feature-copy h3{font-size:25px}.video-feature-copy>p:not(.eyebrow){font-size:12px}.video-duo{gap:25px}.video-caption{display:block}.video-caption>.video-meta{margin-top:12px}}

@media(max-width:700px){.video-feature{display:block;padding-bottom:30px}.video-feature-copy{margin-top:27px}.video-feature-copy h3{font-size:27px}.video-feature-copy>p:not(.eyebrow){max-width:none}.video-feature-copy .text-link{margin-top:20px}.video-duo{grid-template-columns:1fr;gap:35px;padding-top:30px}.video-caption{margin-top:19px}.video-caption h3{font-size:22px}.video-caption>div>p:last-child{max-width:none}.video-caption>.video-meta{margin-top:10px}.more-projects-wrap{margin-top:28px}.dialog-thumbnails img{width:59px;height:43px}.dialog-thumbnails{gap:5px;padding-inline:15px}.project-gallery-photo{height:min(350px,48vh)}}



/* Revue : relief discret, lisibilite et navigation persistante */

html{scroll-padding-top:118px}

.header{position:sticky;top:0;box-shadow:0 8px 24px #06121a14}

.expertise{background:#fff;border:1px solid #e1e4df;border-radius:13px;padding:14px;box-shadow:0 4px 1px #d8ddd526,0 13px 28px #12212c0a;transition:transform .25s ease,box-shadow .25s ease}

.expertise-photo{border-radius:8px;box-shadow:0 2px 8px #12212c0d}

.expertise-title{margin-top:22px}

.expertise p{font-size:13px;min-height:48px}

.expertise ul{font-size:12px;min-height:80px}

.expertise .detail-link{min-height:44px;padding-top:12px;padding-bottom:4px;font-size:11px}

.project{border-radius:10px;box-shadow:0 7px 16px #0b19251a;transition:transform .25s ease,box-shadow .25s ease}

.project-overlay{bottom:26px}

.video-screen,.video-screen video,.video-duo video{border-radius:10px;box-shadow:0 15px 30px #0b192516}

.coverage-photo{border-radius:12px;box-shadow:0 18px 36px #0b19251c;transform:rotate(1deg)}

.coverage-label{border-radius:8px;box-shadow:0 12px 24px #0b192518;border:1px solid #ffffff80}

.project-form{border:1px solid #ffffff80;border-radius:12px;box-shadow:0 4px 0 #8999a122,0 22px 55px #06101d55}

.project-form input,.project-form select,.project-form textarea{font-size:13px;min-height:44px}

.project-form label{font-size:12px}

.gallery-context{border-left:2px solid #df9b66;background:#f0eee7;padding:11px 14px;font-size:12px!important;line-height:1.7!important}

.gallery-arrow{min-width:44px;min-height:44px}

.dialog-thumbnails>button{min-width:44px;min-height:44px}

.dialog-close{width:44px;height:44px}

.expertise-photo img{object-position:center 35%}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.expertise:hover{transform:perspective(1000px) translateY(-6px) rotateX(1deg);box-shadow:0 5px 0 #d8ddd536,0 22px 42px #12212c16}.project:hover{transform:translateY(-3px);box-shadow:0 15px 25px #0b192526}}

@media(max-width:1100px){.expertise ul{font-size:11px}.expertise p{font-size:12px}.expertise .detail-link{font-size:10px}.expertise-title{font-size:20px;gap:7px}}

@media(max-width:700px){html{scroll-padding-top:98px}.expertise{padding:12px}.expertise p{min-height:60px}.project-form input,.project-form select,.project-form textarea{font-size:16px}.project-form select{font-size:14px}.project-form label{font-size:12px}}

@media(max-width:600px){.expertise-grid{grid-template-columns:1fr;gap:24px}.expertise{padding:16px}.expertise-photo{height:235px}.expertise-title{font-size:24px;margin-top:22px}.expertise h3{font-size:15px}.expertise p{font-size:14px;min-height:0}.expertise ul{font-size:13px;min-height:0}.expertise .detail-link{font-size:12px}.section-heading>p{font-size:14px}.hero-description{font-size:14px}.gallery-hint{font-size:12px}.coverage-photo{transform:none}}

@media(prefers-reduced-motion:reduce){.expertise,.project,.coverage-photo{transform:none!important}}

@media(max-width:600px){.form-row{grid-template-columns:1fr;gap:0}.project-form select{font-size:16px}.project-form input,.project-form select{min-height:48px}.filter{min-height:44px}.footer-bottom button{padding-block:10px}}



/* Identité d'origine, navigation flottante et film de présentation. */

html{scroll-padding-top:116px}

.header{height:100px;padding-block:12px;background:#0b1925ed;border:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:none}

.header-inner{height:76px;padding:10px 20px;border:1px solid #ffffff24;border-radius:50px;background:linear-gradient(120deg,#ffffff0c,#ffffff03);box-shadow:inset 0 1px 0 #ffffff08,0 8px 28px #00000012;gap:24px}

.brand{gap:12px}

.brand-mark{width:48px;height:48px}

.brand-signature{display:flex;flex-direction:column;gap:7px;align-items:flex-start}

.brand-logotype{display:block;width:155px;height:31px;stroke:none;filter:invert(1);mix-blend-mode:screen}

.brand-signature>span{font:6.5px/1 var(--font);letter-spacing:1.1px;color:#c6cdd3;white-space:nowrap}

.header nav{gap:6px;font-size:12px}

.header nav>a[data-nav]{display:block;padding:11px 13px;border-radius:24px;color:#bec8cf;transition:background .2s,color .2s}

.header nav>a[data-nav]:hover{background:#ffffff0b;color:white}

.header nav>a[data-nav][aria-current="location"]{background:#ffffff12;color:#fff;box-shadow:inset 0 0 0 1px #ffffff12}

.header nav>a[data-nav][aria-current="location"]:before{content:'';display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-right:7px;vertical-align:2px}

.header .button-small{border-radius:30px;padding:13px 18px;margin-left:12px;font-size:11px}

.reading-progress{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden}

.reading-progress>span{display:block;width:100%;height:100%;background:var(--orange);transform:scaleX(var(--page-progress,0));transform-origin:left;opacity:.8}

.button{border-radius:8px}

.hero .button{border-radius:30px}

.film-section{position:relative;background:var(--navy);color:white;padding:80px 0 65px;overflow:hidden}

.film-section:before{content:'';position:absolute;width:650px;height:650px;right:-350px;top:-300px;border:1px solid #ffffff09;border-radius:50%;box-shadow:0 0 0 80px #ffffff02,0 0 0 160px #ffffff02;pointer-events:none}

.film-section>.container{position:relative}

.film-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:36px}

.film-heading .eyebrow{margin-bottom:18px;color:#b5c4cc}

.film-heading h2{font-size:42px}

.film-heading h2>span{color:#a6b9c5}

.film-heading>p{font-size:13px;color:#b7c4cc;line-height:1.9;margin:0 0 4px}

.film-duration{font-family:var(--heading);font-size:38px;font-weight:500;line-height:1.2;letter-spacing:-1.5px;text-align:right;color:var(--orange);padding-bottom:3px}

.film-duration>span{display:block;font:8px/1.6 var(--font);letter-spacing:1.5px;color:#9aaebc;margin-top:9px}

.film-frame{padding:8px;background:#ffffff0a;border:1px solid #ffffff20;border-radius:18px;box-shadow:0 5px 0 #ffffff06,0 28px 65px #0005;line-height:0}

.film-frame video{width:100%;aspect-ratio:16/9;background:#08151c;display:block;border-radius:11px;object-fit:contain}

.film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px}

.film-toolbar>p{display:flex;align-items:center;gap:12px;font-size:12px;color:#b9c9d2;margin:0;line-height:1.7}

.film-controls{display:flex;gap:10px;flex-shrink:0}

.film-controls button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;border:1px solid #ffffff30;background:#ffffff08;color:#fff;font-size:12px;border-radius:30px;padding:11px 18px}

.film-controls button:hover{background:#ffffff15;border-color:#ffffff60}

.film-controls #film-sound{color:var(--navy);background:var(--orange);border-color:transparent;min-width:157px}

.film-controls #film-sound:hover{background:var(--orange-hover)}

.film-controls svg{width:19px;height:19px}

.film-controls .sound-on,.film-controls .is-audible .sound-off{display:none}

.film-controls .is-audible .sound-on{display:block}

.film-note{font-size:10px;color:#8da4b4;margin:15px 0 0}

.expertise-grid{gap:20px}

.expertise{padding:12px 16px 18px;border-radius:16px;display:flex;flex-direction:column;min-width:0}

.expertise-monogram{height:auto;aspect-ratio:1.12;background:radial-gradient(ellipse at 50% 40%,#243e4b,var(--navy) 80%);border-radius:10px;margin:-1px -5px 0;position:relative;box-shadow:inset 0 0 0 1px #ffffff08,0 9px 17px #0b192512}

.expertise-letter{width:100%;height:100%;stroke:none;filter:drop-shadow(0 6px 8px #0006);transition:transform .4s}

.expertise-monogram>.expertise-number{position:absolute;left:12px;top:9px;bottom:auto;padding:0;background:none;color:#c6d4dc;font-size:9px}

.expertise-monogram>.expertise-image-label{position:absolute;left:auto;right:12px;bottom:9px;padding:0;background:none;color:#91a8b5;font-size:7px;letter-spacing:1.6px}

.expertise-title{font-size:22px}

.expertise .detail-link{margin-top:auto}

.expertise ul{min-height:83px}

.footer .brand-logotype{width:145px;height:29px}

.footer .brand-signature>span{font-size:5px;letter-spacing:.6px}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.expertise:hover .expertise-letter{transform:translateY(-3px) scale(1.025)}}

@media(max-width:1150px){.header-inner{padding-inline:17px;gap:16px}.header nav{gap:0}.header nav>a[data-nav]{padding:11px 10px;font-size:11px}.header .button-small{margin-left:8px;padding:12px 15px;font-size:10px;gap:12px}.brand-logotype{width:135px;height:28px}.brand-mark{width:43px;height:43px}.brand-signature>span{font-size:5.5px}.expertise-title{font-size:19px;gap:7px}.expertise ul{min-height:100px}}

@media(max-width:1000px){.header{height:90px;padding-block:10px}.header-inner{height:70px}.header nav>a[data-nav]{font-size:10px;padding:11px 8px}.header .button-small{font-size:10px;gap:6px;padding:12px}.header .brand-mark{width:38px;height:38px}.header .brand{gap:8px}.header .brand-logotype{width:115px;height:24px}.header .brand-signature>span{font-size:4.7px;letter-spacing:.9px}.film-heading h2{font-size:36px}.film-duration{font-size:32px}.film-heading{gap:25px}.film-toolbar>p{max-width:340px}.expertise ul{min-height:83px}.expertise-title{font-size:23px}}

@media(max-width:850px){html{scroll-padding-top:102px}.header{height:88px}.header-inner{height:68px;width:calc(100% - 32px);padding:9px 15px;border-radius:36px}.header .brand-mark{width:42px;height:42px}.header .brand-logotype{width:132px;height:27px}.header .brand-signature>span{font-size:5.4px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #ffffff30;background:#ffffff08;color:white;border-radius:50%}.menu-toggle span{width:18px;height:1px;display:block;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:83px;left:16px;right:16px;border:1px solid #ffffff28;padding:17px;background:#0e2231fa;backdrop-filter:blur(20px);border-radius:22px;box-shadow:0 25px 35px #0005}.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.header nav>a[data-nav],.header nav>a:nth-child(3){display:block;font-size:16px;padding:15px 17px;border:0;border-radius:12px}.header nav>a[data-nav][aria-current=location]:before{vertical-align:3px}.header .button-small{margin:9px 0 0;font-size:13px;padding:15px 18px}.film-toolbar{align-items:flex-start}.film-toolbar>p{max-width:270px;font-size:11px}.film-duration{display:none}.film-heading>p{font-size:12px}.film-section{padding-block:60px 45px}.expertise-title{font-size:22px}}

@media(max-width:600px){.film-heading{display:block;margin-bottom:27px}.film-heading h2{font-size:34px}.film-heading>p{margin-top:20px;font-size:13px}.film-frame{padding:4px;border-radius:12px;margin-inline:-4px}.film-frame video{border-radius:8px}.film-toolbar{display:block;margin-top:22px}.film-toolbar>p{font-size:12px;max-width:100%;align-items:flex-start}.film-toolbar .status-dot{flex-shrink:0;margin-top:7px}.film-controls{margin-top:19px;gap:9px}.film-controls button{font-size:11px;padding:11px 15px;min-height:46px;gap:9px}.film-controls #film-sound{min-width:148px}.film-note{font-size:10px;line-height:1.7;max-width:310px}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.expertise{padding:9px 10px 14px;border-radius:13px}.expertise-monogram{margin:0 -2px;aspect-ratio:.94;min-height:0;height:auto}.expertise-monogram>.expertise-number{font-size:8px;left:9px;top:8px}.expertise-monogram>.expertise-image-label{font-size:6px;right:8px;bottom:8px;letter-spacing:.8px}.expertise-title{font-size:17px;gap:6px;margin-top:17px;margin-bottom:10px}.expertise-title svg{width:19px;height:19px}.expertise h3{font-size:12px;line-height:1.6;min-height:38px;margin-bottom:7px}.expertise p{font-size:12px;min-height:68px;line-height:1.7}.expertise ul{font-size:10px;min-height:104px;line-height:1.7;margin-bottom:17px}.expertise .detail-link{font-size:10px;line-height:1.6;min-height:50px;gap:3px}.expertise .detail-link svg{width:15px;height:15px}.section-heading h2{font-size:30px}.section-heading>p{font-size:13px}.footer .brand-signature>span{font-size:4.5px}.footer .brand-logotype{width:130px;height:26px}}

@media(max-width:360px){.header .brand-logotype{width:115px;height:24px}.header .brand-signature>span{font-size:4.7px}.expertise-grid{grid-template-columns:1fr}.expertise{padding:16px}.expertise-monogram{aspect-ratio:1.25}.expertise-title{font-size:24px}.expertise h3{font-size:15px;min-height:0}.expertise p{font-size:14px;min-height:0}.expertise ul{font-size:12px;min-height:0}.expertise .detail-link{font-size:12px}.film-controls{flex-wrap:wrap}.film-controls button{flex:1}.film-heading h2{font-size:30px}}

@media(min-width:361px) and (max-width:600px){.expertise p{font-size:13px;min-height:88px}.expertise ul{font-size:12px;min-height:155px}.expertise .detail-link{font-size:11px}.expertise h3{font-size:13px;min-height:44px}}



/* Fond réellement transparent : le filtre SVG conserve les formes du logo. */

.brand-mark,.brand-logotype{filter:none;mix-blend-mode:normal}

.expertise-letter .letter-context{transition:opacity .4s}

.expertise:hover .letter-context{opacity:.3}

.footer{padding-top:60px}

.footer-top{display:grid;grid-template-columns:1fr 1.25fr auto;gap:50px;align-items:center;padding-bottom:44px}

.footer-top>.footer-promise{display:block;margin:0;padding-left:35px;border-left:1px solid #ffffff25;font-family:var(--heading);font-size:28px;font-weight:450;line-height:1.4;letter-spacing:-.8px;color:#f0f2ef}

.footer-promise>span{display:block;font:8px/1.6 var(--font);color:#91a6b4;letter-spacing:1.7px;margin-bottom:12px}

.footer-promise strong{font-weight:450;color:var(--orange)}

.back-top{font-size:11px;gap:14px;color:#c0cbd2}

.back-top>span{display:grid;place-items:center;border:1px solid #ffffff30;border-radius:50%;width:44px;height:44px;font-size:23px;transition:background .2s,transform .2s}

.back-top:hover>span{background:#ffffff0c;transform:translateY(-3px)}

.contact-copy>.contact-assurance{max-width:320px;border-top:1px solid #ffffff20;padding-top:22px;font-size:12px!important;color:#93a9b8!important}

.privacy-link{color:#7c430f;border:0;border-bottom:1px solid #bb8e6a;padding:0;background:none;font-size:inherit}

.project-form button[disabled]{cursor:wait;opacity:.7;transform:none}

.form-status{padding:13px 15px;border-radius:7px;background:#eef6ef;border:1px solid #cadfce;line-height:1.7;font-size:12px}

.form-status[data-kind="error"]{background:#fff3e8;color:#8c3e16;border-color:#e8c9af}

.form-status[data-kind="pending"]{background:#edf3f6;color:#315c75;border-color:#cedee9}

.form-status:empty{display:none}

.systems-section{--scene-turn:0deg;--scene-rise:0px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 45%,#173f49 0%,#0d2431 38%,#0b1925 75%);color:white;border-top:1px solid #ffffff15;border-bottom:1px solid #ffffff16;padding:75px 0}

.systems-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b192510,#0b192500 70%);pointer-events:none}

.systems-layout{display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:30px;position:relative}

.systems-copy{position:relative;z-index:2}

.systems-copy .eyebrow{font-size:9px;color:#9db5c1;letter-spacing:1.6px}

.systems-copy h2{font-size:39px;line-height:1.3}

.systems-copy h2>span{color:#a9c0ca}

.systems-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#a8beca;max-width:380px;margin:25px 0 26px}

.systems-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;max-width:310px}

.systems-legend>span{border:1px solid #7393a13d;color:#a9c4d0;font-size:10px;padding:7px 13px;border-radius:30px;transition:background .4s,color .4s,border-color .4s}

.systems-visual{position:relative;min-width:0;perspective:1000px;aspect-ratio:1.35;isolation:isolate}

.technical-scene{position:absolute;inset:0;transform:translateY(var(--scene-rise)) rotateY(var(--scene-turn)) rotateX(5deg);transform-style:preserve-3d;will-change:transform}

.systems-svg{width:100%;height:100%;stroke:none;stroke-width:1;overflow:visible;filter:drop-shadow(0 22px 30px #0003)}

.system-caption{font:9px var(--font);letter-spacing:1.5px;fill:#9bb8c6;stroke:none}

.system-connections{stroke:#547b87;opacity:.5}

.system-signals{stroke:#ffb66c;stroke-dasharray:6 24;opacity:.6;animation:system-flow 8s linear infinite;animation-play-state:paused}

.technical-object{opacity:.68;transition:opacity .5s,filter .5s}

.object-routing{opacity:1}

.rack-led,.camera-led{animation:system-led 3s ease-in-out infinite;animation-play-state:paused}

.floating-badge{animation:system-badge 5s ease-in-out infinite;animation-play-state:paused}

.badge-waves{opacity:.25;animation:system-wave 3s ease-in-out infinite;animation-play-state:paused}

.light-pool{animation:system-glow 5s ease-in-out infinite;animation-play-state:paused}

.in-view .system-signals,.in-view .rack-led,.in-view .camera-led,.in-view .floating-badge,.in-view .badge-waves,.in-view .light-pool{animation-play-state:running}

.systems-orbit{position:absolute;border:1px solid #89b9bc12;border-radius:50%;width:90%;aspect-ratio:1;top:-15%;left:8%;transform:rotateX(65deg);z-index:-1}

.orbit-two{width:125%;left:-10%;top:-35%;border-color:#89b9bc08}

.systems-coordinate{position:absolute;bottom:1%;right:7%;font:9px/1.8 var(--font);letter-spacing:4px;color:#d4b594}

.systems-coordinate>span{display:block;letter-spacing:1.8px;font-size:6px;color:#7f9aa8}

.systems-section[data-stage="routing"] .object-routing,.systems-section[data-stage="brightness"] .object-brightness,.systems-section[data-stage="badges"] .object-badges,.systems-section[data-stage="monitoring"] .object-monitoring{opacity:1;filter:drop-shadow(0 0 9px #97d8d622)}

.systems-section[data-stage="routing"] [data-system-label="routing"],.systems-section[data-stage="brightness"] [data-system-label="brightness"],.systems-section[data-stage="badges"] [data-system-label="badges"],.systems-section[data-stage="monitoring"] [data-system-label="monitoring"]{background:#ffbd7b12;border-color:#ffbd7b70;color:#ffcb96}

@keyframes system-flow{to{stroke-dashoffset:-180}}

@keyframes system-led{0%,100%{opacity:.45}50%{opacity:1}}

@keyframes system-badge{0%,100%{transform:translate(-6px,2px)}50%{transform:translate(12px,-5px)}}

@keyframes system-wave{0%,100%{opacity:.15}50%{opacity:.8}}

@keyframes system-glow{0%,100%{opacity:.05}50%{opacity:.13}}

@media(max-width:1050px){.systems-section{padding-block:65px}.systems-copy h2{font-size:32px}.systems-copy>p:not(.eyebrow){font-size:13px}.systems-layout{gap:15px;grid-template-columns:1fr 1.3fr}.systems-visual{aspect-ratio:1.15}.footer-top{gap:25px;grid-template-columns:1fr 1.1fr auto}.footer-top>.footer-promise{font-size:24px;padding-left:25px}.back-top{font-size:10px;gap:10px}}

@media(max-width:800px){.systems-layout{grid-template-columns:1fr}.systems-copy{max-width:520px}.systems-copy>p:not(.eyebrow){max-width:480px}.systems-copy h2{font-size:36px}.systems-legend{max-width:none;margin-bottom:22px}.systems-visual{aspect-ratio:1.7;max-width:650px;width:100%;margin:-15px auto -10px}.technical-scene{inset:-15% 0 -8%}.systems-coordinate{bottom:-2%;right:10%}.footer-top{grid-template-columns:1fr auto;gap:30px}.footer-top>.footer-promise{grid-row:2;grid-column:1/-1;padding:0;border:0;font-size:28px}.footer-top>.back-top{grid-column:2;grid-row:1}}

@media(max-width:600px){.systems-section{padding:50px 0 40px}.systems-copy .eyebrow{font-size:8px}.systems-copy h2{font-size:31px}.systems-copy>p:not(.eyebrow){font-size:13px}.systems-legend>span{font-size:9px;padding:6px 11px}.systems-visual{aspect-ratio:1.25;margin:12px auto -5px}.technical-scene{inset:-7% -4% 0;transform:translateY(var(--scene-rise)) rotateY(var(--scene-turn));will-change:auto}.systems-coordinate{bottom:-2%;right:8%;font-size:8px}.systems-coordinate>span{font-size:5px}.footer{padding-top:40px}.footer-top{gap:30px 15px;padding-bottom:32px}.footer-top>.footer-promise{font-size:27px}.footer-promise>span{font-size:8px}.back-top{font-size:9px;gap:8px}.back-top>span{width:38px;height:38px}.footer-bottom{font-size:9px;line-height:1.8}.privacy-note{font-size:11px}.form-intro{font-size:12px}}

@media(max-width:380px){.footer-top{display:grid;grid-template-columns:1fr}.footer-top>.back-top{grid-row:3;grid-column:1;margin-top:0;justify-self:start}.footer-top>.footer-promise{grid-row:2}}

@media(prefers-reduced-motion:reduce){.technical-scene{transform:none;will-change:auto}.technical-object{opacity:1}.systems-svg *{animation:none!important}.expertise-letter .letter-context{opacity:.22}}



/* Un décor commun relie les sections, entre leurs fonds et leur contenu. */

main.has-ambient{position:relative}

.has-ambient>section>.container{position:relative;z-index:2}

.has-ambient .hero-visual{z-index:2}

.has-ambient .hero-caption,.has-ambient .hero-scroll{z-index:3}

.ambient-route{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;color:#b5814d}

.ambient-route>svg{display:block;width:100%;height:100%;stroke:none;fill:none;overflow:hidden}

.ambient-route path{fill:none;stroke:currentColor;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}

.ambient-cable-jacket{stroke-width:8;opacity:.06}

.ambient-cable-guide{stroke-width:1.8;opacity:.13}

.ambient-cable-glow{stroke-width:5;opacity:.11}

.ambient-cable-progress{stroke-width:1.5;opacity:.48}

.ambient-signal{fill:#dca05d;stroke:none;opacity:.8}

.ambient-signal-halo{fill:#dca05d;stroke:none;opacity:.12}

.ambient-route[data-tone="dark"]{color:#e7ae72}

.ambient-viewport{position:fixed;inset:0;z-index:1;overflow:hidden;pointer-events:none;perspective:1150px;color:#456573;opacity:var(--ambient-strength,1);transition:color .7s,opacity .7s}

.ambient-viewport[data-tone="dark"]{color:#97c4c4}

.ambient-model{position:absolute;left:77%;top:46%;width:min(40vw,530px);height:min(73vh,640px);opacity:0;visibility:hidden;transform:translate(-50%,-50%) translateY(var(--ambient-rise,0px)) rotateY(var(--ambient-turn,0deg)) rotateZ(var(--ambient-tilt,0deg));transform-style:preserve-3d;transition:opacity .65s,visibility .65s}

.ambient-model.is-active{visibility:visible;opacity:.16;will-change:transform}

[data-tone="dark"]>.ambient-model.is-active{opacity:.14}

.ambient-model>svg{position:absolute;inset:0;width:100%;height:100%;stroke:none;fill:none;overflow:visible}

.ambient-model-depth{opacity:.28;transform:translate3d(-16px,12px,-32px)}

.ambient-model-face{transform:translateZ(18px)}

.ambient-model-light{left:68%;top:45%;width:min(44vw,580px);height:min(78vh,680px)}

.ambient-model-badge{left:24%;top:54%;width:min(44vw,570px);height:min(72vh,610px)}

.ambient-model-camera{left:72%;top:48%;width:min(47vw,660px);height:min(65vh,550px)}

.ambient-led{fill:currentColor;fill-opacity:.8}

.ambient-keycard{transform:translateX(var(--ambient-badge-shift,0px))}

.ambient-radio{opacity:.6}

@media(max-width:1000px){.ambient-model{left:78%;width:47vw;height:62vh}.ambient-model-light{left:73%;width:50vw}.ambient-model-badge{left:22%;width:51vw}.ambient-model-camera{left:76%;width:55vw}}

@media(max-width:700px){.ambient-model{left:91%;top:45%;width:250px;height:370px}.ambient-model.is-active{opacity:.12}.ambient-viewport[data-tone="dark"]>.ambient-model.is-active{opacity:.11}.ambient-model-light{left:87%;width:275px;height:375px}.ambient-model-badge{left:78%;top:53%;width:270px;height:335px}.ambient-model-camera{left:87%;width:300px;height:280px}.ambient-model-depth{opacity:.18;transform:translate3d(-8px,7px,-16px)}.ambient-cable-jacket{stroke-width:5;opacity:.04}.ambient-cable-guide{opacity:.1}.ambient-cable-glow{stroke-width:3;opacity:.07}.ambient-cable-progress{stroke-width:1.1;opacity:.33}.ambient-signal-halo{opacity:.08}.ambient-signal{opacity:.6}}

@media(prefers-reduced-motion:reduce){.ambient-viewport,.ambient-cable-progress,.ambient-cable-glow,.ambient-signal,.ambient-signal-halo{display:none}.ambient-cable-guide{opacity:.08}.ambient-cable-jacket{opacity:.025}}



/* Une lecture verticale des quatre métiers, au rythme du défilement. */

.systems-section{overflow:clip;padding:48px 0;--systems-progress:0;--systems-travel:0px}

.systems-section.systems-pinned{min-height:calc(var(--systems-height) + 98px + var(--systems-travel))}

.has-ambient>.systems-pinned>.systems-layout{position:sticky;top:var(--systems-top)}

.systems-copy .eyebrow{margin-bottom:18px}

.systems-copy>p:not(.eyebrow){margin:18px 0 22px}

.systems-legend{display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;list-style:none;padding:0;margin:0 0 24px;max-width:335px;position:relative}

.systems-legend:before,.systems-legend:after{content:'';position:absolute;left:17px;top:24px;bottom:24px;width:1px;background:#7293a442;pointer-events:none}

.systems-legend:after{background:#ffb467;transform:scaleY(var(--systems-progress));transform-origin:top;transition:transform .2s ease}

.systems-legend>li{display:flex;align-items:center;gap:14px;position:relative;min-height:49px;padding:5px 12px 5px 0;border:1px solid transparent;border-radius:9px;color:#a5bdc8;transition:background .18s,border-color .18s,color .18s}

.system-step-number{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#102735;border:1px solid #54727f;border-radius:50%;font-size:10px;font-weight:650;color:#afc2cb;transition:background .18s,color .18s,border-color .18s,box-shadow .18s}

.systems-legend strong{display:block;font-size:15px;font-weight:600;line-height:1.35}

.systems-legend small{display:block;font-size:10px;line-height:1.6;color:#a7bdc8}

.systems-legend>li.is-active{color:#ffcf9a;background:linear-gradient(90deg,#ffae5714,#ffae5703);border-color:#ffb46738}

.is-active>.system-step-number{background:#ffb467;color:#10212c;border-color:#ffcb8c;box-shadow:0 0 0 4px #ffb46715,0 0 20px #ffb46722}

.is-complete>.system-step-number{border-color:#ffb46790;color:#ffca94}

.systems-section[data-stage] .technical-object{opacity:.4;transition:opacity .22s,filter .22s}

.systems-section[data-stage="routing"] .object-routing,.systems-section[data-stage="brightness"] .object-brightness,.systems-section[data-stage="badges"] .object-badges,.systems-section[data-stage="monitoring"] .object-monitoring{opacity:1;filter:drop-shadow(0 0 12px #b7dfdb30)}

@media(max-width:800px){.systems-section{padding:42px 0}.systems-legend{max-width:360px}.systems-copy h2{font-size:34px}.systems-visual{margin:5px auto -10px}}

@media(max-width:600px){.systems-section{padding:36px 0}.systems-copy h2{font-size:31px}.systems-legend{max-width:none;margin-bottom:20px}.systems-legend strong{font-size:15px}.systems-legend small{font-size:11px}.systems-visual{margin:5px auto 0}}

@media(prefers-reduced-motion:reduce){.systems-legend:after,.systems-legend>li,.system-step-number,.systems-section[data-stage] .technical-object{transition:none}}



/* Un câble unique dessert les équipements de haut en bas. */

.systems-section{z-index:2}

.systems-journey{aspect-ratio:1.05;max-width:740px;width:100%;justify-self:center}

.systems-journey .technical-scene{inset:0;transform:translateY(var(--scene-rise)) rotateY(var(--scene-turn));transform-origin:50% 50%}

.systems-journey-svg{filter:drop-shadow(0 20px 24px #020d1855)}

.journey-cable-shadow,.journey-cable-guide,.journey-cable-progress{fill:none;stroke-linecap:round;stroke-linejoin:round}

.journey-cable-shadow{stroke:#020c16;stroke-width:11;opacity:.45;transform:translate(4px,5px)}

.journey-cable-guide{stroke:#567786;stroke-width:5;opacity:.5}

.journey-cable-progress{stroke:#ffc27d;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:var(--journey-dash,.9);filter:drop-shadow(0 0 5px #f7af6155)}

.journey-branch{fill:none;stroke:#658997;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.45;transition:stroke .2s,opacity .2s}

.journey-node{fill:#102c3b;stroke:#7da8b3;stroke-width:2;transition:fill .2s,stroke .2s}

.journey-node-halo{fill:#ffc27d;opacity:0;transition:opacity .2s}

.journey-label{stroke:none;fill:#9db9c5;transition:fill .2s}

.journey-number{font:600 10px var(--font);letter-spacing:2px;fill:#a8c8d0}

.journey-title{font:600 12px var(--font);letter-spacing:1.2px}

.journey-subtitle{font:9px var(--font);fill:#87a6b6}

.journey-station.is-active .journey-label,.journey-station.is-active .journey-number{fill:#ffd7a5}

.journey-station.is-active .journey-node{fill:#ffcf90;stroke:#ffe4b7}

.journey-station.is-active .journey-node-halo{opacity:.13}

.journey-station.is-active .journey-branch,.journey-station.is-complete .journey-branch{stroke:#e6b780;opacity:.85}

.journey-station.is-complete .journey-node{fill:#b58a59;stroke:#e0b47f}

.journey-station.is-active .journey-platform-edge{stroke:#b9dfdb;filter:drop-shadow(0 0 5px #92dacf55)}

.systems-section[data-stage] .systems-journey .technical-object{opacity:.53;transition:opacity .22s,filter .22s}

.systems-section .systems-journey .is-complete>.technical-object{opacity:.78}

.systems-section .systems-journey .is-active>.technical-object{opacity:1;filter:drop-shadow(0 7px 10px #020c1866)}

.journey-traveller{fill:#fff3d1;stroke:#ffc27d;stroke-width:1}

.journey-traveller-halo{fill:#ffc27d;opacity:.16}

.systems-journey .systems-coordinate{bottom:0;right:7%;font-size:8px}

@media(max-width:1050px){.systems-journey{aspect-ratio:.96}}

@media(max-width:800px){.systems-journey{max-width:520px;aspect-ratio:1.03;margin:8px auto 0}.systems-journey .technical-scene{inset:0}.systems-journey .systems-coordinate{bottom:-2%}}

@media(max-width:600px){.systems-journey{aspect-ratio:.95;margin:16px auto 5px}.systems-journey .technical-scene{inset:0 -5%}.journey-title{font-size:19px;letter-spacing:.5px}.journey-number{font-size:14px}.journey-subtitle{display:none}}

@media(prefers-reduced-motion:reduce){.systems-journey .technical-scene{transform:none}.journey-station *{transition:none!important}}



/* Les initiales reprennent les formes exactes du logotype fourni. */

.system-step-number>.rbbm-initial{width:25px;height:25px;stroke:none;color:inherit}

.journey-initial{stroke:none;color:#b7d0d6}

.journey-station.is-active .journey-initial{color:#ffdaaa}

.journey-station.is-complete .journey-initial{color:#d4bc9c}

.journey-title{letter-spacing:.1px;font-size:13px}

.journey-subtitle{font-size:12px;fill:#b0c6cf}

@media(max-width:600px){.journey-title{font-size:19px;letter-spacing:0}.journey-subtitle{display:block;font-size:16px}.journey-initial{width:34px;height:30px}}



/* Une identité d’entreprise lisible dans le contact et le pied de page. */

.company-contact{max-width:375px;margin:24px 0;padding:20px 22px;background:#ffffff04;border:1px solid #ffffff20;border-radius:12px}

.company-contact-title{display:flex;align-items:center;gap:12px;color:#eff2ef;font-size:14px;font-weight:600;line-height:1.4}

.company-contact-title>svg{width:23px;height:23px;color:var(--orange);stroke-width:1.3}

.company-contact-title small{display:block;font-size:10px;font-weight:400;letter-spacing:.4px;color:#a9bdc8;margin-top:3px}

.company-contact address{font-style:normal;font-size:13px;line-height:1.7;color:#c3d0d7;margin:12px 0 0 35px}

.company-contact address>a{display:block;overflow-wrap:anywhere;width:fit-content;min-height:28px;line-height:2}

.company-email{margin-top:8px;color:#ffd0a0}.company-phone{color:#eff2ef}

.company-contact a:hover{color:var(--orange);text-decoration:underline;text-underline-offset:4px}

.footer-identity{border-top:1px solid #ffffff15;padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}

.footer-identity p{display:flex;align-items:center;gap:18px;margin:0;font-size:11px;line-height:1.8;color:#a9bcc8}

.footer-identity strong{color:#e6ebec;font-weight:600;font-size:12px;letter-spacing:1px}

.footer-identity a{display:inline-flex;align-items:center;gap:10px;font-size:11px;line-height:1.8;color:#c4d0d8}

.footer-identity a:hover{color:var(--orange)}.footer-identity a>svg{width:16px;height:16px}

.legal-copy h3{font-family:var(--heading);font-size:19px;letter-spacing:-.5px;margin:30px 0 12px;color:var(--ink)}

.company-facts{margin:25px 0 18px;border-top:1px solid #dce0dc}

.company-facts>div{display:grid;grid-template-columns:165px 1fr;gap:20px;padding:11px 0;border-bottom:1px solid #e3e5e0;font-size:13px;line-height:1.7}

.company-facts dt{color:#66757c}.company-facts dd{margin:0;color:var(--ink);overflow-wrap:anywhere}

.legal-copy a{color:#87501e;text-underline-offset:4px;text-decoration:underline;overflow-wrap:anywhere}

.official-record{display:inline-block;font-size:12px;line-height:1.8}

.legal-copy .legal-source{font-size:11px;color:#74838a;margin-top:30px}

.legal-copy>.eyebrow{padding-right:35px;font-size:9px;letter-spacing:1.3px;line-height:1.6}

@media(max-width:800px){.company-contact{max-width:100%;margin-bottom:24px}.company-contact address>a{min-height:36px;line-height:2.7}.contact-copy>.contact-assurance{margin-bottom:30px;max-width:100%}.footer-identity{align-items:flex-start;flex-direction:column;gap:10px}.footer-identity p{flex-wrap:wrap;gap:4px 14px}}

@media(max-width:600px){.company-contact{padding:20px}.company-contact address{font-size:14px}.footer-identity{padding:22px 0}.footer-identity p{align-items:flex-start;flex-direction:column;gap:5px;font-size:11px}.footer-identity a{min-height:38px}.company-facts>div{grid-template-columns:1fr;gap:3px;padding:12px 0;font-size:13px}.company-facts dt{font-size:11px}.legal-copy h3{font-size:18px}.legal-copy .legal-source{font-size:11px}}



/* Répartition provisoire de six clients pour valider la présentation. */

.coverage-visual.coverage-map{padding-bottom:0;width:100%;max-width:520px;justify-self:end}

.coverage-map-graphic{position:relative;width:100%;isolation:isolate}

.coverage-map-svg{display:block;width:100%;height:auto;aspect-ratio:500/520;fill:none;stroke:none;overflow:visible}

.coverage-map-shadow{fill:#0b1925;opacity:.1;filter:url(#coverage-map-shadow)}

.coverage-map-depth{fill:#b7c1b5;stroke:#bdc7bb;stroke-width:1;opacity:.75}

.coverage-map-land{fill:url(#coverage-map-surface);stroke:#aab8a5;stroke-width:1;stroke-linejoin:round}

.coverage-map-client{position:absolute;left:var(--map-x);top:var(--map-y);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:clamp(48px,15%,74px);height:38px;padding:7px;border:1px solid #d8ddd2;border-radius:6px;background:#fff;color:var(--ink);box-shadow:0 3px 8px #0b19250a;transition:background .18s,box-shadow .18s}

.coverage-map-client>img{display:block;max-width:58px;max-height:24px;width:100%;height:100%;object-fit:contain}

.coverage-map-client[aria-pressed=true]{background:#fff8ef;box-shadow:inset 0 -2px 0 #e6a056,0 3px 8px #0b19250a}

.coverage-map-client:hover{background:#f4f5ef}.coverage-map-client[aria-pressed=true]:hover{background:#fff0dc}

.coverage-map-caption{display:flex;align-items:center;gap:11px;margin:15px 0 0;padding:15px 0 0;border-top:1px solid #dcded5;min-height:63px;font-size:12px;color:#64706d;line-height:1.6}

.coverage-map-caption-dot{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:var(--orange)}

.coverage-map-caption strong{display:block;color:#24343a;font-weight:600;font-size:13px}

#interventions .coverage-map-caption{margin:15px 0 0;font-size:12px;line-height:1.6;max-width:none}

@media(max-width:600px){.coverage-visual.coverage-map{max-width:420px;margin-inline:auto}}

@media(pointer:coarse){.coverage-map-client{min-height:44px}}

@media(prefers-reduced-motion:reduce){.coverage-map-client{transition:none}}



/* FAQ discrète en pied de page, dans la fenêtre commune du site. */

.footer-bottom>div{align-items:center;flex-wrap:wrap;gap:12px 25px}

.footer-bottom .faq-trigger{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid #ffffff30;border-radius:24px;color:#dce4e9;font-size:11px;line-height:1.4}

.faq-trigger>span{display:grid;place-items:center;width:17px;height:17px;border:1px solid currentColor;border-radius:50%;font-size:11px}

.footer-bottom .faq-trigger:hover{border-color:var(--orange);color:var(--orange)}

.faq-copy{padding:48px 42px 38px}

.faq-copy .eyebrow{padding-right:28px}

.faq-copy h2{padding-right:18px;margin:0 0 14px;font-size:34px;line-height:1.2}

.faq-copy .faq-intro{margin:0 0 26px;max-width:540px;font-size:14px;line-height:1.75}

.faq-list{border-top:1px solid var(--line)}

.faq-item{border-bottom:1px solid var(--line)}

.faq-item h3{margin:0}

.faq-question{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:64px;border:0;padding:19px 3px;background:transparent;color:var(--ink);text-align:left;font-size:15px;line-height:1.5;font-weight:600}

.faq-question:hover{color:#9b4a12}

.faq-question:focus-visible{outline-offset:-3px;border-radius:3px}

.faq-symbol{position:relative;width:20px;height:20px;flex:0 0 20px;color:#9b4a12}

.faq-symbol::before,.faq-symbol::after{content:'';position:absolute;top:9px;left:4px;width:12px;height:2px;background:currentColor}

.faq-symbol::after{transform:rotate(90deg)}

.faq-question[aria-expanded=true] .faq-symbol::after{display:none}

.faq-answer[hidden]{display:none}

.faq-copy .faq-answer p{margin:0;padding:0 32px 21px 3px;font-size:14px;line-height:1.85}

.faq-contact{margin-top:26px;padding:22px 24px;background:#eeeae2;border-radius:5px}

.faq-copy .faq-contact p{margin:0;color:var(--ink);font-size:14px}

.faq-copy .faq-contact .button{margin-top:14px}

@media(max-width:600px){.faq-copy{padding:54px 22px 26px}.faq-copy h2{font-size:28px}.faq-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.faq-question{font-size:14px;gap:14px;padding-block:17px}.faq-copy .faq-answer p{font-size:13px;padding-right:25px}.faq-contact{padding:19px 18px}.faq-contact .button{width:100%;font-size:12px;gap:12px}.faq-copy .faq-intro{font-size:13px}}



/* Carte Google My Maps connectée à la source éditée par RBBM. */

.coverage-visual.coverage-live-map{padding-bottom:0;width:100%;max-width:560px;justify-self:end;min-width:0}

.coverage-live-card{overflow:hidden;border:1px solid #d8ddd6;border-radius:16px;background:#e8e9e2;box-shadow:0 16px 36px #0b19250d}

.coverage-live-frame{display:block;width:100%;height:560px;border:0;background:#e8e9e2}

.coverage-live-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;background:var(--ink);color:#e9ede9;font-size:10px;line-height:1.7}

.coverage-live-footer>span{display:flex;align-items:center;gap:8px}.coverage-live-footer i{display:block;width:5px;height:5px;border-radius:50%;background:var(--orange);flex-shrink:0}

.coverage-live-footer a{display:flex;align-items:center;gap:7px;color:#ffc185;white-space:nowrap;text-underline-offset:4px;min-height:24px}.coverage-live-footer a>span{font-size:16px}

#interventions .coverage-live-help{max-width:none;font-size:11px;line-height:1.7;margin:13px 2px 0;color:#74827c}

@media(max-width:900px) and (min-width:601px){.coverage-live-footer{padding:12px;font-size:9px;gap:8px}.coverage-live-frame{height:520px}}

@media(max-width:600px){.coverage-visual.coverage-live-map{max-width:520px;margin-inline:auto}.coverage-live-frame{height:500px}.coverage-live-footer{padding:12px;font-size:10px}.coverage-live-footer a{min-height:32px}}