/* Omont Couverture - feuille de style unique, polices système (aucune requête externe) */
:root{box-sizing:border-box;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);--head:"Helvetica Neue",Arial,sans-serif;--body:Georgia,"Times New Roman",serif;--bg:#f4f6f7;--surface:#fff;--ink:#16222b;--muted:#4f6070;--line:#d3dbe0;--slate:#1d2b36;--on:#eef2f4;--soft:#b9c6cf;--accent:#b8420f;--accent-ink:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#10181e;--surface:#17222a;--ink:#e8edf0;--muted:#9fb0bd;--line:#2a3944;--slate:#0b1217;--accent:#e2733c;--accent-ink:#10181e}}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}
*,::before,::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.65 var(--body)}
h1,h2,h3,.btn,nav,summary,.chips a{font-family:var(--head)}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{background:var(--slate);color:var(--on)}
header .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.logo{font:900 20px var(--head);text-decoration:none}
nav a{margin-right:18px;text-decoration:none;font-size:15px}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);padding:14px 24px;font-weight:800;text-decoration:none;border-radius:4px}
.btn.ghost{background:none;color:inherit;border:2px solid}
.hero{background:var(--slate);color:var(--on);padding-top:64px}
.hero h1{font:900 clamp(34px,7vw,72px)/1.04 var(--head);margin:0 0 20px;max-width:16ch;letter-spacing:-.02em}
.hero p{max-width:56ch;font-size:20px;color:var(--soft);margin:0 0 28px}
.hero .crumb{font-size:14px;margin:0 0 14px}
.cta{display:flex;gap:14px;flex-wrap:wrap;padding-bottom:56px}
.tiles{height:54px;background:radial-gradient(circle at 50% 100%,var(--accent) 0 17px,transparent 18px) 0 0/36px 27px repeat-x,radial-gradient(circle at 50% 100%,#8f3209 0 17px,transparent 18px) 18px 27px/36px 27px repeat-x var(--slate);border-bottom:6px solid var(--bg)}
section{padding:64px 0}
h2{font:800 clamp(26px,4vw,40px)/1.12 var(--head);margin:0 0 16px;letter-spacing:-.01em}
.lead{max-width:62ch;color:var(--muted);margin:0 0 32px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));border-top:2px solid var(--ink)}
.item{padding:22px 22px 24px 0;border-bottom:1px solid var(--line)}
.item h3{margin:0 0 6px;font-size:20px}
.item p{margin:0;color:var(--muted);font-size:17px}
.dark{background:var(--slate);color:var(--on)}
.dark .lead,.dark .steps p{color:var(--soft)}
.zones{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px}
.zones h3{font-size:18px;margin:0 0 8px;border-bottom:2px solid var(--accent);padding-bottom:6px}
.zones ul{list-style:none;margin:0;padding:0}
.zones li{padding:3px 0}
.zones a{text-decoration:none}
.zones a:hover{text-decoration:underline}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.steps div{border-left:4px solid var(--accent);padding-left:16px}
.steps h3{margin:0 0 4px;font-size:19px}
.steps h3::before{counter-increment:s;content:counter(s)". ";color:var(--accent)}
.steps p{margin:0;font-size:17px;color:var(--muted)}
details{border-bottom:1px solid var(--line);padding:16px 0}
summary{cursor:pointer;font-weight:800;font-size:19px}
details p{margin:10px 0 0;color:var(--muted);max-width:68ch}
.chips a{display:inline-block;margin:0 8px 8px 0;padding:6px 14px;border:2px solid var(--line);text-decoration:none;font-weight:500;font-size:16px}
.chips a:hover{border-color:var(--accent)}
.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:820px}
.form label{display:grid;gap:6px;font:600 15px var(--head)}
.form .full,.form .btn,.note,.ok{grid-column:1/-1}
.form input,.form select,.form textarea{font:inherit;padding:12px;border:2px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);width:100%}
.form .btn{border:0;cursor:pointer;font-size:18px;justify-self:start}
.form .btn:disabled{opacity:.6}
.note{margin:0;font-size:14px;color:var(--muted)}
.ok{margin:0;padding:12px 16px;border-left:4px solid var(--accent);font:600 17px var(--head)}
.item h3 a,.zones h3 a{text-decoration:none}
.zl{padding-left:20px;max-width:70ch}
.zl li{margin-bottom:12px}
main ul{padding-left:22px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0 0 24px}
.gal img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--line)}
.gal.ba{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.gal.ba img{aspect-ratio:auto;object-fit:contain}
.gal figure{margin:0}
.gal figcaption{font-size:15px;color:var(--muted);padding-top:4px}
footer{padding:36px 0;color:var(--muted);font-size:15px;border-top:1px solid var(--line)}
@media(max-width:560px){nav{display:none}.hero{padding-top:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}