/* Approved homepage concept, 23 October 2026. Scoped to the homepage. */
.comabat-home{--home-ink:#102735;--home-muted:#526779;background:#fffdfa}
.comabat-home header .nav{max-width:1680px;padding-left:4.6vw;padding-right:4.6vw;gap:clamp(14px,2vw,32px)}
.comabat-home header .nav #navigation{gap:clamp(14px,2.3vw,36px)}
.comabat-home header .nav #navigation a{color:var(--home-ink);position:relative;font-weight:500}
.comabat-home header .nav #navigation a:hover{color:#d95100}
.comabat-home .home-nav-active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#ff6600}
.comabat-home .comabat-opening{position:relative;isolation:isolate;background:#fffdfa;color:var(--home-ink);overflow:clip}
.comabat-home .comabat-opening:before{content:"";position:absolute;inset:0 0 auto;height:78%;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#fffdfa 0%,#fffdfa 24%,rgba(255,253,250,.95) 35%,rgba(255,253,250,.45) 49%,rgba(255,253,250,0) 65%),url('maison-provencale.webp');background-size:cover;background-position:center 52%;mask-image:linear-gradient(#000 0%,#000 74%,transparent 100%)}
.comabat-home .comabat-opening .wrap{max-width:1760px;width:100%;padding-left:3vw;padding-right:3vw}
.comabat-home .comabat-opening .comabat-hero{background:none}
.comabat-home .comabat-opening .comabat-hero .hero-content{padding-left:4.6vw;padding-right:4.6vw;padding-top:clamp(14px,3vh,36px);padding-bottom:clamp(14px,3vh,36px)}
.comabat-home .home-eyebrow{font-size:clamp(11px,1vw,16px);font-weight:650;text-transform:uppercase;letter-spacing:.16em;color:#f56308;margin:0 0 clamp(12px,2.5vh,26px);line-height:1.4}
.comabat-home .comabat-opening .comabat-hero h1{color:var(--home-ink);font-size:clamp(34px,min(4.8vw,7.6vh),76px);line-height:1.03;letter-spacing:-.047em;font-weight:750;max-width:1100px;margin-bottom:clamp(12px,2.4vh,26px)}
.comabat-home .home-orange{color:#ff6600}
.comabat-home .comabat-opening .comabat-intro{max-width:900px;color:var(--home-muted);font-size:clamp(18px,min(2.1vw,3.3vh),30px);font-weight:550;letter-spacing:-.025em;line-height:1.35}
.comabat-home .comabat-opening .comabat-location{display:flex;align-items:center;gap:12px;color:var(--home-muted);font-size:clamp(12px,1.1vw,16px);margin:clamp(16px,2.8vh,30px) 0 0;line-height:1.4}
.comabat-home .comabat-location svg{width:20px;height:22px;flex:none;fill:#ff6600;stroke:#ff6600;stroke-width:1.2}
.comabat-home .comabat-location svg circle{fill:#fffdfa;stroke:none}
.comabat-home .comabat-opening #accompagnements{padding-top:8px;padding-bottom:18px}
.comabat-home .comabat-opening #accompagnements h2{text-align:left;font-size:clamp(19px,min(1.8vw,3vh),28px);line-height:1.25;color:var(--home-ink);letter-spacing:-.035em;margin:0 0 18px;padding-left:18px;display:flex;gap:16px;align-items:center}
.comabat-home #accompagnements h2:before{content:"";width:44px;height:3px;background:#ff6600;flex:none}
.comabat-home .comabat-choices .two{gap:24px;align-items:stretch}
.comabat-home .comabat-opening .comabat-card{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(210px,32vh,320px);border-radius:18px;border:1px solid #263b47;background:#fffdfa;padding:clamp(18px,3vh,34px) clamp(20px,2vw,32px);display:flex;flex-direction:column;color:var(--home-ink)}
.comabat-home .comabat-opening #accompagnements .comabat-card:nth-child(2){background:#203d4b;border-color:#203d4b;color:#fffdfa}
.comabat-home .home-card-category{color:var(--home-muted);font-size:clamp(10px,min(.86vw,1.8vh),13px);font-weight:700;letter-spacing:.035em;line-height:1.3;text-transform:uppercase;margin:0 0 clamp(10px,1.7vh,18px);max-width:65%;position:relative;z-index:1}
.comabat-home .comabat-card:nth-child(2) .home-card-category{color:#f0f4f7}
.comabat-home .home-card-number{color:#ff6600;display:inline-block;margin-right:8px}
.comabat-home .comabat-card h3{font-size:clamp(23px,min(2.3vw,4vh),36px);font-weight:750;line-height:1.15;letter-spacing:-.04em;margin:0 0 8px;max-width:65%;position:relative;z-index:1}
.comabat-home .comabat-opening .client-thought{font-size:clamp(15px,min(1.4vw,2.4vh),22px);font-weight:650;font-style:italic;line-height:1.28;letter-spacing:-.02em;color:inherit;max-width:59%;margin:0 0 18px;position:relative;z-index:1}
.comabat-home .comabat-opening .comabat-card>.text-link{display:inline-flex;gap:16px;align-items:center;justify-content:space-between;color:inherit;font-size:clamp(14px,1.1vw,18px);font-weight:650;line-height:1.3;margin-top:auto;max-width:64%;text-decoration:none;position:relative;z-index:2}
.comabat-home .home-link-arrow{display:flex;align-items:center;justify-content:center;border-radius:50%;width:clamp(32px,3vw,44px);height:clamp(32px,3vw,44px);font-size:26px;line-height:1;background:#ff6600;color:#fff;flex:none;transition:transform .2s}
.comabat-home .home-profession-art{position:absolute;right:-2%;bottom:0;width:46%;height:100%;object-fit:contain;object-position:center bottom;z-index:0;pointer-events:none}
.comabat-home .comabat-card:nth-child(2) .home-profession-art{width:49%;right:-3%}
.comabat-home .comabat-contact-row{font-weight:650;color:var(--home-ink)}
.comabat-home .comabat-contact-row a{gap:24px;font-size:clamp(15px,1.5vw,23px)}
.comabat-home .comabat-contact-row a:last-child{color:white;border-radius:0;gap:clamp(20px,4vw,64px)}
.comabat-home .home-phone-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ff6600;border-radius:50%;flex:none}
.comabat-home .home-phone-icon svg{width:24px;height:24px;fill:white}
.comabat-home .home-contact-arrow{font-size:34px;line-height:1}
.comabat-home .comabat-pro-entry{writing-mode:horizontal-tb;flex-direction:column;top:18%;width:58px;padding:16px 7px;font-size:12px;line-height:1.3;text-align:center;border-radius:10px 0 0 10px}
.comabat-home .comabat-pro-entry span{overflow-wrap:normal;max-width:45px}
/* Hover and keyboard highlight are preserved on both service cards. */
@media(hover:hover) and (pointer:fine){
 .comabat-home .comabat-opening .comabat-card:hover{transform:translateY(-5px);border-color:#ff6600;box-shadow:0 12px 28px #132f4526,0 0 0 1px #ff6600}
 .comabat-home .comabat-card:hover .home-link-arrow{transform:translateX(3px)}
}
.comabat-home .comabat-opening .comabat-card:focus-within{border-color:#ff6600;box-shadow:0 12px 28px #132f4526,0 0 0 1px #ff6600}
@media(min-width:1024px) and (max-height:650px){
 .comabat-home .comabat-opening .comabat-hero .hero-content{padding-top:8px;padding-bottom:8px}
 .comabat-home .home-eyebrow{font-size:10px;margin-bottom:8px}
 .comabat-home .comabat-opening .comabat-hero h1{font-size:clamp(30px,6.3vh,41px);margin-bottom:9px}
 .comabat-home .comabat-opening .comabat-intro{font-size:18px;line-height:1.25}
 .comabat-home .comabat-opening .comabat-location{font-size:12px;margin-top:10px}
 .comabat-home .comabat-opening #accompagnements{padding-top:6px;padding-bottom:12px}
 .comabat-home .comabat-opening #accompagnements h2{font-size:19px;margin-bottom:10px}
 .comabat-home .comabat-opening .comabat-card{min-height:180px;padding:14px 18px}
 .comabat-home .home-card-category{font-size:10px;margin-bottom:8px}
 .comabat-home .comabat-card h3{font-size:24px;margin-bottom:6px}
 .comabat-home .comabat-opening .client-thought{font-size:15px;margin-bottom:10px}
 .comabat-home .comabat-opening .comabat-card>.text-link{font-size:13px;gap:8px}
 .comabat-home .home-link-arrow{width:28px;height:28px;font-size:22px}
}
@media(max-width:1023px){
 .comabat-home header .nav{padding-left:24px;padding-right:24px}
 .comabat-home .comabat-opening:before{height:580px;background-position:62% center;opacity:.9}
 .comabat-home .comabat-opening .comabat-hero .hero-content{padding:40px 4.6vw}
 .comabat-home .comabat-opening .comabat-hero h1{font-size:clamp(36px,5.3vw,56px)}
 .comabat-home .comabat-opening .comabat-card{min-height:250px}
 .comabat-home .comabat-card h3{font-size:26px}
 .comabat-home .comabat-opening .client-thought{font-size:17px;max-width:62%}
 .comabat-home .comabat-opening .comabat-card>.text-link{font-size:15px}
 .comabat-home .home-card-category{max-width:70%}
}
@media(max-width:760px){
 .comabat-home header .nav{padding-left:18px;padding-right:18px}
 .comabat-home .comabat-opening:before{height:480px;background-image:linear-gradient(90deg,rgba(255,253,250,.97) 5%,rgba(255,253,250,.83) 55%,rgba(255,253,250,.45)),url('maison-provencale.webp');mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%);background-position:65% center}
 .comabat-home .comabat-opening .wrap{padding-left:18px;padding-right:18px}
 .comabat-home .comabat-opening .comabat-hero .hero-content{padding:30px 22px 28px}
 .comabat-home .home-eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:16px}
 .comabat-home .comabat-opening .comabat-hero h1{font-size:clamp(32px,7.8vw,48px);line-height:1.08;margin-bottom:18px}
 .comabat-home .comabat-opening .comabat-intro{font-size:19px;line-height:1.35}
 .comabat-home .comabat-opening .comabat-location{font-size:12px;margin-top:18px;gap:8px}
 .comabat-home .comabat-opening #accompagnements{padding-top:8px;padding-bottom:24px}
 .comabat-home .comabat-opening #accompagnements h2{padding-left:0;font-size:22px;gap:10px;margin-bottom:16px}
 .comabat-home #accompagnements h2:before{width:24px}
 .comabat-home .comabat-choices .two{grid-template-columns:1fr;gap:16px}
 .comabat-home .comabat-opening .comabat-card{padding:20px 18px;min-height:250px;border-radius:18px}
 .comabat-home .home-card-category{font-size:10px;max-width:100%;margin-bottom:14px}
 .comabat-home .comabat-card h3{font-size:26px;max-width:100%;margin-bottom:12px}
 .comabat-home .comabat-opening .client-thought{font-size:16px;max-width:65%;margin-bottom:22px}
 .comabat-home .comabat-opening .comabat-card>.text-link{font-size:14px;max-width:100%;gap:12px}
 .comabat-home .home-profession-art{width:41%;height:72%;right:-3%;bottom:36px;opacity:.95}
 .comabat-home .comabat-card:nth-child(2) .home-profession-art{width:43%;right:-3%}
 .comabat-home .home-link-arrow{width:32px;height:32px;font-size:24px}
 .comabat-home .comabat-contact-row a{font-size:13px;gap:8px;padding-left:7px;padding-right:7px}
 .comabat-home .comabat-contact-row a:last-child{gap:8px}
 .comabat-home .home-phone-icon{width:28px;height:28px}
 .comabat-home .home-phone-icon svg{width:16px;height:16px}
 .comabat-home .home-contact-arrow{font-size:22px}
 .comabat-home .comabat-pro-entry{top:auto;bottom:calc(74px + env(safe-area-inset-bottom));right:12px;flex-direction:row;width:auto;max-width:none;padding:10px 14px;border-radius:24px;font-size:12px}
 .comabat-home .comabat-pro-entry span{max-width:none}
}
@media(prefers-reduced-motion:reduce){.comabat-home .comabat-opening .comabat-card,.comabat-home .home-link-arrow{transition:none}.comabat-home .comabat-opening .comabat-card:hover,.comabat-home .comabat-card:hover .home-link-arrow{transform:none}}
/* Keep the desktop opening above the contact strip on laptop viewports. */
.comabat-home .comabat-opening:before{background-image:linear-gradient(90deg,#fffdfa 0%,#fffdfa 28%,rgba(255,253,250,.96) 42%,rgba(255,253,250,.5) 54%,rgba(255,253,250,0) 70%),url('maison-provencale.webp');background-size:100% 100%,auto 100%;background-repeat:no-repeat;background-position:center,right center}
@media(min-width:1024px){
 .comabat-home .home-profession-art{object-fit:cover}
 .comabat-home .comabat-contact-row a,.comabat-home .comabat-contact-row a:last-child{padding-top:12px;padding-bottom:12px;min-height:72px}
}
@media(min-width:1024px) and (max-height:850px){
 .comabat-home .comabat-opening .comabat-hero .hero-content{padding-top:8px;padding-bottom:8px}
 .comabat-home .home-eyebrow{font-size:12px;margin-bottom:12px}
 .comabat-home .comabat-opening .comabat-hero h1{font-size:clamp(32px,min(4.5vw,7vh),60px);margin-bottom:12px}
 .comabat-home .comabat-opening .comabat-intro{font-size:22px;line-height:1.28}
 .comabat-home .comabat-opening .comabat-location{font-size:14px;margin-top:12px}
 .comabat-home .comabat-opening #accompagnements{padding-top:8px;padding-bottom:12px}
 .comabat-home .comabat-opening #accompagnements h2{margin-bottom:12px}
 .comabat-home .comabat-opening .comabat-card{padding-top:16px;padding-bottom:16px;min-height:clamp(180px,28vh,240px)}
 .comabat-home .home-card-category{margin-bottom:10px}
 .comabat-home .comabat-opening .client-thought{margin-bottom:12px}
}
@media(min-width:1024px) and (max-height:650px){
 .comabat-home .home-eyebrow{font-size:10px;margin-bottom:8px}
 .comabat-home .comabat-opening .comabat-hero h1{font-size:clamp(30px,6.3vh,41px);margin-bottom:9px}
 .comabat-home .comabat-opening .comabat-intro{font-size:18px;line-height:1.25}
 .comabat-home .comabat-opening .comabat-location{font-size:12px;margin-top:10px}
 .comabat-home .comabat-opening #accompagnements{padding-top:6px}
 .comabat-home .comabat-opening #accompagnements h2{margin-bottom:10px}
 .comabat-home .comabat-opening .comabat-card{min-height:180px;padding:14px 18px}
 .comabat-home .home-card-category{margin-bottom:8px}
 .comabat-home .comabat-opening .client-thought{margin-bottom:10px}
}
@media(min-width:1024px) and (max-height:600px){
 .comabat-home .comabat-opening .comabat-hero .hero-content{padding-top:4px;padding-bottom:4px}
 .comabat-home .home-eyebrow{font-size:9px;letter-spacing:.08em}
 .comabat-home .home-eyebrow:after{content:' · Pertuis · Luberon · Pays d’Aix';color:#526779;text-transform:none;letter-spacing:0}
 .comabat-home .comabat-opening .comabat-location{display:none}
 .comabat-home .comabat-opening .comabat-hero h1{font-size:clamp(28px,5.7vh,34px)}
 .comabat-home .comabat-opening .comabat-intro{font-size:17px}
 .comabat-home .comabat-contact-row a,.comabat-home .comabat-contact-row a:last-child{min-height:60px;padding-top:8px;padding-bottom:8px}
 .comabat-home .home-phone-icon{width:34px;height:34px}
}
@media(max-width:760px){
 .comabat-home .comabat-opening:before{background-image:linear-gradient(90deg,rgba(255,253,250,.97) 5%,rgba(255,253,250,.86) 55%,rgba(255,253,250,.5)),url('maison-provencale.webp');background-size:cover;background-position:65% center}
 .comabat-home header .nav{gap:8px}
 .comabat-home .comabat-brand{font-size:34px}
 .comabat-home header .languages{gap:1px;font-size:10px}
 .comabat-home header .languages button{min-width:20px;padding-left:0;padding-right:0}
 .comabat-home header .nav .menu{font-size:11px;padding:7px 8px}
 .comabat-home .comabat-opening .comabat-intro br{display:none}
 .comabat-home .comabat-opening .comabat-intro br:after{content:' '}
 .comabat-home .home-profession-art{object-fit:cover;object-position:center bottom}
}
@media(max-width:350px){
 .comabat-home header .nav{padding-left:12px;padding-right:12px;gap:6px}
 .comabat-home .comabat-brand{font-size:30px}
 .comabat-home .comabat-opening .client-thought{max-width:68%;font-size:15px}
 .comabat-home .home-profession-art{width:35%;opacity:.8}
 .comabat-home .comabat-card:nth-child(2) .home-profession-art{width:37%}
 .comabat-home .comabat-opening .comabat-card>.text-link{font-size:13px}
}
@media(min-width:1024px) and (min-height:851px){
 .comabat-home .comabat-opening .comabat-hero .hero-content{padding-top:clamp(14px,2vh,24px);padding-bottom:clamp(14px,2vh,24px)}
 .comabat-home .home-eyebrow{margin-bottom:20px}
 .comabat-home .comabat-opening .comabat-hero h1{margin-bottom:20px}
 .comabat-home .comabat-opening .comabat-location{margin-top:24px}
}
@media(max-width:760px){
 .comabat-home .comabat-opening .client-thought{max-width:62%}
 .comabat-home .home-profession-art{object-fit:contain;bottom:48px;width:40%;height:60%;right:-2%}
 .comabat-home .comabat-card:nth-child(2) .home-profession-art{width:42%;right:-2%}
}
@media(max-width:350px){.comabat-home .comabat-opening .client-thought{max-width:62%}.comabat-home .home-profession-art{width:36%;bottom:50px}.comabat-home .comabat-card:nth-child(2) .home-profession-art{width:38%}}
/* Separate the photograph from its overlays: the fade spans the entire hero. */
.comabat-home .comabat-opening:before{left:24%;right:0;top:0;height:78%;z-index:-2;background-image:url('maison-provencale.webp');background-size:cover;background-position:center top;background-repeat:no-repeat;mask-image:none;opacity:1}
.comabat-home .comabat-opening:after{content:"";position:absolute;inset:0 0 auto;height:78%;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#fffdfa 0%,rgba(255,253,250,0) 30%),linear-gradient(90deg,#fffdfa 0%,#fffdfa 28%,rgba(255,253,250,.96) 36%,rgba(255,253,250,.76) 44%,rgba(255,253,250,.22) 59%,rgba(255,253,250,0) 73%)}
@media(min-width:761px){
 .comabat-home .home-profession-art{object-fit:contain;object-position:center bottom;right:0;bottom:10px;width:47%;height:calc(100% - 20px)}
 .comabat-home .comabat-card:nth-child(2) .home-profession-art{width:49%;right:0}
}
@media(max-width:760px){
 .comabat-home .comabat-opening:before{left:0;height:480px;background-position:65% top}
 .comabat-home .comabat-opening:after{height:480px;background:linear-gradient(0deg,#fffdfa 0%,rgba(255,253,250,0) 35%),linear-gradient(90deg,rgba(255,253,250,.97),rgba(255,253,250,.86) 55%,rgba(255,253,250,.5))}
}
/* Retain every original navigation entry at a readable size. */
.comabat-home header .nav #navigation{gap:2px clamp(8px,1vw,16px)}
@media(min-width:1024px) and (max-width:1499px){
 .comabat-home header .nav{padding-left:3.4vw;padding-right:3.4vw;gap:12px}
 .comabat-home header .nav #navigation{gap:2px 10px}
}
@media(min-width:1024px) and (max-width:1279px){.comabat-home header .nav #navigation{gap:0 8px}.comabat-home header .nav #navigation a{font-size:14px}}
/* A light professional-entry tab remains distinct over the dark olive foliage. */
.comabat-home .comabat-pro-entry{background:#fffdfa;color:#203d4b;border-color:#e2d9cf;box-shadow:0 4px 18px #10273540,0 0 0 1px #ffffffb3;font-weight:700}
.comabat-home .comabat-pro-entry svg{color:#f56308;stroke-width:2}
.comabat-home .comabat-pro-entry:hover{background:#fff0e3;color:#203d4b;border-color:#ff6600;box-shadow:0 5px 20px #10273540}
.comabat-home .comabat-pro-entry:focus-visible{outline:3px solid #ff6600;outline-offset:3px}
/* The horizontal contact bar becomes a compact side rail after scrolling. */
:root{--home-contact-reserve:72.667px}
.comabat-home.home-contact-side .comabat-contact-row{inset:50% 12px auto auto;transform:translateY(-10%);width:58px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;padding:0;gap:0;border:1px solid #e2d9cf;border-radius:14px;background:#fffdfa;box-shadow:0 5px 20px #10273533;overflow:hidden;animation:home-contact-rail-in .2s ease-out}
.comabat-home.home-contact-side .comabat-contact-row a{width:100%;min-height:58px;padding:10px 7px;gap:0;font-size:15px}
.comabat-home.home-contact-side .comabat-contact-row .home-phone-icon{width:36px;height:36px}
.comabat-home.home-contact-side .comabat-contact-row .home-phone-icon svg{width:20px;height:20px}
.comabat-home.home-contact-side .comabat-contact-row .home-phone-number{display:none}
.comabat-home.home-contact-side .comabat-contact-row a:last-child{writing-mode:vertical-rl;min-height:145px;padding:15px 12px;border-radius:0;gap:0;font-size:16px;line-height:1.3;color:#fff}
.comabat-home.home-contact-side .home-contact-arrow{display:none}
.comabat-home.home-contact-side .comabat-contact-row a:focus-visible{outline-offset:-4px}
@keyframes home-contact-rail-in{from{opacity:.4;translate:10px 0}to{opacity:1;translate:0 0}}
@media(min-width:1024px) and (max-height:600px){:root{--home-contact-reserve:60.667px}.comabat-home.home-contact-side .comabat-contact-row{inset:45% 10px auto auto;width:52px}.comabat-home.home-contact-side .comabat-contact-row a{min-height:50px}.comabat-home.home-contact-side .comabat-contact-row a:last-child{min-height:125px;font-size:15px}}
@media(max-width:760px){
 :root{--home-contact-reserve:60.667px}
 .comabat-home.home-contact-side .comabat-contact-row{right:10px;width:50px;top:50%;bottom:auto}
 .comabat-home.home-contact-side .comabat-contact-row a{min-height:50px;padding:8px 6px}
 .comabat-home.home-contact-side .comabat-contact-row a:last-child{min-height:125px;padding:12px 10px;font-size:14px}
 .comabat-home.home-contact-side .comabat-pro-entry{top:calc(var(--home-header-height,134px) + 12px);bottom:auto}
}
@media(max-width:760px) and (max-height:500px){.comabat-home.home-contact-side .comabat-contact-row{top:auto;bottom:12px;transform:none}.comabat-home.home-contact-side .comabat-contact-row a:last-child{min-height:100px}}
@media(prefers-reduced-motion:reduce){.comabat-home.home-contact-side .comabat-contact-row{animation:none}}
@media(max-width:760px) and (max-height:500px){.comabat-home.home-contact-side .comabat-pro-entry{left:12px;right:auto;top:calc(var(--home-header-height,134px) + 8px)}}