:root{--ink:#382318;--green:#526f27;--cream:#f6f1e8;--line:#e1d9cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #b67b39;outline-offset:4px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0 0 20px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(58px,7.5vw,112px)}h2{font-size:clamp(36px,4.4vw,66px)}h3{font-size:20px}.top{text-align:center;background:var(--green);color:white;font-size:10px;letter-spacing:.2em;padding:9px}.top span{margin:0 10px}header{display:flex;align-items:center;justify-content:space-between;padding:18px 5%;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:.18em;font-weight:500}.brand img{width:44px;height:44px;object-fit:contain}nav{display:flex;gap:24px;font-size:13px}nav a:hover,.quiet:hover{text-decoration:underline}.btn{display:inline-block;background:var(--green);color:white;padding:15px 24px;font-size:14px;font-weight:600;border-radius:2px}.btn:hover{background:#354a19}.small{padding:10px 16px;white-space:nowrap}.hero{display:grid;grid-template-columns:44% 56%;background:var(--cream);min-height:610px}.hero-copy{padding:clamp(36px,7vw,100px) 9% 60px 12%;align-self:center}.hero img{height:100%;max-height:740px;object-position:center}.hero p{max-width:400px;font-size:18px}.eyebrow{display:block;font-size:11px;letter-spacing:.22em;font-weight:700;color:var(--green);margin-bottom:22px}.quiet{display:block;font-size:13px;margin-top:18px}.strip{display:flex;justify-content:space-evenly;gap:12px;padding:22px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.04em}.intro,.faq,.contact{text-align:center;padding:90px 24px;max-width:850px;margin:auto}.intro p,.contact p{max-width:650px;margin:24px auto}.split{display:grid;grid-template-columns:1fr 1fr;max-width:1440px;margin:0 auto 70px;align-items:center;gap:0}.split>img{aspect-ratio:1.1;object-fit:cover}.copy{padding:7% 12%}.reverse img{order:2}.reverse{background:var(--cream)}.sizes{margin:25px 0}.sizes div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.muted{font-size:12px;color:#746354}.features{max-width:1250px;margin:90px auto;padding:0 5%;text-align:center}.features>img{aspect-ratio:2.8;object-fit:cover;margin:30px 0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;text-align:left}.three article{border-top:1px solid var(--line);padding-top:22px}.gift{background:var(--cream)}.gift>img{object-fit:contain;aspect-ratio:1}.faq details{text-align:left;border-bottom:1px solid var(--line);padding:19px 0}.faq summary{cursor:pointer;font-weight:600}.faq details p{margin:15px 0 0}.contact{max-width:none;background:var(--cream)}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding:32px 5%;font-size:12px}footer a:hover{text-decoration:underline}@media(max-width:850px){header{flex-wrap:wrap;gap:12px}nav{order:3;width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}.hero,.split{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 7%}.hero img{max-height:550px;aspect-ratio:1.2}.reverse img{order:0}.split{margin-bottom:30px}.copy{padding:35px 7%}.intro,.faq,.contact{padding:55px 7%}.three{grid-template-columns:1fr;gap:8px}.strip{font-size:11px;text-align:center}.features{margin:55px auto}.features>img{aspect-ratio:1.8}.brand{font-size:19px}.brand img{width:34px;height:34px}.small{font-size:12px}}

.brand .emblem{width:42px;height:42px}.brand .wordmark{width:136px;height:auto;object-fit:contain}.brand{flex-shrink:0}.hero h1{font-size:clamp(48px,5.8vw,88px)}.community{text-align:center;padding:65px 24px;background:#fff}.social-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px}.social-links a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--line);border-radius:3px;font-size:14px}.social-links a:hover{background:var(--cream)}.social-links svg{width:20px;height:20px}footer .social-links{margin:0;gap:8px}footer .social-links a{padding:7px;border:0}footer .social-links span{display:none}@media(max-width:850px){.brand .emblem{width:32px;height:32px}.brand .wordmark{width:105px}.hero h1{font-size:clamp(44px,10vw,72px)}}

/* V6 — finitions et accessibilité */
html{overflow-wrap:break-word}body{font-size:16px}h1,h2{ text-wrap:balance}p{text-wrap:pretty}.intro h2{max-width:760px;margin-inline:auto}.intro p{max-width:610px;line-height:1.8}.hero,.split{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}.split{grid-template-columns:repeat(2,minmax(0,1fr))}.hero>img{min-width:0;min-height:0}.split>img,.features>img{height:auto}.hero-copy,.copy{min-width:0}.sizes span{text-align:right;white-space:nowrap}.btn{max-width:100%;text-align:center}.secondary{background:transparent;color:var(--green);border:1px solid var(--green);margin:8px}.secondary:hover{background:#e7eadf}.contact .btn{margin:8px}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:12px}.community p{max-width:560px;margin-inline:auto}footer{border-top:1px solid var(--line)}footer .social-links a{min-width:44px;min-height:44px;justify-content:center}.faq summary{padding-right:8px}.faq details[open] summary{color:var(--green)}.legal h1{font-size:clamp(38px,6vw,65px)}.legal h2{font-size:clamp(25px,3vw,36px)}.legal a:not(.brand){text-decoration:underline}.legal{overflow-wrap:anywhere}@media(max-width:850px){.hero,.split{grid-template-columns:minmax(0,1fr)}.hero>img{height:auto}.intro h2{font-size:clamp(35px,7vw,56px)}.strip{flex-wrap:wrap}.strip span{flex:1 1 90px}footer{justify-content:center;text-align:center;gap:16px}footer .brand{flex-basis:100%;justify-content:center}nav a{padding:7px 0}.top{letter-spacing:.12em}}@media(max-width:390px){header{padding:14px 4%}.brand .wordmark{width:92px}.brand{gap:6px}.small{padding:10px}.hero h1{font-size:42px}.sizes div{font-size:14px}.contact .btn{margin:6px 0}.top{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* V7 — ergonomie mobile */
@media(max-width:850px){header{padding:12px 5%;gap:8px}nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center;border-top:1px solid var(--line);padding-top:4px;font-size:12px}nav a{display:flex;align-items:center;justify-content:center;min-height:44px;line-height:1.3}.hero-copy{padding:36px 7% 30px}.hero h1{font-size:clamp(38px,9.5vw,65px)}.hero p{font-size:16px}.hero>img{aspect-ratio:auto;max-height:none;object-fit:contain}.split>img{aspect-ratio:auto;object-fit:contain}.features>img{aspect-ratio:auto;object-fit:contain}.strip{gap:8px;padding:16px 10px}.community{padding:45px 7%}.social-links a{min-height:44px}.faq summary{min-height:44px;display:list-item}.sizes span{white-space:normal}.contact .btn{display:block;margin:10px auto;max-width:340px}.eyebrow{margin-bottom:15px}footer{font-size:13px}footer>a:not(.brand){padding:10px 4px}}
@media(max-width:360px){nav{font-size:11px}.brand .wordmark{width:84px}.small{font-size:11px;padding:10px 8px}.hero h1{font-size:38px}.sizes div{gap:8px}.top{letter-spacing:.08em}}