*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8fb;color:#11223b;font-family:Tahoma,sans-serif;line-height:1.65}
img{max-width:100%;display:block}a{color:inherit}.phone{font-weight:900;text-decoration:none}.wrap{width:min(1180px,92%);margin:auto}
.btn{display:inline-block;padding:.85rem 1.1rem;background:#f3a712;color:#111;text-decoration:none;font-weight:800;border-radius:10px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.card{padding:1.45rem;background:white;box-shadow:0 12px 28px #00000012}
.section{padding:4.5rem 0}.section h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.05;margin:.2rem 0 1.5rem}
.map iframe{width:100%;height:420px;border:0}footer{padding:2.2rem 4vw;background:#11223b;color:white}.mobile-call{display:none}
.header{display:grid;grid-template-columns:auto 1fr auto;background:#eef1f4;border-bottom:1px solid #aaa;padding:13px 4vw;align-items:center}.header nav{justify-self:center;display:flex;gap:14px;font-family:monospace}.hero{display:grid;grid-template-columns:.8fr 1.2fr;min-height:650px}.hero-copy{padding:8vw 5vw;background:#11223b;color:white}.hero-photo{clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.hero-photo img{width:100%;height:100%;object-fit:cover}@media(max-width:850px){
.header{position:relative!important;width:100%!important;height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding:14px!important;margin:0!important}
.header nav{display:flex!important;flex-wrap:nowrap!important;overflow:auto!important;width:100%!important;justify-content:flex-start!important;margin:0!important;padding:7px 0!important;gap:8px!important}
.header nav a{white-space:nowrap!important}
main,footer{margin-left:0!important}
.hero{display:grid!important;grid-template-columns:1fr!important;padding:35px 5vw!important;min-height:auto!important}
.hero h1{font-size:clamp(2.5rem,12vw,4.4rem)!important}
.hero-photo img{height:300px!important;width:100%!important;border-radius:20px!important;clip-path:none!important;object-fit:cover!important}
.cards{grid-template-columns:1fr!important}.mobile-call{display:block;position:fixed;z-index:99;right:12px;bottom:12px;background:#f3a712;color:#111;padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:900;box-shadow:0 8px 25px #0005}
}

/* ===== NAVIGATION CAPSULE - DESIGN SPECIFIQUE ===== */

.header nav{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.header nav a{font-family:monospace;padding:9px 14px;border-radius:999px;text-decoration:none;background:#fff;border:1px solid #bfc7d2;color:#11223b}
.header nav a:hover{background:#11223b;color:#fff;border-color:#11223b}

@media(max-width:850px){
.header nav{
display:flex!important;
flex-direction:row!important;
width:100%!important;
gap:8px!important;
overflow-x:auto!important;
overflow-y:hidden!important;
padding:8px 4px 10px!important;
scrollbar-width:none;
justify-content:flex-start!important;
}
.header nav::-webkit-scrollbar{display:none}
.header nav a{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-height:42px!important;
padding:9px 15px!important;
border-radius:999px!important;
white-space:nowrap!important;
flex:0 0 auto!important;
font-size:.94rem!important;
}
}

.header nav a[aria-current="page"]{
box-shadow:0 0 0 2px currentColor inset;
font-weight:900;
}