:root{--ink:#082745;--green:#0a3156;--pine:#061d35;--lime:#c49332;--cream:#f7f8fa;--line:rgba(8,39,69,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}main{overflow:hidden}
.header{height:96px;background:rgba(255,255,255,.97);display:flex;align-items:center;padding:0 4vw;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;flex:0 0 auto}.logo img{display:block;width:155px;height:82px;object-fit:contain}.logo-light{color:#fff}.nav{display:flex;align-items:center;gap:2.2vw;margin:auto;font-size:14px}.nav>a,.nav-more>button{padding:36px 0;border:0;background:none;color:inherit;cursor:pointer}.nav>a:hover{color:var(--lime)}.nav-more{position:relative}.nav-more button{display:flex;gap:5px}.nav-more div{display:none;position:absolute;top:70px;left:-24px;background:var(--cream);padding:12px;min-width:170px;box-shadow:0 12px 40px rgba(6,29,53,.16)}.nav-more:hover div{display:grid}.nav-more div a{padding:10px 12px}.header-cta{background:var(--green);color:white;padding:13px 18px;text-transform:uppercase;font-size:11px;letter-spacing:.11em}.menu-btn{display:none;background:none;border:0}
.hero{height:calc(100vh - 96px);min-height:570px;position:relative;background:var(--pine)}.hero-panels{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}.hero-panels i{background:url('maison-harmonie-facade.jpg') center/cover no-repeat}.hero-panels i:nth-child(1){background-position:left center}.hero-panels i:nth-child(3){background-position:right center}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,29,53,.24),rgba(6,29,53,.08) 45%,rgba(6,29,53,.76))}.hero-center{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:20px;color:#fff}.hero-center .logo{filter:drop-shadow(0 14px 28px rgba(6,29,53,.52))}.hero-center .logo img{width:min(195px,42vw);height:auto}.hero-center p{text-transform:uppercase;letter-spacing:.28em;font-size:11px;margin-top:6px;text-shadow:0 2px 16px rgba(6,29,53,.75)}.hero-scroll{position:absolute;bottom:32px;left:4vw;color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.18em;display:flex;align-items:center;gap:13px}.hero-scroll span{height:1px;width:60px;background:var(--lime)}
.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.2em;font-weight:700;color:#526a80;margin:0 0 24px}.eyebrow.light{color:#d8e2ea}.split{display:grid;grid-template-columns:28% 1fr;gap:7vw}.intro,.human,.quality,.ecosystem{padding:9vw 7vw}.intro h1,.page-hero h1{font:400 clamp(2.7rem,6vw,6.1rem)/.98 Georgia,serif;letter-spacing:-.045em;margin:0}.intro h1 em,.conviction h2 em{font-weight:400;color:var(--lime)}.lead{font-size:clamp(1.18rem,2vw,1.7rem);line-height:1.45;max-width:850px}.intro .lead{max-width:710px;margin:42px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;width:max-content;align-items:center;gap:18px;background:var(--green);color:#fff;border:1px solid var(--green);padding:15px 20px;text-transform:uppercase;font-size:11px;letter-spacing:.12em;font-weight:700;cursor:pointer}.btn:hover{background:#12456f}.btn.pale{background:transparent;color:inherit;border-color:currentColor}.btn.light{background:var(--lime);color:var(--pine);border-color:var(--lime)}
.conviction,.expertise,.after-sale{background:var(--green);color:#fff;padding:9vw 7vw}.conviction-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:10vw}.conviction h2,.method h2,.human h2,.section-head h2,.expertise h2,.commitments h2,.statement h2,.quality h2,.after-sale h2,.contact-grid h2,.ecosystem h2{font:400 clamp(2.3rem,4.5vw,4.7rem)/1.04 Georgia,serif;letter-spacing:-.035em;margin:0 0 35px}.conviction-grid>div p{line-height:1.7;color:#d4dcd8}.conviction .btn{margin-top:24px;color:white}
.method,.projects,.commitments,.pillars,.solution-section,.news-grid{padding:9vw 7vw}.steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);margin-top:70px}.steps>div{padding:25px 24px 30px 0;border-right:1px solid var(--line);min-height:190px}.steps span,.pillars span{font-size:11px;color:#63788a}.steps h3,.three-cols h3,.four-cols h3,.pillars h3{font-size:17px;text-transform:uppercase;letter-spacing:.08em;margin:45px 0 12px}.steps p,.human p,.four-cols p,.three-cols p,.ecosystem p{line-height:1.65}.human{background:#e8eef4}.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.pill-list span{border:1px solid var(--ink);border-radius:30px;padding:9px 14px;font-size:13px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.project-card{position:relative;background:var(--pine);color:white;min-height:520px;overflow:hidden}.project-photo{position:absolute;inset:0;background:url('maison-hero.png') var(--pos)/cover no-repeat;filter:saturate(.65)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(6,29,53,.9))}.project-info{position:absolute;z-index:2;left:32px;right:32px;bottom:30px}.project-info span{font-size:11px}.project-info p{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.project-info h3{font:400 2.3rem Georgia,serif;margin:8px 0}.project-info strong{font-size:13px;font-weight:400}
.owner-cta{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw;padding:7vw;background:var(--pine);color:#fff;border-bottom:1px solid #ffffff2b}.owner-cta h2{font:400 clamp(2.2rem,4vw,4rem)/1.08 Georgia,serif;margin:0}.owner-cta p{line-height:1.6;color:#d5dfda}.owner-cta .btn{margin-top:20px}footer{background:var(--pine);color:white;padding:55px 7vw 32px;display:grid;grid-template-columns:1fr 2fr auto;gap:50px;align-items:start}footer p{font-size:11px;color:#9faea8}.footer-links{display:flex;flex-wrap:wrap;gap:22px;font-size:12px}
.page-hero{padding:11vw 7vw 8vw;background:var(--cream)}.page-hero h1{max-width:1100px}.page-hero>p:last-child{font-size:1.3rem;line-height:1.55;max-width:730px;margin:45px 0 0}.three-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px}.three-cols>div{padding:30px;border:1px solid #ffffff40;min-height:250px}.three-cols p{color:#dce7f0}.four-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:55px}.four-cols>div{border-top:1px solid var(--line);padding:28px 10px 0}.four-cols svg{color:var(--lime)}.solo{padding-top:2vw}.statement{text-align:center;background:#e8eef4;padding:7vw}.statement p{text-transform:uppercase;letter-spacing:.15em;font-size:12px}.statement h2{margin:0}
.solution-section{background:#fff}.solution-list{border-top:1px solid var(--line)}.solution{border-bottom:1px solid var(--line)}.solution>button{width:100%;display:flex;justify-content:space-between;text-align:left;border:0;background:transparent;padding:26px 0;cursor:pointer}.solution>button>span:first-child{display:grid;grid-template-columns:50px 300px 1fr;align-items:center;width:100%}.solution small{color:#63788a}.solution strong{text-transform:uppercase;letter-spacing:.08em}.solution em{font-style:normal;color:#63788a}.solution>button>span:last-child{font-size:28px;color:var(--lime)}.solution-body{margin-left:350px;max-width:680px;padding:0 0 42px}.solution-body h3{font:400 2rem Georgia,serif}.solution-body h4{text-transform:uppercase;font-size:11px;letter-spacing:.14em;margin:28px 0 6px}.solution-body p{line-height:1.6}.notice{margin-top:60px;background:#e8eef4;padding:35px;display:grid;grid-template-columns:1fr 2fr auto;gap:30px;align-items:center}.notice strong{font:400 1.4rem Georgia,serif}.notice p{font-size:14px;line-height:1.5}
.pillars{background:var(--green);color:#fff}.relation{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff44;padding-top:45px}.relation h2{font:400 3rem Georgia,serif}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:35px}.check-grid span{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0}.after-sale p{font-size:1.1rem;line-height:1.7;color:#d6dfda}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:3vw 7vw 9vw}.contact-grid>div>p{line-height:1.6}.contact-grid a{font-weight:700}.contact-grid form{background:white;padding:35px;display:grid;gap:20px}.contact-grid label{display:grid;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.contact-grid input,.contact-grid select,.contact-grid textarea{border:0;border-bottom:1px solid #9ba59f;background:#f8f6f0;padding:13px;outline:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-grid .consent{display:flex;text-transform:none;letter-spacing:0;font-size:13px}.consent input{width:16px}.success{background:var(--green);color:#fff;padding:60px;align-self:start}.success svg{width:45px;height:45px;color:var(--lime)}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:64px 36px}.news-img{height:320px;background:url('maison-hero.png') center/cover no-repeat}.news-grid span{display:block;margin-top:22px;font-size:11px;color:#63788a}.news-grid h2{font:400 1.8rem/1.15 Georgia,serif}.news-summary{color:#526579;line-height:1.65;margin:0 0 22px}.news-grid a{display:flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;font-weight:700;color:var(--green)}.ecosystem{background:#e8eef4}
@media(max-width:900px){.header{height:72px}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:24px;align-items:stretch}.nav.open{display:grid}.nav>a,.nav-more>button{padding:12px 0}.nav-more div{display:grid;position:static;box-shadow:none;padding:0 0 0 14px}.menu-btn{display:block;margin-left:auto}.header-cta{display:none}.hero{height:75vh}.split,.conviction-grid,.owner-cta,.contact-grid{grid-template-columns:1fr}.intro,.human,.quality,.ecosystem,.conviction,.method,.projects,.commitments,.pillars,.solution-section,.news-grid{padding:70px 6vw}.steps{grid-template-columns:1fr}.steps>div{min-height:auto}.project-grid,.four-cols,.three-cols,.news-grid{grid-template-columns:1fr}.project-card{min-height:420px}.section-head{align-items:start;gap:24px;flex-direction:column}.solution>button>span:first-child{grid-template-columns:36px 1fr}.solution em{display:none}.solution-body{margin-left:36px}.notice{grid-template-columns:1fr}.contact-grid{padding:20px 6vw 70px}footer{grid-template-columns:1fr}.page-hero{padding:100px 6vw 65px}.hero-center .logo{transform:scale(1.25)}}
@media(max-width:520px){.hero-panels{grid-template-columns:1fr}.hero-panels i:not(:first-child){display:none}.intro h1,.page-hero h1{font-size:2.65rem}.form-row,.check-grid{grid-template-columns:1fr}.contact-grid form{padding:22px}.project-card{min-height:360px}.footer-links{display:grid}.relation{align-items:start;flex-direction:column;gap:20px}}

/* Direction éditoriale inspirée des grands groupes patrimoniaux */
.header.overlay{position:absolute;left:0;right:0;background:linear-gradient(180deg,rgba(6,29,53,.78),transparent);color:#fff;border-bottom-color:#ffffff55}.header.overlay .header-cta{background:var(--lime);color:var(--pine);border:1px solid var(--lime)}.header-cta span{margin-right:8px}.menu-btn{color:inherit}.hero{height:100vh;min-height:650px}.nav-more div{color:var(--ink)}
.card-link{display:flex!important;align-items:center;gap:9px;margin-top:22px;text-transform:uppercase;letter-spacing:.1em;font-size:10px!important;opacity:0;transform:translateY(8px);transition:.3s}.project-card:hover .card-link{opacity:1;transform:none}.project-photo{transition:transform .7s}.project-card:hover .project-photo{transform:scale(1.025)}
.asset-intro,.detail-content{padding:8vw 7vw}.asset-intro h2,.detail-content h2{font:400 clamp(2.5rem,4.5vw,4.7rem)/1.04 Georgia,serif;margin:0 0 35px}.asset-form{padding:0 7vw 9vw;display:grid;place-items:center}.asset-form form{width:min(900px,100%);background:#fff;padding:50px;display:grid;gap:22px}.asset-form label{display:grid;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.asset-form input,.asset-form select,.asset-form textarea{border:0;border-bottom:1px solid #9ba59f;background:#f8f6f0;padding:13px}.asset-form .consent{display:flex;text-transform:none;letter-spacing:0;font-size:13px}.detail-hero{height:72vh;min-height:550px;background:linear-gradient(180deg,#0b2d2422,#0b2d24bb),url('maison-hero.png') var(--pos)/cover;display:flex;align-items:end;color:#fff;padding:7vw}.detail-hero h1{font:400 clamp(4rem,9vw,9rem)/.85 Georgia,serif;letter-spacing:-.05em;margin:0 0 14px}.detail-hero strong{text-transform:uppercase;letter-spacing:.2em;font-size:12px}.detail-content .actions{margin-top:45px}.article-page{padding:10vw 7vw;background:linear-gradient(180deg,#f5f7f9 0,#fff 34%)}.article-header{max-width:1120px;margin:0 auto 58px;text-align:center}.article-header .eyebrow{color:var(--lime)}.article-header h1{font:400 clamp(2.7rem,5.4vw,6rem)/1 Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif;color:var(--ink);margin:18px auto 0}.article-lead{font-size:1.4rem;line-height:1.55;max-width:820px;margin:36px auto 0;color:#526579}.article-image{height:60vh;min-height:420px;max-width:1280px;margin:auto;background-position:center;background-size:cover;border-radius:2px;box-shadow:0 16px 50px rgba(6,29,53,.14)}.article-body{max-width:820px;margin:78px auto}.article-section{position:relative;padding:0 0 48px 58px;border-left:1px solid rgba(181,145,54,.42)}.article-section>span{position:absolute;left:-18px;top:3px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.08em}.article-body h2,.legal h2{font:400 2.3rem Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif;margin:0 0 18px;color:var(--ink)}.article-body p,.legal p{font-size:1.08rem;line-height:1.8}.article-body ul{margin:22px 0 0;padding:0;list-style:none;display:grid;gap:10px}.article-body li{position:relative;padding-left:23px;line-height:1.6}.article-body li::before{content:"";position:absolute;left:0;top:.7em;width:9px;height:1px;background:var(--lime)}.article-note{margin:8px 0 40px;padding:30px 34px;background:var(--ink);color:#fff;border-left:4px solid var(--lime)}.article-note strong{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--lime)}.article-note p{margin:10px 0 0;color:#e5edf3}.article-body .btn{margin-top:10px}.legal{max-width:850px;padding:1vw 7vw 9vw;margin:auto}
@media(max-width:900px){.header.overlay .nav.open{color:var(--ink)}.asset-intro,.detail-content{padding:70px 6vw}}
@media(max-width:520px){.asset-form form{padding:22px}.detail-hero{height:65vh;min-height:460px}.article-page{padding:90px 6vw 70px}.article-header{margin-bottom:36px}.article-header h1{font-size:2.25rem}.article-lead{font-size:1.08rem}.article-image{height:42vh;min-height:260px}.article-body{margin:50px auto}.article-section{padding-left:38px}.article-body h2{font-size:1.85rem}.article-note{padding:24px}.hero{min-height:560px}}

.menu-toggle{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:inherit;cursor:pointer;padding:15px 0;font-size:11px;font-weight:700;letter-spacing:.13em}.menu-panel{position:fixed;inset:0;background:var(--pine);color:#fff;z-index:100;padding:28px 4vw 50px;overflow:auto}.menu-panel-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid #ffffff35}.menu-panel-top button{display:flex;align-items:center;gap:9px;background:none;border:0;color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;cursor:pointer}.menu-panel nav{display:grid;grid-template-columns:repeat(3,1fr);margin-top:5vh;border-top:1px solid #ffffff25}.menu-panel nav a{font:400 clamp(1.5rem,3vw,3.2rem) Georgia,serif;display:flex;align-items:baseline;gap:16px;padding:25px 20px 25px 0;border-bottom:1px solid #ffffff25;transition:.25s}.menu-panel nav a:hover{color:var(--lime);padding-left:10px}.menu-panel nav small{font:400 10px Arial,sans-serif;color:#92a49d}
.header-socials{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:18px}.header-socials a{width:30px;height:30px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;transition:.25s}.header-socials a:hover{color:var(--lime);border-color:var(--lime);transform:translateY(-2px)}
.linkedin-mark{display:grid;place-items:center;font:bold 11px/1 Arial,sans-serif;letter-spacing:-.05em}.instagram-mark{display:block;position:relative;border:1.7px solid currentColor;border-radius:4px}.instagram-mark:before{content:"";position:absolute;width:5px;height:5px;border:1.4px solid currentColor;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.instagram-mark:after{content:"";position:absolute;width:2.3px;height:2.3px;background:currentColor;border-radius:50%;right:2.2px;top:2.2px}
@media(max-width:900px){.header .nav{display:none}.header-socials{margin-left:auto;margin-right:13px}.menu-toggle{margin-left:0}.menu-panel nav{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.menu-panel{padding:22px}.menu-panel nav{grid-template-columns:1fr}.menu-panel nav a{padding:16px 0}.menu-panel .logo{font-size:12px}}

.commitment-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:55px}.commitment-grid>div{border-top:1px solid var(--line);padding:28px 10px 0}.commitment-grid svg{color:#6a743c}.commitment-grid h3{font-size:15px;text-transform:uppercase;letter-spacing:.07em;margin:28px 0 12px}.commitment-grid p{line-height:1.65}.fine-print{margin-top:28px;font-size:13px;color:#66736d}
@media(max-width:900px){.commitment-grid{grid-template-columns:1fr}}

/* Identité Maison l’Harmonie : bleu nuit, or et blanc */
.contact-grid input,.contact-grid select,.contact-grid textarea,.asset-form input,.asset-form select,.asset-form textarea{background:#f3f6f9;border-bottom-color:#91a2b2}

/* Editorial photography supplied by Maison Harmonie */
.project-photo{background-image:var(--project-image);filter:saturate(.72)}
.page-hero.with-visual{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:7vw;align-items:end}
.page-hero-copy h1{max-width:1100px}
.page-hero-copy>p:last-child{font-size:1.3rem;line-height:1.55;max-width:730px;margin:45px 0 0}
.page-hero figure{margin:0;height:min(38vw,560px);overflow:hidden}
.page-hero figure img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.78)}
@media(max-width:900px){.page-hero.with-visual{grid-template-columns:1fr;gap:42px}.page-hero figure{height:55vw;min-height:280px}}
.detail-hero{background-image:linear-gradient(180deg,rgba(6,29,53,.08),rgba(6,29,53,.82)),url('maison-hero.png')}
.article-image{box-shadow:0 16px 50px rgba(6,29,53,.14)}
.menu-panel nav a:hover{color:var(--lime)}
footer .logo,.menu-panel-top .logo{width:max-content;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}
@media(max-width:900px){.header{height:78px}.header .logo img{width:125px;height:68px}.hero{height:85vh}.hero-center .logo{transform:none}.hero-center .logo img{width:min(150px,42vw)}}
@media(max-width:520px){.header .logo img{width:112px;height:62px}.hero-center p{max-width:82vw;text-align:center;line-height:1.7}}

.method-steps>div{padding:28px 30px 38px;min-height:265px}.method-steps>div:first-child{padding-left:30px}.method-steps>div:last-child{border-right:0}.method-steps>div>span{display:block}.method-steps .step-icon{width:34px;height:34px;margin-top:34px;color:var(--lime);stroke-width:1.5}.method-steps h3{margin:22px 0 12px}.method-steps p{margin:0;line-height:1.55}
@media(max-width:900px){.method-steps>div{padding:26px 22px 30px;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.method-steps>div:first-child{padding-left:22px}.method-steps .step-icon{margin-top:24px}.method-steps>div:last-child{border-bottom:0}}
.pillar-cards>div{display:flex;flex-direction:column}.pillar-cards .pillar-icon{width:36px;height:36px;margin-top:34px;color:var(--lime);stroke-width:1.5}.pillar-cards h3{margin:22px 0 12px}

/* Animated architectural image revealed through the Maison Harmonie logo */
.intro>.eyebrow::after{content:"";display:block;width:min(23vw,360px);aspect-ratio:1;margin-top:70px;background-image:linear-gradient(rgba(8,39,69,.04),rgba(8,39,69,.04)),url('mh-facade-sculptures.jpg');background-size:190% auto;background-position:30% 12%;background-repeat:no-repeat;-webkit-mask:url('logo-maison-harmonie-couleur.png') center/contain no-repeat;mask:url('logo-maison-harmonie-couleur.png') center/contain no-repeat;filter:drop-shadow(0 22px 34px rgba(8,39,69,.12));animation:logo-photo-pan 9s ease-in-out infinite alternate;will-change:background-position}
@keyframes logo-photo-pan{0%{background-position:22% 5%}50%{background-position:70% 52%}100%{background-position:35% 95%}}
@media(max-width:900px){.intro>.eyebrow::after{width:min(68vw,340px);margin:35px auto 10px;background-size:185% auto;animation-duration:11s}}
@media(prefers-reduced-motion:reduce){.intro>.eyebrow::after{animation:none;background-position:center;transform:none}}
.ecosystem>.eyebrow::after{content:"";display:block;width:min(23vw,350px);aspect-ratio:1;margin-top:62px;background-image:linear-gradient(rgba(8,39,69,.03),rgba(8,39,69,.03)),url('mh-ferronnerie.jpg');background-size:195% auto;background-position:20% 10%;background-repeat:no-repeat;-webkit-mask:url('logo-maison-harmonie-couleur.png') center/contain no-repeat;mask:url('logo-maison-harmonie-couleur.png') center/contain no-repeat;filter:drop-shadow(0 22px 34px rgba(8,39,69,.12));animation:ecosystem-logo-pan 10s ease-in-out infinite alternate;will-change:background-position}
@keyframes ecosystem-logo-pan{0%{background-position:15% 8%}50%{background-position:78% 55%}100%{background-position:32% 92%}}
@media(max-width:900px){.ecosystem>.eyebrow::after{width:min(68vw,330px);margin:34px auto 8px;background-size:190% auto;animation-duration:12s}}
@media(prefers-reduced-motion:reduce){.ecosystem>.eyebrow::after{animation:none;background-position:center}}

/* Staggered three-panel opening sequence inspired by the reference site */
.hero{overflow:hidden}
.hero-panels{grid-template-columns:1fr 1.75fr 1fr;gap:5px;background:#fff}
.hero-panels i:nth-child(2){background-size:auto 128%;background-position:center center}
.hero-panels i{opacity:0;will-change:transform,opacity,clip-path;animation:hero-panel-in 1.35s cubic-bezier(.22,.78,.24,1) forwards}
.hero-panels i:nth-child(1){animation-delay:.08s;transform-origin:left center}
.hero-panels i:nth-child(2){animation-delay:.28s;transform-origin:center center}
.hero-panels i:nth-child(3){animation-delay:.48s;transform-origin:right center}
@keyframes hero-panel-in{0%{opacity:0;transform:translateY(12%);clip-path:inset(100% 0 0 0)}45%{opacity:1}100%{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}}
.hero-shade{opacity:0;animation:hero-overlay-in .9s ease 1.05s forwards}
.hero-center{opacity:0;transform:translateY(18px);animation:hero-content-in .9s cubic-bezier(.22,.78,.24,1) 1.18s forwards}
.hero-scroll{opacity:0;animation:hero-overlay-in .7s ease 1.75s forwards}
@keyframes hero-overlay-in{to{opacity:1}}
@keyframes hero-content-in{to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.hero-panels i,.hero-shade,.hero-center,.hero-scroll{animation:none;opacity:1;transform:none;clip-path:none}}
@media(max-width:520px){.hero-panels{grid-template-columns:1fr 1.45fr 1fr;gap:3px}.hero-panels i:not(:first-child){display:block}.hero-panels i:nth-child(1){background-position:18% center}.hero-panels i:nth-child(2){background-size:auto 124%;background-position:center center}.hero-panels i:nth-child(3){background-position:82% center}}

/* Home: new positioning and key figures */
.hero-center{left:27%;right:27%;padding:110px 0 150px;gap:10px;text-align:center}
.hero-center .hero-signature{margin:0;text-transform:uppercase;letter-spacing:.3em;font-size:10px;line-height:1.5}
.hero-center h1{width:100%;max-width:100%;margin:25px 0 8px;font:400 clamp(2.6rem,3.35vw,4.4rem)/1.02 Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 4px 28px rgba(6,29,53,.66)}
.hero-center .hero-subtitle{width:100%;max-width:100%;margin:0;text-align:center;text-transform:none;letter-spacing:0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55;text-shadow:0 2px 18px rgba(6,29,53,.8)}
.hero-center .hero-subtitle span{display:block}
.hero-bottom{position:absolute;z-index:2;left:4vw;right:4vw;bottom:30px;display:flex;align-items:end;justify-content:center;gap:30px;color:#fff}
.hero-bottom .hero-scroll{position:absolute;left:0;bottom:0;opacity:0;animation:hero-overlay-in .7s ease 1.75s forwards}
.hero-stats{width:44vw;display:flex;justify-content:center;gap:4vw;opacity:0;animation:hero-overlay-in .7s ease 1.9s forwards}
.hero-stats>div{display:grid;gap:5px;padding-left:18px;border-left:1px solid rgba(255,255,255,.65)}
.hero-stats strong{font:400 clamp(1.25rem,2vw,2rem) Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif;white-space:nowrap}
.hero-stats span{text-transform:uppercase;font-size:10px;letter-spacing:.16em}

/* Le groupe: experience, engagements and associates */
.group-experience{max-width:980px;margin:28px 0 0;font-size:1.08rem;line-height:1.75;color:#405970}
.group-experience strong{color:var(--ink)}
.commitments-feature{background:#eef2f5}
.commitments-feature .commitment-grid{grid-template-columns:repeat(4,1fr);gap:26px}
.commitments-feature .commitment-grid>div{background:#fff;border:0;padding:32px;min-height:270px;border-radius:2px}
.commitments-feature .commitment-grid svg{width:38px;height:38px;color:var(--lime);stroke-width:1.45}
.commitments-feature .commitment-grid h3{margin-top:42px;font:400 1.35rem/1.15 Georgia,serif;text-transform:none;letter-spacing:0}
.associates{padding:9vw 7vw;background:#fff}
.associates>h2{font:400 clamp(2.3rem,4.5vw,4.7rem)/1.04 Georgia,serif;letter-spacing:-.035em;margin:0 0 55px}
.associates-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}
.associates-grid article{border-top:1px solid var(--line);padding-top:30px}
.associates-grid h3{font:400 clamp(1.7rem,2.6vw,2.5rem) Georgia,serif;margin:0 0 10px}
.associates-grid p{font-size:1rem;line-height:1.75;color:#526579}
.associates-grid .associate-role{color:var(--lime);font-style:italic;font-size:1.05rem;margin:0 0 28px}
.associates-grid strong{display:block;margin-top:28px;padding-top:22px;border-top:1px solid var(--line);font-size:1rem;line-height:1.5;color:var(--green)}

/* Nos partenaires: promise and support */
.partner-promise{padding:9vw 7vw;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:6vw;align-items:center;background:#fff}
.partner-promise figure{margin:0;height:min(47vw,650px);overflow:hidden}
.partner-promise figure img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.78)}
.partner-promise h2{font:400 clamp(2rem,3.3vw,3.4rem)/1.08 Georgia,serif;letter-spacing:-.025em;margin:0 0 38px}
.partner-promise h3{font-size:1rem;line-height:1.5;color:var(--lime);margin:0 0 20px}
.partner-promise ul{margin:0 0 34px;padding-left:20px;display:grid;gap:9px;line-height:1.45;color:#405970}

@media(max-width:900px){
  .hero{height:100svh;min-height:700px}
  .hero-center{left:6vw;right:6vw;padding:105px 0 205px}
  .hero-center h1{font-size:clamp(2.35rem,8vw,4.2rem);line-height:1.02;margin-top:20px}
  .hero-bottom{align-items:start;bottom:24px}
  .hero-stats{gap:22px}
  .hero-stats strong{font-size:1.25rem}
  .commitments-feature .commitment-grid{grid-template-columns:1fr 1fr}
  .associates-grid{grid-template-columns:1fr;gap:55px}
  .partner-promise{grid-template-columns:1fr;gap:45px;padding:70px 6vw}
  .partner-promise figure{height:62vw;min-height:310px}
}
@media(max-width:520px){
  .hero-center{left:6vw;right:6vw;padding:90px 0 230px;gap:8px}
  .hero-center .logo img{width:min(130px,36vw)}
  .hero-center .hero-signature{font-size:9px;letter-spacing:.2em}
  .hero-center h1{font-size:2.2rem;line-height:1.03;margin:18px 0 8px;letter-spacing:.01em}
  .hero-center .hero-subtitle{font-size:.98rem;line-height:1.45;max-width:90vw}
  .hero-bottom{display:grid;grid-template-columns:1fr;justify-items:center;gap:18px}
  .hero-bottom .hero-scroll{position:static}
  .hero-stats{width:100%;justify-content:center;gap:24px}
  .hero-stats>div{padding-left:11px}
  .hero-stats strong{font-size:1.05rem}
  .hero-stats span{font-size:8px;letter-spacing:.12em}
  .commitments-feature .commitment-grid{grid-template-columns:1fr}
  .commitments-feature .commitment-grid>div{min-height:auto}
  .associates{padding:70px 6vw}
  .partner-promise h2{font-size:2.2rem}
}

/* Maison Harmonie typography and two-tone page titles */
h1,h2,h3,.project-info h3,.relation h2,.hero-stats strong{font-family:Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif!important}
.hero-center h1 span,.hero-center h1 em,.page-hero h1 span,.page-hero h1 em{display:block}
.hero-center h1 em{color:#fff;font-style:italic}
.page-hero h1 em{color:var(--lime);font-style:italic;font-weight:400}
.page-hero h1 span{color:var(--ink)}
.page-hero-copy>p:last-child{font-family:Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif;font-size:1.35rem}
.lead{font-family:Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif}

/* Detailed project pages */
.detail-hero{background-image:linear-gradient(180deg,rgba(6,29,53,.08),rgba(6,29,53,.82)),var(--project-image);background-position:var(--pos);background-size:cover}
.detail-intro{padding:8vw 7vw 5vw;max-width:1180px}
.detail-intro h2,.detail-residence h2,.detail-investment h2{font:400 clamp(2.8rem,5.5vw,5.8rem)/.98 Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif;margin:18px 0 28px;color:var(--ink)}
.detail-summary{font:400 clamp(1.35rem,2.2vw,2rem)/1.5 Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif;max-width:960px}
.detail-location{padding:4vw 7vw 7vw;border-top:1px solid #d9ddd8}
.detail-location h3{font:400 clamp(1.55rem,2.5vw,2.45rem)/1.3 Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif;color:var(--ink);margin:0 0 28px}
.detail-location p{font-size:1.04rem;line-height:1.8;margin:0 0 18px}
.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:#fff;padding:0 7vw}
.detail-facts span{display:grid;place-items:center;min-height:150px;padding:28px;text-align:center;border-left:1px solid rgba(255,255,255,.24);font:400 1.25rem/1.35 Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif}
.detail-facts span:last-child{border-right:1px solid rgba(255,255,255,.24)}
.detail-residence{padding:8vw 7vw;display:grid;grid-template-columns:.85fr 1.6fr;gap:8vw}
.detail-residence .lead{font-size:1.35rem;line-height:1.6}
.detail-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d9ddd8}
.detail-quality-grid article{background:#fff;padding:38px 28px}
.detail-quality-grid h3{font-size:1.65rem;color:var(--ink);margin:0 0 26px}
.detail-quality-grid p{display:flex;gap:11px;align-items:flex-start;line-height:1.5}
.detail-quality-grid svg{color:var(--lime);flex:0 0 auto;margin-top:3px}
.detail-gallery{padding:0 7vw 8vw;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.detail-gallery figure{margin:0;background:#fff;box-shadow:0 18px 45px rgba(6,29,53,.1)}
.detail-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.detail-gallery figcaption{padding:14px 18px;color:#526579;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.detail-investment{padding:8vw 7vw;background:var(--ink);color:#fff}
.detail-investment h2{color:#fff;margin-top:0}
.detail-investment>div>p{font-size:1.15rem;line-height:1.75;max-width:780px}
.detail-investment .actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
@media(max-width:900px){
 .detail-intro,.detail-location,.detail-residence,.detail-investment{padding:70px 6vw}
 .detail-gallery{padding:0 6vw 70px}
 .detail-facts{grid-template-columns:1fr 1fr;padding:0 6vw}
 .detail-facts span:nth-child(3){border-top:1px solid rgba(255,255,255,.24)}
 .detail-facts span:nth-child(4){border-top:1px solid rgba(255,255,255,.24)}
 .detail-residence{grid-template-columns:1fr;gap:45px}
 .detail-quality-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
 .detail-facts{grid-template-columns:1fr}
 .detail-facts span{min-height:105px;border-right:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.24)}
 .detail-quality-grid article{padding:30px 24px}
 .detail-gallery{grid-template-columns:1fr;gap:14px}
}

/* Ajustements éditoriaux du 16 octobre */
.hero-center .logo{display:block;width:min(244px,52vw);aspect-ratio:1.48/1;overflow:hidden}
.hero-center .logo img{display:block;width:100%;height:auto;max-width:none;clip-path:none;margin:0}
.hero-center .hero-signature{margin-top:-2px}
.hero-center h1{position:relative;margin:0 0 24px}
.hero-center h1::after{content:"";display:block;width:72px;height:1px;background:var(--lime);margin:23px auto 0}
.hero-center .hero-subtitle{max-width:620px}
.section-intro{max-width:720px;margin:18px 0 0;font:400 1.2rem/1.55 Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif;color:#526579}
.page-hero figure img[src="/mh-facade-elegante.png"]{object-position:center 42%}
.expertise-intro{max-width:1120px;margin:0 0 38px;font:400 clamp(1.15rem,1.8vw,1.5rem)/1.55 Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif;color:#dce7f0}
.expertise-cols{margin-top:30px}
.expertise-cols>div{min-height:470px;padding:36px 32px}
.expertise-cols h3{margin:0 0 30px;font-size:1.12rem;line-height:1.45}
.expertise-cols ul{margin:0;padding:0;list-style:none;display:grid;gap:22px;color:#dce7f0;line-height:1.45}
.expertise-cols li{position:relative;padding-left:18px}
.expertise-cols li::before{content:"•";position:absolute;left:0;color:var(--lime)}
@media(max-width:900px){
 .hero-center .logo{width:min(215px,50vw)}
 .hero-center .logo img{width:100%;margin:0}
 .hero-center h1{margin:0 0 18px}
 .hero-center h1::after{margin-top:18px}
 .expertise-cols>div{min-height:auto}
}
@media(max-width:520px){
 .hero-center{padding-top:78px;padding-bottom:250px}
 .hero-center .logo{width:min(163px,42vw)}
 .hero-center .logo img{width:100%;margin:0}
 .hero-center .hero-signature{max-width:92vw;white-space:nowrap}
 .hero-center h1{font-size:2rem;margin:0 0 16px}
 .hero-center h1::after{width:54px;margin-top:15px}
 .hero-center .hero-subtitle{max-width:88vw;font-size:.92rem;line-height:1.4}
 .hero-stats{align-items:start;gap:14px}
 .hero-stats>div{flex:1;max-width:170px}
 .hero-stats strong{white-space:normal}
 .expertise-cols>div{padding:28px 24px}
}

/* Partner page: explicit grid areas keep the two photos in the requested mobile order. */
.partner-flow{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);grid-template-areas:"intro first" "second copy";align-items:center;background:#fff}
.partner-flow .partner-intro{grid-area:intro;padding:11vw 0 8vw 7vw;background:var(--cream)}
.partner-flow .partner-intro h1{font:400 clamp(2.7rem,6vw,6.1rem)/.98 Georgia,serif;letter-spacing:-.045em;margin:0;max-width:1100px}
.partner-flow .partner-intro h1 span,.partner-flow .partner-intro h1 em{display:block}
.partner-flow .partner-intro h1 em{color:var(--lime);font-style:italic;font-weight:400}
.partner-flow .partner-intro>p:last-child{font-family:Baskerville,"Iowan Old Style","Palatino Linotype",Georgia,serif;font-size:1.35rem;line-height:1.55;max-width:730px;margin:45px 0 0}
.partner-flow .partner-first-photo{grid-area:first;margin:0 7vw 0 6vw;height:min(38vw,560px);overflow:hidden}
.partner-flow .partner-second-photo{grid-area:second;margin:0 6vw 0 7vw;height:min(47vw,650px);overflow:hidden}
.partner-flow .partner-first-photo img,.partner-flow .partner-second-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78)}
.partner-flow .partner-copy{grid-area:copy;padding:9vw 7vw 9vw 0;background:#fff}
.partner-flow .partner-copy .eyebrow{margin-bottom:24px}
.partner-flow .partner-copy h2{font:400 clamp(2rem,3.3vw,3.4rem)/1.08 Georgia,serif;letter-spacing:-.025em;margin:0 0 38px}
.partner-flow .partner-copy h3{font-size:1rem;line-height:1.5;color:var(--lime);margin:0 0 20px}
.partner-flow .partner-copy ul{margin:0 0 34px;padding-left:20px;display:grid;gap:9px;line-height:1.45;color:#405970}
@media(max-width:900px){
 .partner-flow{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "first" "copy" "second"}
 .partner-flow .partner-intro{padding:100px 6vw 35px}
 .partner-flow .partner-first-photo,.partner-flow .partner-second-photo{height:62vw;min-height:280px;margin:0 6vw}
 .partner-flow .partner-copy{padding:42px 6vw 24px}
 .partner-flow .partner-copy h2{font-size:2.2rem;margin-bottom:30px}
 .partner-flow .partner-second-photo{display:none}
}
@media(max-width:520px){.partner-flow .partner-intro h1{font-size:2.65rem}}