:root{--gold:#d3aa38;--ink:#101010;--cream:#fbfaf7;--pearl:#f4f1e9;--line:#e9e4d9;--muted:#6b6860;--white:#fff;--shadow:0 15px 55px rgba(16,16,16,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Montserrat,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.visually-hidden{position:absolute!important;height:1px;width:1px;clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap}
.demo-banner{background:#101010;color:#fff;min-height:33px;text-align:center;display:flex;align-items:center;justify-content:center;padding:7px 20px;font-size:10px;letter-spacing:.105em;text-transform:uppercase;font-weight:600}.demo-banner b{color:var(--gold)}
.header{height:98px;padding:0 clamp(20px,5vw,86px);background:rgba(255,255,255,.97);border-bottom:1px solid #eae7df;display:flex;align-items:center;justify-content:space-between;gap:26px;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}
.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand img{width:220px;height:81px;object-fit:contain}.nav{display:flex;gap:clamp(13px,1.8vw,29px);align-items:center}.nav a{font-size:11px;font-weight:700;letter-spacing:.03em;white-space:nowrap;padding:12px 0;position:relative;transition:color .2s}.nav a:hover,.nav a.active{color:#a78420}.nav a.active:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:4px;left:0;right:0}.nav .nav-contact{border:1px solid var(--gold);padding:13px 16px;margin-left:7px}.nav .nav-contact.active:after{display:none}.menu-toggle{display:none;border:1px solid var(--line);background:#fff;padding:9px;min-height:44px;min-width:44px;font-size:21px}
.page{display:none}.page.active{display:block}.shell{max-width:1320px;margin:0 auto;padding-left:clamp(22px,5vw,72px);padding-right:clamp(22px,5vw,72px)}
.eyebrow{text-transform:uppercase;letter-spacing:.21em;font-size:10px;font-weight:700}.eyebrow.gold{color:var(--gold)}.dash:before{content:'';width:30px;height:1px;background:currentColor;display:inline-block;vertical-align:middle;margin-right:12px}
h1,h2,h3,.heading-serif{font-family:'Playfair Display',serif;line-height:1.16;font-weight:400;letter-spacing:-.02em}h1{font-size:clamp(44px,5.5vw,78px);margin:16px 0 19px}h2{font-size:clamp(34px,3.7vw,52px);margin:14px 0 18px}h3{font-size:26px;margin:11px 0 9px}p{margin:0 0 20px}.lead{font-size:15px;max-width:640px;line-height:1.85}.muted{color:var(--muted)}.small{font-size:12px}.micro{font-size:11px}.align-center{text-align:center}.gap-top{margin-top:30px}.fine-rule{border:none;border-top:1px solid var(--line);margin:28px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--gold);background:var(--gold);color:#101010;min-height:51px;padding:14px 21px;font-size:11px;font-weight:800;letter-spacing:.045em;transition:transform .18s,background .18s,border-color .18s;max-width:100%;text-align:center}.btn:hover{transform:translateY(-2px);background:#e8bf53}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.dark:hover{background:#2d2b26}.btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.8)}.btn.ghost:hover{background:rgba(255,255,255,.11)}.btn.outline{background:transparent;border-color:var(--ink);color:var(--ink)}.btn-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.text-link{display:inline-flex;gap:15px;align-items:center;color:#9b791e;font-size:11px;font-weight:800;letter-spacing:.04em;transition:gap .2s}.text-link:hover{gap:22px}
.hero{min-height:610px;position:relative;background:#151515;display:flex;align-items:center;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,9,9,.91) 0%,rgba(9,9,9,.75) 40%,rgba(9,9,9,.27) 100%),url('hero.jpg') center 44%/cover no-repeat;transform:scale(1.015)}.hero .hero-content{position:relative;z-index:1;color:#fff;width:100%;padding-top:85px;padding-bottom:90px}.hero p{max-width:580px;color:#f5f1e9;line-height:1.85;font-size:14px}.hero h1 em{color:#e4c26d;font-style:normal}.hero .btn-row{margin-top:26px}.hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:1;background:rgba(0,0,0,.42);border-top:1px solid rgba(255,255,255,.24)}.hero-bottom-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.hero-point{padding:17px 0;display:flex;gap:12px;align-items:center;color:#fff;font-size:11px;font-weight:600;border-right:1px solid rgba(255,255,255,.17)}.hero-point:last-child{border-right:0}.hero-point svg{width:23px;height:23px;color:var(--gold);flex:none}
.section{padding-top:100px;padding-bottom:100px}.section.compact{padding-top:75px;padding-bottom:75px}.section.cream{background:var(--cream)}.section.dark{background:var(--ink);color:var(--white)}.section-head{margin-bottom:37px}.section-head p{color:var(--muted);max-width:670px}.section-head.center{text-align:center}.section-head.center p{margin:auto}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tile{background:#fff;overflow:hidden;border:1px solid var(--line);transition:box-shadow .2s,transform .2s}.tile:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.tile-image{height:240px;position:relative;overflow:hidden}.tile-image img{width:100%;height:100%;object-fit:cover;display:block}.image-credit{position:absolute;bottom:10px;right:10px;background:rgba(16,16,16,.7);color:#fff;padding:4px 8px;font-size:9px}.tile-body{padding:27px}.tile-body h3{font-size:24px}.tile-body p{color:var(--muted);font-size:12px;line-height:1.9;min-height:65px}.tile .text-link{margin-top:12px}.number{font-family:'Playfair Display',serif;color:#bf9a33;font-size:42px;font-weight:400;line-height:1;margin:0 0 20px}
.value-strip{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.value-grid{display:grid;grid-template-columns:repeat(4,1fr)}.value-item{padding:31px 18px;text-align:center;border-right:1px solid var(--line)}.value-item:last-child{border-right:0}.value-item svg{width:30px;height:30px;stroke:var(--gold);margin-bottom:11px}.value-item h4{font-size:11px;font-weight:800;margin:0 0 6px;letter-spacing:.02em}.value-item p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,6vw,90px);align-items:center}.split-photo{height:460px;position:relative}.split-photo img{width:100%;height:100%;object-fit:cover}.split-photo:after{content:'';position:absolute;border:1px solid var(--gold);inset:21px -17px -17px 21px;pointer-events:none;z-index:-1}.split-copy ul{margin:24px 0 28px;padding-left:17px}.split-copy li{margin:8px 0}.split-copy .lead{color:var(--muted)}
.portfolio-item{position:relative;min-height:290px;background:#222;display:flex;align-items:flex-end;overflow:hidden}.portfolio-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75);transition:transform .3s}.portfolio-item:hover img{transform:scale(1.04)}.portfolio-item .portfolio-caption{position:relative;z-index:1;color:#fff;width:100%;padding:23px 20px;background:linear-gradient(transparent,rgba(0,0,0,.7))}.portfolio-caption .micro{color:#e3c977;letter-spacing:.1em;text-transform:uppercase}.portfolio-caption h3{font-size:21px;margin:3px 0}.notice-box{border-left:3px solid var(--gold);padding:16px 20px;background:#f8f6ef;color:#625d52;font-size:12px}
.cta-band{background:var(--ink);color:#fff;padding:60px 0;overflow:hidden;position:relative}.cta-band:before{content:'';position:absolute;width:500px;height:500px;right:-230px;top:-210px;border:1px solid rgba(211,170,56,.3);transform:rotate(45deg)}.cta-row{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.cta-row h2{margin-bottom:5px;font-size:clamp(32px,3vw,45px)}.cta-row p{color:#e9e1ce;margin:0;font-size:13px}
.page-hero{padding:105px 0 88px;background:var(--cream);border-bottom:1px solid var(--line)}.page-hero .lead{color:var(--muted)}.page-hero .display-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:58px}.page-hero .feature-image{height:335px;object-fit:cover;width:100%;box-shadow:var(--shadow)}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.benefit{padding:31px 22px;border:1px solid var(--line)}.benefit .no{font-family:'Playfair Display',serif;color:var(--gold);font-size:37px}.benefit h3{font-size:24px}.benefit p{font-size:12px;color:var(--muted);line-height:1.85}
.price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.price-card{padding:32px;background:#fff;border:1px solid var(--line)}.price-card.featured{border-top:4px solid var(--gold)}.price-card h3{margin-top:0}.price-card p{font-size:12px;color:var(--muted)}.price-table{width:100%;border-collapse:collapse;margin:25px 0}.price-table td{border-bottom:1px solid var(--line);padding:15px 0;font-size:12px}.price-table td:last-child{text-align:right;font-size:20px;font-weight:700;color:#9b791e}.price-card .micro{line-height:1.8}.quote-strong{border-left:3px solid var(--gold);padding:20px 28px;background:var(--cream);margin-top:25px}.quote-strong h3{font-size:25px}.badge-small{font-size:9px;display:inline-block;background:#f4ecd5;color:#886b1f;padding:5px 10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.logomark-showcase{display:flex;justify-content:center;align-items:center;background:#101010;min-height:360px;padding:40px}.logomark-showcase img{max-width:260px;max-height:300px;object-fit:contain}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px}.contact-intro h2{margin-top:14px}.contact-form{background:#fff;border:1px solid var(--line);padding:34px}.contact-form label{display:block;margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.02em}.contact-form input,.contact-form select,.contact-form textarea{width:100%;display:block;margin-top:8px;border:1px solid #dedbd4;background:#fff;padding:12px 13px;color:var(--ink);border-radius:0;outline-color:var(--gold)}.contact-form textarea{min-height:115px;resize:vertical}.form-help{font-size:11px;color:var(--muted);margin-top:15px}.form-status{padding:15px;background:#f5f0e2;color:#5d4e23;font-size:12px;display:none;margin-top:15px}.form-status.visible{display:block}
.footer{background:#101010;color:#fff;padding-top:55px;padding-bottom:25px}.footer-top{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:50px;align-items:start}.footer-logo{width:225px;max-width:100%}.footer h4{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;color:var(--gold);margin:8px 0 16px}.footer p,.footer a{font-size:12px;color:#dedbd5}.footer a:hover{color:var(--gold)}.footer-links{display:grid;gap:8px}.footer-bottom{margin-top:44px;border-top:1px solid #3c3a35;padding-top:20px;color:#aaa49c;font-size:10px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:1150px){.brand img{width:185px;height:69px}.header{height:84px}.nav{gap:11px}.nav a{font-size:10px}.nav .nav-contact{margin-left:0;padding:10px}.hero{min-height:575px}}
@media(max-width:900px){.header{height:77px}.brand img{width:185px;height:66px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:18px 6%;border-bottom:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:3px}.nav.open{display:flex}.nav a,.nav .nav-contact{font-size:12px;padding:12px 6px;margin:0;border:0}.nav a.active:after{bottom:8px;right:auto;width:30px}.grid3,.check-grid{grid-template-columns:repeat(2,1fr)}.grid4,.value-grid{grid-template-columns:repeat(2,1fr)}.value-item:nth-child(2){border-right:0}.split{gap:30px}.page-hero .display-grid{gap:30px}.contact-layout{gap:30px}}
@media(max-width:650px){.demo-banner{font-size:8px;letter-spacing:.06em}.hero{min-height:660px;align-items:flex-start}.hero:before{background:linear-gradient(90deg,rgba(9,9,9,.88),rgba(9,9,9,.52)),url('hero.jpg') center/cover no-repeat}.hero .hero-content{padding-top:80px;padding-bottom:140px}.hero-bottom-inner{gap:2px}.hero-point{font-size:9px;line-height:1.35;gap:4px;flex-direction:column;text-align:center;padding:12px 5px}.hero-point svg{width:20px}.section{padding-top:68px;padding-bottom:68px}.section.compact{padding-top:52px;padding-bottom:52px}.grid3,.grid4,.check-grid,.price-grid,.split,.contact-layout,.page-hero .display-grid,.footer-top{grid-template-columns:1fr}.tile-image{height:225px}.tile-body{padding:23px}.tile-body p{min-height:0}.split-photo{height:320px}.split-photo:after{display:none}.cta-row{display:block}.cta-row .btn{margin-top:23px}.page-hero{padding:65px 0}.page-hero .feature-image{height:235px}.value-grid{grid-template-columns:repeat(2,1fr)}.value-item{padding:23px 10px}.value-item:nth-child(3){border-top:1px solid var(--line)}.value-item:nth-child(4){border-top:1px solid var(--line)}.contact-form{padding:22px}.footer-top{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* V12 : navigation metiers pour les visites virtuelles */
.nav-dropdown{position:relative;display:flex;align-items:center;}
.nav-dropdown-main{display:inline-flex;align-items:center;gap:7px;}
.nav-chevron{color:var(--gold);font-size:16px;line-height:1;}
.nav-dropdown-toggle{border:0;background:transparent;color:var(--gold);cursor:pointer;display:none;font-size:19px;padding:10px;}
.nav-dropdown-menu{position:absolute;top:calc(100% + 10px);left:-18px;min-width:272px;padding:9px;background:#fff;border:1px solid #e5dcc7;box-shadow:0 16px 35px rgba(0,0,0,.15);display:none;z-index:55;}
.nav-dropdown-menu:before{content:'';position:absolute;left:0;right:0;top:-15px;height:15px;}
.nav-dropdown-menu a{display:block !important;padding:13px 14px !important;color:#282520 !important;font-size:11px !important;line-height:1.5;white-space:normal !important;}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{background:#f9f4e9;color:#a78420 !important;}
.nav-dropdown-menu a:after{display:none !important;}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown.is-open .nav-dropdown-menu{display:block;}
.nav-dropdown.is-active > .nav-dropdown-main{color:#a78420;}
.nav-dropdown.is-active > .nav-dropdown-main:after{content:'';height:2px;background:var(--gold);position:absolute;bottom:4px;left:0;right:0;}
@media(max-width:900px){
 .nav-dropdown{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
 .nav-dropdown-main{flex:1;}
 .nav-dropdown-toggle{display:block;}
 .nav-dropdown-menu{position:static;min-width:0;flex:0 0 100%;padding:2px 0 6px 12px;box-shadow:none;border:0;border-left:2px solid var(--gold);background:#fbf9f4;display:none;}
 .nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{display:none;}
 .nav-dropdown.is-open .nav-dropdown-menu{display:block;}
 .nav-dropdown-menu a{font-size:12px !important;padding:11px 12px !important;}
}

/* Unifier les sous-menus sur toutes les pages (accueil et rubriques). */
@media (min-width:901px) {
 .nav-dropdown-menu {width:305px !important;min-width:305px !important;padding:9px !important;}
 .nav-dropdown-menu a {box-sizing:border-box;display:flex !important;align-items:center;min-height:47px !important;padding:12px 14px !important;font-size:11px !important;font-weight:700 !important;line-height:1.45 !important;letter-spacing:.025em !important;text-transform:uppercase !important;white-space:normal !important;}
}
/* Les 3 cartes métiers sont structurées en quatre rangées parallèles. */
#accueil .grid3:has(> .tile) {align-items:stretch;}
#accueil .grid3 > .tile {display:flex;flex-direction:column;}
#accueil .grid3 > .tile .tile-image {flex:0 0 240px;}
#accueil .grid3 > .tile .tile-body {flex:1;display:grid;grid-template-rows:18px minmax(110px,auto) 1fr auto;row-gap:13px;align-content:stretch;}
#accueil .grid3 > .tile .tile-body h3 {margin:0;align-self:start;}
#accueil .grid3 > .tile .tile-body p {margin:0;min-height:0;align-self:start;}
#accueil .grid3 > .tile .tile-body .text-link {margin-top:0;align-self:end;}
@media (max-width:900px) {
 #accueil .grid3 > .tile .tile-body {grid-template-rows:18px minmax(118px,auto) 1fr auto;}
}
@media (max-width:650px) {
 #accueil .grid3 > .tile .tile-image {flex-basis:225px;}
 #accueil .grid3 > .tile .tile-body {grid-template-rows:auto auto auto auto;}
 .nav-dropdown-menu a {font-size:12px !important;line-height:1.5 !important;}
}