/* oml-home-v2 : feuille generee par outils/construire-assets.py, ne pas editer a la main. */
.oml-v2{--oml-encre:#1c1a17;--oml-ecru:#f4efe7;--oml-sable:#e6dccd;--oml-or:#a8853f;--oml-gris:#625d55;--oml-trait:rgba(28,26,23,.14);--oml-titre:"OML Barlow Condensed","Titre secours","Arial Narrow",sans-serif;--oml-affiche:"OML Cormorant Garamond","Affiche secours",Georgia,serif;--oml-texte:"OML DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--oml-annonce:36px}
.oml-v2 *{box-sizing:border-box}
.oml-v2{margin:0;overflow-x:clip;background:var(--oml-ecru);color:var(--oml-encre);font-family:var(--oml-texte);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
.oml-v2 img{display:block;width:100%;height:100%;object-fit:cover}
.oml-v2 picture{display:block;width:100%;height:100%}
.oml-v2 a{color:inherit;text-decoration:none}
.oml-v2 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
.oml-v2 :focus-visible{outline:2px solid var(--oml-or);outline-offset:3px}
.oml-v2 .bloc{position:relative;display:block;overflow:hidden;color:#fff;background:#2a2622}
.oml-v2 .bloc img{transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.oml-v2 .bloc:hover img{transform:scale(1.04)}
.oml-v2 .bloc::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,17,14,.3) 0%,rgba(20,17,14,0) 26%,rgba(20,17,14,0) 46%,rgba(20,17,14,.66) 100%);pointer-events:none}
.oml-v2 .legende{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:0 20px 46px;text-align:center}
.oml-v2 .surtitre{display:block;font-family:var(--oml-texte);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}
.oml-v2 .titre{font-family:var(--oml-titre);font-weight:600;text-transform:uppercase;letter-spacing:.03em;line-height:.95;margin:0}
.oml-v2 .bouton{display:inline-block;margin-top:20px;border:1px solid rgba(255,255,255,.85);padding:10px 15px;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}
.oml-v2 .bloc:hover .bouton,.oml-v2 .bouton:hover{background:#fff;color:var(--oml-encre)}
.oml-v2 .bouton.blanc{background:#fff;border-color:#fff;color:var(--oml-encre)}
.oml-v2 .bouton.blanc:hover{background:transparent;color:#fff}
.oml-v2 .bouton.sombre{border-color:var(--oml-encre)}
.oml-v2 .bouton.sombre:hover,.oml-v2 .bouton.plein{background:var(--oml-encre);border-color:var(--oml-encre);color:var(--oml-ecru)}
.oml-v2 .bouton.plein:hover{background:var(--oml-or);border-color:var(--oml-or);color:#fff}
.oml-v2 .hero{height:min(calc(100svh - 120px),900px);min-height:560px}
.oml-v2 .hero img{object-position:50% 22%}
.oml-v2 .hero .legende{padding-bottom:64px}
.oml-v2 .hero .titre{font-family:var(--oml-affiche);font-weight:300;font-size:clamp(46px,8.2vw,124px);letter-spacing:.05em;line-height:.92}
.oml-v2 .hero .surtitre{margin-bottom:16px;font-size:12px}
.oml-v2 .hero.court{height:min(74vh,720px);min-height:480px}
.oml-v2 .hero.court::after{background:linear-gradient(180deg,rgba(20,17,14,.5) 0%,rgba(20,17,14,.46) 45%,rgba(20,17,14,.68) 100%)}
.oml-v2 .hero.court img{object-position:70% 40%}
.oml-v2 .hero.court .titre{font-size:clamp(34px,5.2vw,76px);max-width:15em;margin:0 auto;line-height:1}
.oml-v2 .hero .accroche{max-width:560px;margin:18px auto 0;font-size:16px;text-shadow:0 1px 12px rgba(0,0,0,.35)}
.oml-v2 .trio{display:grid;grid-template-columns:repeat(3,1fr)}
.oml-v2 .trio .bloc{aspect-ratio:3/5}
.oml-v2 .trio .titre{font-size:clamp(28px,2.7vw,40px)}
.oml-v2 .trio.large .bloc{aspect-ratio:4/5}
.oml-v2 .bandeau{height:min(86vh,820px);min-height:480px}
.oml-v2 .bandeau .titre,.oml-v2 .duo .titre{font-size:clamp(44px,6.4vw,92px)}
.oml-v2 .duo{position:relative;display:grid;grid-template-columns:1fr 1fr;color:#fff}
.oml-v2 .duo .bloc{aspect-ratio:9/10}
.oml-v2 .duo .bloc::after{background:linear-gradient(180deg,rgba(20,17,14,.1) 40%,rgba(20,17,14,.62) 100%)}
.oml-v2 .duo > .legende{pointer-events:none}
.oml-v2 .duo > .legende .bouton{pointer-events:auto}
.oml-v2 .rangee{padding:64px 0 70px}
.oml-v2 .rangee header,.oml-v2 .section header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:0 44px;margin-bottom:26px}
.oml-v2 .rangee .titre,.oml-v2 .section .titre{font-size:clamp(32px,3.6vw,52px)}
.oml-v2 .lien{font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:3px;white-space:nowrap}
.oml-v2 .produits{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 8px)/4.4);gap:2px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 44px;scrollbar-width:thin}
.oml-v2 .produit{scroll-snap-align:start;display:block}
.oml-v2 .produit figure{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--oml-sable)}
.oml-v2 .produit img{transition:transform .9s cubic-bezier(.2,.6,.2,1)}
.oml-v2 .produit:hover img{transform:scale(1.05)}
.oml-v2 .produit h3{font-family:var(--oml-titre);font-weight:600;font-size:20px;text-transform:uppercase;letter-spacing:.03em;line-height:1.1;margin:14px 0 2px}
.oml-v2 .produit p{margin:0;color:var(--oml-gris);font-size:14px}
.oml-v2 .atelier{display:grid;grid-template-columns:1fr 1fr;background:var(--oml-encre);color:var(--oml-ecru)}
.oml-v2 .atelier figure{margin:0;min-height:520px}
.oml-v2 .atelier > div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:70px clamp(28px,6vw,96px)}
.oml-v2 .atelier .surtitre{color:#d1b274}
.oml-v2 .atelier .titre{font-size:clamp(38px,4.6vw,66px)}
.oml-v2 .atelier p{max-width:460px;margin:22px 0 0;color:rgba(244,239,231,.82)}
.oml-v2 .etapes{list-style:none;margin:28px 0 0;padding:0;counter-reset:e;width:100%;max-width:460px}
.oml-v2 .etapes li{counter-increment:e;display:flex;gap:16px;align-items:baseline;padding:12px 0;border-top:1px solid rgba(244,239,231,.16);font-size:14px}
.oml-v2 .etapes li::before{content:"0" counter(e);font-family:var(--oml-titre);font-weight:600;font-size:20px;color:#d1b274}
.oml-v2 .atelier .bouton{border-color:var(--oml-ecru);margin-top:30px}
.oml-v2 .atelier .bouton:hover{background:var(--oml-ecru);color:var(--oml-encre)}
.oml-v2 .atelier.clair{background:var(--oml-sable);color:var(--oml-encre)}
.oml-v2 .atelier.clair p{color:#3c3832}
.oml-v2 .atelier.clair .surtitre,.oml-v2 .atelier.clair .etapes li::before{color:var(--oml-or)}
.oml-v2 .atelier.clair .etapes li{border-color:var(--oml-trait)}
.oml-v2 .atelier.inverse figure{order:2}
.oml-v2 .propos{text-align:center;padding:70px 24px 60px;border-bottom:1px solid var(--oml-trait)}
.oml-v2 .propos h2{font-size:16px;font-weight:700;margin:0 0 12px}
.oml-v2 .propos .corps{max-width:680px;margin:0 auto;color:var(--oml-gris);max-height:4.7em;overflow:hidden;position:relative;transition:max-height .4s}
.oml-v2 .propos .corps::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2em;background:linear-gradient(rgba(244,239,231,0),var(--oml-ecru))}
.oml-v2 .propos.ouvert .corps{max-height:60em}
.oml-v2 .propos.ouvert .corps::after{display:none}
.oml-v2 .propos .corps a,.oml-v2 .texte a{text-decoration:underline;text-underline-offset:3px;color:var(--oml-encre)}
.oml-v2 .propos button{margin-top:18px;font-weight:500;border-bottom:1px solid currentColor}
.oml-v2 .reassurance{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:54px 44px;border-bottom:1px solid var(--oml-trait);text-align:center}
.oml-v2 .reassurance h3,.oml-v2 .reassurance p.h{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 auto 8px;color:var(--oml-encre)}
.oml-v2 .reassurance p{margin:0 auto;max-width:250px;font-size:13px;color:var(--oml-gris)}
.oml-v2 .reassurance a{text-decoration:underline}
.oml-v2 .section{padding:76px 0}
.oml-v2 .section + .section{border-top:1px solid var(--oml-trait)}
.oml-v2 .section header p{max-width:520px;margin:0;color:var(--oml-gris)}
.oml-v2 .texte{max-width:760px;margin:0 auto;padding:0 24px}
.oml-v2 .fil{padding:16px 44px;font-size:12px;color:var(--oml-gris);border-bottom:1px solid var(--oml-trait)}
.oml-v2 .fil a{text-decoration:underline}
.oml-v2 .entree{text-align:center;padding:74px 24px 70px}
.oml-v2 .entree h2{font-family:var(--oml-titre);font-weight:600;font-size:clamp(32px,3.6vw,52px);text-transform:uppercase;letter-spacing:.03em;line-height:1;margin:0 0 18px}
.oml-v2 .entree p{max-width:680px;margin:0 auto;color:#3c3832;font-size:16px}
.oml-v2 .atouts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--oml-trait);border-top:1px solid var(--oml-trait);border-bottom:1px solid var(--oml-trait)}
.oml-v2 .atouts div{background:var(--oml-ecru);padding:34px 28px}
.oml-v2 .atouts b{display:block;font-family:var(--oml-titre);font-weight:600;font-size:22px;text-transform:uppercase;letter-spacing:.03em;line-height:1.05;margin-bottom:8px}
.oml-v2 .atouts p{margin:0;font-size:13px;color:var(--oml-gris)}
.oml-v2 .fiche{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;border-top:1px solid var(--oml-trait)}
.oml-v2 .fiche figure{margin:0;min-height:440px;background:var(--oml-sable)}
.oml-v2 .fiche > div{padding:60px clamp(24px,5vw,80px);align-self:center}
.oml-v2 .fiche:nth-of-type(even) figure{order:2}
.oml-v2 .fiche h2{font-family:var(--oml-titre);font-weight:600;font-size:clamp(32px,3.4vw,48px);text-transform:uppercase;letter-spacing:.03em;line-height:1;margin:0 0 16px}
.oml-v2 .fiche h3{font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:22px 0 4px}
.oml-v2 .fiche p{margin:0 0 10px;color:#3c3832;max-width:520px}
.oml-v2 .fiche ul{margin:14px 0 0;padding:0;list-style:none;max-width:520px}
.oml-v2 .fiche li{padding:9px 0;border-top:1px solid var(--oml-trait);font-size:14px;display:flex;gap:14px}
.oml-v2 .fiche li b{flex:0 0 132px;font-weight:700}
.oml-v2 .segments{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--oml-trait);margin:0 44px;border:1px solid var(--oml-trait)}
.oml-v2 .segments div{background:var(--oml-ecru);padding:30px 26px}
.oml-v2 .segments h3{font-family:var(--oml-titre);font-weight:600;font-size:22px;text-transform:uppercase;letter-spacing:.03em;margin:0 0 6px}
.oml-v2 .segments p{margin:0;font-size:14px;color:var(--oml-gris)}
.oml-v2 .segments a{text-decoration:underline}
.oml-v2 .devis{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--oml-encre);color:var(--oml-ecru)}
.oml-v2 .devis > div{padding:70px clamp(24px,5vw,80px)}
.oml-v2 .devis .titre{font-size:clamp(38px,4.6vw,66px)}
.oml-v2 .devis .surtitre{color:#d1b274}
.oml-v2 .devis p{color:rgba(244,239,231,.82);max-width:420px}
.oml-v2 .devis .direct a{display:block;font-family:var(--oml-titre);font-weight:600;font-size:24px;letter-spacing:.03em;padding:14px 0;border-top:1px solid rgba(244,239,231,.16)}
.oml-v2 .devis .direct a:hover{color:#d1b274}
.oml-v2 .devis .direct small{display:block;font-family:var(--oml-texte);font-weight:400;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,239,231,.6)}
.oml-v2 .formulaire{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;background:#24211d}
.oml-v2 .formulaire label,.oml-v2 .formulaire fieldset{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,239,231,.7);border:0;padding:0;margin:0;min-width:0}
.oml-v2 .formulaire .tout{grid-column:1/-1}
.oml-v2 .formulaire input[type=text],.oml-v2 .formulaire input[type=tel],.oml-v2 .formulaire input[type=email],.oml-v2 .formulaire select,.oml-v2 .formulaire textarea{display:block;width:100%;margin-top:7px;padding:12px 12px;font:400 15px var(--oml-texte);letter-spacing:0;text-transform:none;color:var(--oml-ecru);background:transparent;border:1px solid rgba(244,239,231,.3);border-radius:0}
.oml-v2 .formulaire select option{color:var(--oml-encre)}
.oml-v2 .formulaire textarea{min-height:92px;resize:vertical}
.oml-v2 .formulaire input:focus,.oml-v2 .formulaire select:focus,.oml-v2 .formulaire textarea:focus{outline:0;border-color:#d1b274}
.oml-v2 .formulaire legend{padding:0;margin-bottom:8px}
.oml-v2 .formulaire .erreur{display:block;margin-top:6px;font-weight:500;letter-spacing:0;text-transform:none;font-size:13px;color:#f0b48a}
.oml-v2 .formulaire .erreur[hidden]{display:none}
.oml-v2 .formulaire [aria-invalid=true]{border-color:#f0b48a}
.oml-v2 .cases{display:flex;flex-wrap:wrap;gap:8px}
.oml-v2 .cases label{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(244,239,231,.3);padding:9px 12px;cursor:pointer;color:var(--oml-ecru);font-weight:500;letter-spacing:.04em}
.oml-v2 .cases input{accent-color:#d1b274;margin:0}
.oml-v2 .formulaire .actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.oml-v2 .formulaire .bouton{margin:0;border-color:var(--oml-ecru);cursor:pointer}
.oml-v2 .formulaire .bouton.or{background:#d1b274;border-color:#d1b274;color:var(--oml-encre)}
.oml-v2 .formulaire .bouton:hover{background:var(--oml-ecru);border-color:var(--oml-ecru);color:var(--oml-encre)}
.oml-v2 .formulaire .note{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:rgba(244,239,231,.6);margin:0}
.oml-v2 .faq{max-width:820px;margin:0 auto;padding:0 24px;text-align:left}
.oml-v2 .faq details{border-top:1px solid var(--oml-trait)}
.oml-v2 .faq details:last-child{border-bottom:1px solid var(--oml-trait)}
.oml-v2 .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-weight:700;font-size:16px}
.oml-v2 .faq summary::-webkit-details-marker{display:none}
.oml-v2 .faq summary::after{content:"+";font-family:var(--oml-titre);font-size:26px;line-height:.8;color:var(--oml-or)}
.oml-v2 .faq details[open] summary::after{content:"\2212"}
.oml-v2 .faq details p{margin:0 0 22px;color:#3c3832;max-width:680px}
.oml-v2 .faq a{text-decoration:underline}
.oml-v2 .centre{text-align:center}
.oml-v2 .centre header{justify-content:center}
.oml-v2 .apparait{opacity:0;transform:translateY(18px);transition:opacity .8s,transform .8s}
.oml-v2 .apparait.vu{opacity:1;transform:none}
@media (max-width:900px){.oml-v2{--oml-annonce:34px}}
@media (max-width:900px){.oml-v2 .hero{height:min(calc(100svh - 90px),760px);min-height:500px}}
@media (max-width:900px){.oml-v2 .hero .titre{font-size:clamp(34px,11vw,60px);letter-spacing:.03em}}
@media (max-width:900px){.oml-v2 .hero .legende{padding-bottom:52px}}
@media (max-width:900px){.oml-v2 .hero.court{height:76svh;max-height:640px}}
@media (max-width:900px){.oml-v2 .hero.court .titre{font-size:clamp(30px,8.4vw,44px)}}
@media (max-width:900px){.oml-v2 .hero .accroche{font-size:15px}}
@media (max-width:900px){.oml-v2 .trio,.oml-v2 .duo,.oml-v2 .atelier,.oml-v2 .fiche,.oml-v2 .devis{grid-template-columns:1fr}}
@media (max-width:900px){.oml-v2 .trio .bloc,.oml-v2 .trio.large .bloc{aspect-ratio:4/5}}
@media (max-width:900px){.oml-v2 .trio .titre{font-size:34px}}
@media (max-width:900px){.oml-v2 .bandeau{height:78svh;max-height:640px}}
@media (max-width:900px){.oml-v2 .duo .bloc{aspect-ratio:1/1}}
@media (max-width:900px){.oml-v2 .rangee{padding:48px 0 54px}}
@media (max-width:900px){.oml-v2 .rangee header,.oml-v2 .section header{padding:0 20px;flex-direction:column;align-items:flex-start;gap:12px}}
@media (max-width:900px){.oml-v2 .centre header{align-items:center}}
@media (max-width:900px){.oml-v2 .produits{padding:0 20px;grid-auto-columns:68%}}
@media (max-width:900px){.oml-v2 .atelier figure{min-height:0;aspect-ratio:4/5}}
@media (max-width:900px){.oml-v2 .atelier > div{padding:50px 24px 60px}}
@media (max-width:900px){.oml-v2 .atelier.inverse figure{order:0}}
@media (max-width:900px){.oml-v2 .reassurance{grid-template-columns:1fr 1fr;padding:44px 20px;gap:34px 18px}}
@media (max-width:900px){.oml-v2 .section{padding:54px 0}}
@media (max-width:900px){.oml-v2 .fil{padding:14px 20px}}
@media (max-width:900px){.oml-v2 .entree{padding:52px 22px}}
@media (max-width:900px){.oml-v2 .atouts{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.oml-v2 .atouts div{padding:26px 20px}}
@media (max-width:900px){.oml-v2 .fiche figure{min-height:0;aspect-ratio:4/3}}
@media (max-width:900px){.oml-v2 .fiche:nth-of-type(even) figure{order:0}}
@media (max-width:900px){.oml-v2 .fiche > div{padding:40px 22px 48px}}
@media (max-width:900px){.oml-v2 .segments{grid-template-columns:1fr;margin:0 20px}}
@media (max-width:900px){.oml-v2 .devis > div{padding:48px 22px}}
@media (max-width:900px){.oml-v2 .formulaire{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.oml-v2 *{transition:none!important;scroll-behavior:auto!important}}
@media (prefers-reduced-motion:reduce){.oml-v2 .apparait{opacity:1;transform:none}}
.oml-v2-annonce{height:36px;display:flex;align-items:center;justify-content:center;background:#f4efe7;color:#1c1a17;font:400 13px/1 "OML DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;padding:0 16px;white-space:nowrap;overflow:hidden;border-bottom:1px solid rgba(28,26,23,.14)}
.oml-v2-annonce b{font-weight:700}
.oml-v2-annonce span{margin:0 .45em;opacity:.45}
.oml-v2-annonce a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.oml-v2 .evenement{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 30px;padding:28px 44px;background:var(--oml-sable);border-bottom:1px solid var(--oml-trait)}
.oml-v2 .evenement p{margin:0;max-width:640px;font-size:14px;color:#3c3832}
.oml-v2 .evenement b{display:block;font-family:var(--oml-titre);font-weight:600;font-size:22px;text-transform:uppercase;letter-spacing:.03em;line-height:1.05;margin-bottom:4px}
.oml-v2 .formulaire-zone{background:#24211d}
@media (max-width:900px){.oml-v2-annonce{font-size:12px}}
@media (max-width:900px){.oml-v2-annonce .long{display:none}}
@media (max-width:900px){.oml-v2 .evenement{padding:24px 20px}}