/* Approved shared navigation: photos begin at the top on every page. */
html{background:#071225}
body,body.is-leaving{opacity:1;animation:none;transition:none}
.site-header.nav,.site-header.nav.scrolled{position:absolute;inset:0 0 auto;z-index:10;box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:24px;width:100%;height:88px;min-height:88px;padding:0 clamp(20px,4vw,64px);margin:0;border:0;background:linear-gradient(180deg,rgba(7,18,37,.88),rgba(7,18,37,.46) 65%,transparent);color:#fff;box-shadow:none;backdrop-filter:none;transition:none}
.site-header.nav nav{position:static;inset:auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:clamp(16px,2vw,30px);width:auto;margin:0;background:transparent;transform:none;transition:none}
.site-header.nav nav a{display:block;color:#fff;font:500 14px/1.5 Manrope,Arial,sans-serif;text-transform:none;letter-spacing:.03em;white-space:nowrap;text-decoration:none;text-shadow:0 1px 5px #071225}
.site-header.nav nav a:hover,.site-header.nav nav a[aria-current=page]{color:#8bd1f6}
.site-header .site-explore{flex:none;padding:10px 14px;border:1px solid #8bd1f6;border-radius:3px;background:rgba(7,18,37,.45);color:#fff;font:500 14px/1.5 Manrope,Arial,sans-serif;cursor:pointer}
.site-header a:focus-visible,.site-explore:focus-visible{outline:3px solid #8bd1f6;outline-offset:5px}
main{margin-top:0;padding-top:0}
.hero,.page-hero,.hero-service{position:relative;box-sizing:border-box;min-height:max(720px,100svh);margin-top:0;background-color:#071225}
.hero{height:100svh}
.page-hero,.hero-service{padding-top:260px;padding-bottom:80px}
.hero .photo-brand,.page-hero .photo-brand,.hero-service .photo-brand{top:120px;left:clamp(24px,4vw,64px);width:clamp(250px,27vw,390px);background:transparent}
.compass::backdrop{backdrop-filter:none}
@media(max-width:1100px){.site-header.nav,.site-header.nav.scrolled{gap:16px;padding-left:20px;padding-right:20px}.site-header.nav nav{gap:16px}.site-header.nav nav a{font-size:14px}}
@media(max-width:760px){.site-header.nav,.site-header.nav.scrolled{height:76px;min-height:76px;justify-content:space-between;gap:12px}.site-header.nav nav{justify-content:flex-start;gap:20px}.site-header.nav nav a{display:none}.site-header.nav nav a[href="index.html"],.site-header.nav nav a[href="equipe.html"],.site-header.nav nav a[href="votre-projet.html"]{display:block}.hero .photo-brand,.page-hero .photo-brand,.hero-service .photo-brand{top:100px;left:24px;width:250px;padding:16px}.page-hero,.hero-service{padding-top:250px;padding-bottom:70px}}
@media(max-width:360px){.site-header.nav,.site-header.nav.scrolled{padding-left:12px;padding-right:12px}.site-header.nav nav{gap:12px}.site-header .site-explore{padding:8px}}
@media print{.site-header{display:none!important}}

/* Keep the same canvas and width when the compass locks scrolling. */
html{scrollbar-gutter:stable;background:#071225}
body{background:#fff}
.compass-panel{transform:none;transition:opacity .2s ease,visibility .2s ease}
.page-hero>div{animation:none}