/* Proposition mix : contenu public existant, premier écran indépendant. */
.mix-prototype{--mix-ink:#102f3d;--mix-orange:#ff6500;--mix-paper:#fbf9f4;--mix-stone:#eee7dc;background:var(--mix-paper);color:var(--mix-ink)}
.mix-prototype .mix-shell{width:min(1200px,calc(100% - 80px));margin-inline:auto;padding:0}
.mix-prototype .mix-header{position:sticky;top:0;z-index:30;background:#fbf9f4f5;backdrop-filter:blur(16px);border-bottom:1px solid #ddd7cc}
.mix-headrow{display:flex;align-items:center;justify-content:space-between;min-height:86px;gap:24px}
.mix-prototype .mix-logo{font-family:Inter,Arial,sans-serif;display:block;position:relative;color:#636363;font-size:51px;line-height:.95;font-weight:750;letter-spacing:-3.6px;text-decoration:none;width:244px;flex-shrink:0}
.mix-logo>span{color:var(--mix-orange)}
.mix-prototype .mix-logo small{display:block;position:static;font-size:11.9px;font-weight:450;line-height:1.5;letter-spacing:-.15px;white-space:nowrap;margin-top:6px;color:#636363}
.mix-access{display:flex;align-items:center;gap:12px}
.mix-prototype .mix-budget{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--mix-orange);color:white;min-height:44px;padding:0 18px;border-radius:5px;font-size:13px;font-weight:650;text-decoration:none;line-height:1.2}
.mix-budget small{font-size:9px;letter-spacing:.05em;text-align:center;line-height:1.2;border-left:1px solid #ffffff70;padding-left:13px}
.mix-prototype .mix-pro{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid #b6b7ad;border-radius:5px;color:var(--mix-ink);font-size:13px;text-decoration:none;background:#fffdfa}
.mix-pro svg{width:17px;height:19px;color:var(--mix-orange)}
.mix-language{display:flex;gap:9px;font-size:11px;font-weight:600;margin-left:9px;color:var(--mix-orange)}.mix-language i{font-style:normal;color:#aaa}.mix-language a{color:var(--mix-ink)}
.mix-prototype #mix-nav{display:block;position:static;background:none;padding:0;border-top:1px solid #e8e1d6;width:100%;font-size:14px}
.mix-prototype #mix-nav>.mix-shell{display:flex;align-items:center;justify-content:center;gap:38px;min-height:43px}
.mix-prototype #mix-nav a{position:relative;color:var(--mix-ink);font-size:14px;font-weight:550;text-decoration:none;padding:11px 0;white-space:nowrap}
#mix-nav a.active:after{content:'';position:absolute;bottom:5px;left:0;right:0;height:2px;background:var(--mix-orange)}
.mix-prototype #mix-nav a:hover{color:var(--mix-orange)}.mix-menu{display:none}
.mix-opening{background:var(--mix-paper)}
.mix-hero{height:318px;position:relative;isolation:isolate;overflow:hidden}
.mix-photo{position:absolute;inset:0 0 0 34%;z-index:-1}
.mix-photo img{height:100%;width:100%;object-fit:cover;object-position:65% 51%}
.mix-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--mix-paper) 0%,#fbf9f4ed 9%,#fbf9f4a6 25%,transparent 54%)}
.mix-hero-inner{height:100%;position:relative}
.mix-copy{height:100%;width:60%;padding:23px 0 0;position:relative}
.mix-prototype .mix-eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.17em;color:#c34b00;line-height:1.5;margin:0 0 12px}
.mix-prototype .mix-copy h1{color:var(--mix-ink);font-size:clamp(28px,2.5vw,38px);max-width:660px;line-height:1.13;letter-spacing:-.04em;font-weight:650;margin:0 0 14px}
.mix-prototype .mix-slogan{font-size:22px;line-height:1.25;letter-spacing:-.035em;color:var(--mix-ink);font-weight:500;margin:0}.mix-slogan br{display:none}.mix-slogan span{color:var(--mix-orange)}
.mix-buttons{display:flex;align-items:center;gap:10px;position:absolute;bottom:21px;left:0}
.mix-prototype .mix-cta{display:inline-flex;align-items:center;justify-content:center;gap:23px;min-height:44px;background:var(--mix-orange);border:0;border-radius:4px;color:white;padding:0 18px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}
.mix-cta span{font-size:20px}.mix-prototype .mix-phone{display:flex;align-items:center;gap:10px;border:1px solid #c6c8bf;border-radius:4px;padding:0 15px;min-height:44px;font-size:14px;font-weight:600;color:var(--mix-ink);text-decoration:none;background:#fbf9f4bc}
.mix-phone svg,.mix-cta svg{width:19px;height:19px;color:var(--mix-orange)}
.mix-message{position:absolute;right:0;bottom:12px;min-height:62px;width:340px;background:#143847;color:white;padding:11px 18px;border-radius:4px 0 0 4px;box-shadow:0 8px 24px #102f3d17}
.mix-message strong{display:block;font-size:14px;line-height:1.35;margin-bottom:3px}.mix-message span{display:block;font-size:12px;line-height:1.4;color:#f5f2eb}
.mix-prototype .mix-choices{padding-top:14px;padding-bottom:22px;scroll-margin-top:145px}
.mix-section-heading{margin-bottom:13px}.mix-section-heading .mix-eyebrow{margin-bottom:7px;font-size:9px;color:#84725d}
.mix-prototype .mix-section-heading h2{margin:0;padding:0 0 0 12px;border-left:3px solid var(--mix-orange);font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.035em;color:var(--mix-ink)}
.mix-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mix-prototype .mix-card{display:block;position:relative;isolation:isolate;min-height:190px;overflow:hidden;padding:18px 22px;border:1px solid #d5d4c9;border-radius:13px;background:#fffdfa;color:var(--mix-ink);text-decoration:none;transition:transform .22s,box-shadow .22s,border-color .22s}
.mix-prototype .mix-stone{background:var(--mix-stone)}
.mix-card-copy{position:relative;z-index:1;width:66%;min-height:153px;display:flex;flex-direction:column;align-items:flex-start}
.mix-prototype .mix-category{font-size:9px;line-height:1.4;letter-spacing:.055em;text-transform:uppercase;font-weight:650;color:#50616a;margin:0 0 9px;white-space:nowrap}
.mix-category b{font-size:15px;letter-spacing:-.04em;color:var(--mix-orange);margin-right:11px}
.mix-prototype .mix-card h3{font-size:26px;line-height:1.12;letter-spacing:-.04em;margin:0 0 8px;color:var(--mix-ink);font-weight:650}
.mix-prototype .mix-quote{font-size:16px;line-height:1.36;color:var(--mix-ink);font-weight:500;letter-spacing:-.02em;margin:0 0 12px}
.mix-discover{display:flex;align-items:center;gap:17px;margin-top:auto;font-weight:650;font-size:12px}.mix-discover b{color:var(--mix-orange);font-size:24px;font-weight:450}
.mix-card>img{position:absolute;right:-7%;bottom:5px;width:49%;height:calc(100% - 12px);object-fit:contain;object-position:right bottom;z-index:0;pointer-events:none}
.mix-card:nth-child(2)>img{right:-7%;width:50%}
.mix-card:hover,.mix-card:focus-visible{transform:translateY(-4px);border-color:var(--mix-orange);box-shadow:0 13px 30px #17344214;outline:none}
.mix-card:hover .mix-discover b{transform:translateX(4px)}
/* Keep the remainder grounded in existing content and photographs. */
.mix-prototype .section h2,.mix-prototype .steps h3,.mix-prototype .price-card h3,.mix-prototype .project-card h3{color:var(--mix-ink)}
.mix-prototype .projects{border-top:1px solid #e8e1d6;background:#fffdfa}
.mix-prototype .price-card{box-shadow:none}.mix-prototype .price-card h3{font-size:24px;line-height:1.2}.mix-prototype .price-card p{font-size:15px;line-height:1.7}
.mix-prototype #approche{margin-top:48px;background:#eee7dc;padding:45px 30px}.mix-prototype #qui-est-comabat h2{color:white}
.mix-prototype section#contact{background:#eee7dc}.mix-prototype footer{background:#153746}.mix-prototype footer *{color:#f6f0e8}
.mix-dialog{max-width:480px;width:calc(100% - 40px);padding:32px;border:1px solid #ddd4c7;border-radius:14px;background:#fbf9f4;color:#102f3d}.mix-dialog::backdrop{background:#102f3d80;backdrop-filter:blur(5px)}.mix-dialog h2{font-size:30px;line-height:1.2}.mix-dialog p{font-size:15px}.mix-close{float:right;background:none;border:0;font-size:25px;color:#102f3d;cursor:pointer}.mix-dismiss{display:block;border:0;background:none;text-decoration:underline;margin-top:20px;cursor:pointer;color:#102f3d}
a:focus-visible,button:focus-visible{outline:2px solid #ff6500;outline-offset:4px}
@media(min-width:1001px) and (max-height:760px){.mix-headrow{min-height:78px}.mix-hero{height:290px}.mix-copy{padding-top:19px}.mix-prototype .mix-copy h1{font-size:31px}.mix-prototype .mix-slogan{font-size:21px}.mix-choices{padding-bottom:18px}}
@media(max-width:1100px) and (min-width:761px){.mix-prototype .mix-shell{width:calc(100% - 48px)}.mix-prototype #mix-nav>.mix-shell{gap:24px}.mix-copy{width:63%}.mix-prototype .mix-copy h1{font-size:30px}.mix-prototype .mix-card h3{font-size:23px}.mix-card-copy{width:70%}.mix-prototype .mix-quote{font-size:15px}.mix-prototype .mix-category{font-size:8px}.mix-message{width:310px}}
@media(max-width:1000px){.mix-prototype .mix-shell{width:calc(100% - 36px)}.mix-headrow{flex-wrap:wrap;gap:14px;padding:15px 0!important}.mix-prototype .mix-logo{font-size:46px;width:228px}.mix-prototype .mix-logo small{font-size:11px}.mix-access{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.mix-prototype .mix-budget{font-size:10px;gap:9px;padding:0 10px;min-height:42px}.mix-budget small{font-size:7px;padding-left:7px}.mix-prototype .mix-pro{min-height:42px;font-size:11px;padding:0 10px}.mix-language{position:absolute;right:18px;top:25px}.mix-menu{display:block;border:1px solid #c6c8bf;background:none;border-radius:4px;width:38px;height:42px;color:#102f3d;font-size:19px}.mix-prototype #mix-nav{display:none}.mix-prototype #mix-nav.is-open{display:block}.mix-prototype #mix-nav>.mix-shell{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:10px 0}.mix-prototype #mix-nav a{font-size:14px}.mix-hero{height:auto;overflow:visible}.mix-hero-inner{display:flex;flex-direction:column;width:100%!important}.mix-copy{width:100%;padding:25px 18px 22px}.mix-prototype .mix-copy h1{font-size:30px;line-height:1.12;max-width:520px}.mix-prototype .mix-slogan{font-size:20px}.mix-slogan br{display:block}.mix-buttons{position:static;margin-top:20px;gap:8px}.mix-prototype .mix-cta{font-size:12px;gap:10px;padding:0 13px}.mix-prototype .mix-phone{font-size:12px;padding:0 10px;gap:7px}.mix-photo{inset:auto 0 0;height:226px}.mix-photo:after{background:linear-gradient(#fbf9f4,transparent 24%)}.mix-hero-inner:after{content:'';display:block;min-height:226px;order:2}.mix-message{bottom:10px;right:18px;width:min(320px,calc(100% - 36px));z-index:3;min-height:62px}.mix-prototype .mix-choices{padding-top:20px}.mix-cards{grid-template-columns:1fr;gap:13px}.mix-prototype .mix-section-heading h2{font-size:21px}.mix-prototype .mix-card{padding:18px;min-height:218px}.mix-card-copy{width:68%;min-height:180px}.mix-prototype .mix-card h3{font-size:24px}.mix-prototype .mix-category{font-size:8px;white-space:normal;max-width:180px}.mix-prototype .mix-quote{font-size:16px}.mix-card>img{width:50%;right:-10%}.mix-card:nth-child(2)>img{right:-11%;width:54%}.mix-prototype .section{padding-block:45px}.mix-prototype #approche{padding:30px 18px;margin-top:20px}.mix-prototype .price-card{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Logo : chute initiale et rebond au survol, sans modifier sa place. */
.mix-logo>span{display:inline-block;transform-origin:50% 100%}
@media(prefers-reduced-motion:no-preference){.mix-logo>span.mix-dot-enter{animation:comabat-dot-fall 1.35s both}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.mix-logo:hover>span:not(.mix-dot-enter){animation:comabat-dot-hop .85s ease-out}}
@keyframes comabat-dot-fall{0%{transform:translateY(-1.1em);opacity:0}12%{opacity:1}48%{transform:translateY(0);animation-timing-function:ease-out}65%{transform:translateY(-.45em)}80%{transform:translateY(0)}90%{transform:translateY(-.18em)}100%{transform:translateY(0);opacity:1}}
@keyframes comabat-dot-hop{0%,100%{transform:translateY(0)}30%{transform:translateY(-.65em)}58%{transform:translateY(0)}76%{transform:translateY(-.28em)}90%{transform:translateY(0)}}

/* Fill the available desktop viewport; allow natural scrolling when space is short. */
@media(min-width:1001px){
 .mix-prototype .mix-shell{width:min(1600px,calc(100% - clamp(48px,6vw,112px)))}
 .mix-opening{display:flex;flex-direction:column;min-height:calc(100svh - var(--mix-header-height,132px))}
 .mix-hero{flex:1 0 318px;min-height:318px}
 .mix-hero-inner{position:absolute;inset:0;height:100%}
 .mix-choices{flex:none}
 .mix-prototype .mix-card{min-height:clamp(200px,24svh,246px)}
 .mix-card-copy{min-height:calc(clamp(200px,24svh,246px) - 38px)}
 .mix-card>img,.mix-card:nth-child(2)>img{right:0;width:43%;bottom:10px;height:calc(100% - 20px)}
 .mix-prototype .mix-card h3{font-size:clamp(24px,1.9vw,30px)}
 .mix-prototype .mix-quote{font-size:clamp(16px,1.15vw,19px)}
}
@media(min-width:1001px) and (max-height:760px){.mix-hero{flex-basis:290px;min-height:290px}}
@media(max-width:1000px){.mix-opening{display:block;min-height:0}.mix-hero-inner{position:relative}.mix-card>img,.mix-card:nth-child(2)>img{right:-2%;width:44%}}

/* Signature alignée sur la largeur du logotype, accueil FR/EN. */
.comabat-home.mix-prototype .mix-logo{font-size:58px;width:max-content;padding-bottom:24px}
.comabat-home.mix-prototype .mix-logo small{position:absolute;left:0;bottom:0;width:100%;margin:0;text-align:justify;text-align-last:justify;white-space:normal}
html[lang=en] .comabat-home.mix-prototype .mix-logo small{font-size:9.5px}
@media(max-width:1000px){.comabat-home.mix-prototype .mix-logo{font-size:54px;width:max-content;padding-bottom:22px}.comabat-home.mix-prototype .mix-logo small{font-size:11px}html[lang=en] .comabat-home.mix-prototype .mix-logo small{font-size:8.7px}}