:root{--green:#083e2b;--green-2:#0f5a3f;--gold:#d9ad56;--cream:#fbf8ef;--ink:#17211c;--white:#fff;--line:rgba(8,62,43,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit}.topbar{height:86px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:rgba(251,248,239,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:.08em}.brand-mark{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--gold);font:700 22px "Playfair Display",serif}.brand strong,.brand small{display:block}.brand strong{font-size:13px}.brand small{font-size:10px;color:var(--green-2)}nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-size:14px;font-weight:600}.nav-order{border:1px solid var(--green);padding:10px 18px;border-radius:999px}.menu-toggle{display:none;background:none;border:1px solid var(--green);border-radius:999px;padding:9px 15px;font:600 14px inherit;color:var(--green)}.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.03fr .97fr;background:var(--green);color:var(--white)}.hero-content{padding:clamp(70px,10vw,140px) clamp(26px,7vw,110px)}.eyebrow{color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.18em;margin:0 0 20px}.hero h1,.story h2,.ritual h2,.product h2,.order h2{font-family:"Playfair Display",serif;line-height:1.08;margin:0}.hero h1{font-size:clamp(48px,6.5vw,92px);letter-spacing:-.035em}.hero h1 em{color:var(--gold);font-weight:600}.intro{font-size:clamp(17px,1.5vw,21px);max-width:630px;color:rgba(255,255,255,.78);margin:32px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:999px;padding:14px 24px;font-weight:700;min-height:52px}.primary{background:var(--gold);color:var(--green)}.secondary{border:1px solid rgba(255,255,255,.4)}.quick-facts{display:flex;flex-wrap:wrap;gap:26px;margin-top:54px;padding-top:26px;border-top:1px solid rgba(255,255,255,.18);font-size:14px;color:rgba(255,255,255,.7)}.quick-facts strong{color:white}.hero-visual{min-height:560px;background:linear-gradient(135deg,#174c39,#06281d);padding:34px;display:flex}.photo-placeholder{width:100%;border:1px solid rgba(217,173,86,.36);display:grid;place-items:center;background:radial-gradient(circle at 60% 35%,rgba(217,173,86,.26),transparent 35%),linear-gradient(145deg,rgba(255,255,255,.05),rgba(0,0,0,.15));color:rgba(255,255,255,.55);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.story,.ritual,.product,.order{padding:clamp(70px,9vw,130px) clamp(24px,8vw,120px)}.story{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#fff}.story h2,.ritual h2,.product h2,.order h2{font-size:clamp(38px,5vw,66px);color:var(--green)}.story-copy{font-size:19px;max-width:650px}.ritual{text-align:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px;text-align:left}.steps article{background:#fff;padding:34px;border-top:3px solid var(--gold)}.steps span{font:700 14px "Playfair Display",serif;color:var(--gold)}.steps h3{font:700 29px "Playfair Display",serif;color:var(--green);margin:15px 0 8px}.steps p{margin:0;color:#536059}.product{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(50px,8vw,120px);background:#e8eee8}.packshot{min-height:500px;display:grid;place-items:center;background:var(--green);border-radius:2px;box-shadow:0 30px 60px rgba(8,62,43,.2)}.packshot-inner{width:220px;height:320px;background:linear-gradient(155deg,#f7f0d8,#fff);border:4px double var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--green);box-shadow:0 25px 45px rgba(0,0,0,.28)}.packshot-inner strong{font:700 28px "Playfair Display",serif;line-height:1.1}.packshot-inner em{color:#a47723;margin:12px}.packshot-inner span{font-size:12px}.packshot-inner .small-label{font-size:8px;color:#9b8b68;margin-bottom:18px}.product-copy>p:not(.eyebrow){font-size:18px}.product dl{margin-top:36px}.product dl div{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid rgba(8,62,43,.2)}dt{color:#5c6961}dd{margin:0;font-weight:700;color:var(--green)}.order{background:var(--gold);display:flex;justify-content:space-between;align-items:center;gap:40px}.order .eyebrow{color:var(--green)}.order p{max-width:650px;font-size:18px}.light{background:var(--green);color:#fff;white-space:nowrap}footer{padding:46px clamp(24px,8vw,120px);background:#061f17;color:#fff;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px}.footer-brand .brand-mark{background:transparent}.copyright{color:rgba(255,255,255,.55);font-size:13px}@media(max-width:850px){.topbar{height:74px}.menu-toggle{display:block}nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--cream);padding:20px 24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.nav-order{text-align:center}.hero{grid-template-columns:1fr}.hero-content{padding-top:70px}.hero-visual{min-height:360px}.story,.product{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:1fr}.order{align-items:flex-start;flex-direction:column}.packshot{min-height:430px}footer{grid-template-columns:1fr;gap:12px}.quick-facts{gap:14px 24px}}
@media(max-width:520px){.brand strong{font-size:11px}.brand-mark{width:37px;height:37px}.hero h1{font-size:47px}.hero-actions .button{width:100%}.story-copy{font-size:17px}.order .button{width:100%;white-space:normal;text-align:center}}
.hero-visual{padding:0;background-image:linear-gradient(90deg,rgba(8,62,43,.35),transparent 35%),url('hero-hataya.png');background-size:cover;background-position:center}
.product-photo{margin:0;min-height:500px;display:grid;place-items:center;background:#fff;box-shadow:0 30px 60px rgba(8,62,43,.14);overflow:hidden}.product-photo img{width:100%;height:100%;max-height:620px;object-fit:contain}.gallery{padding:clamp(70px,9vw,130px) clamp(24px,8vw,120px);background:#fff}.gallery-heading{max-width:780px;margin-bottom:46px}.gallery-heading h2{font:700 clamp(38px,5vw,66px)/1.08 "Playfair Display",serif;color:var(--green);margin:0}.gallery-heading>p:last-child{font-size:18px}.gallery-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:22px;align-items:stretch}.gallery-grid figure{margin:0;background:var(--cream);display:flex;flex-direction:column;overflow:hidden}.gallery-grid img{width:100%;height:430px;object-fit:cover}.gallery-grid .gallery-pack img{object-fit:contain;padding:20px}.gallery-grid figcaption{padding:18px 20px;font-weight:700;color:var(--green)}.gallery-grid small{display:block;font-weight:400;color:#6c766f;margin-top:4px}
@media(max-width:850px){.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:auto;max-height:620px}.product-photo{min-height:420px}}

/* Menu complet et nouvelles rubriques */
.menu-toggle{display:block;cursor:pointer;padding:9px 18px}
nav{display:none;position:absolute;top:86px;right:clamp(22px,5vw,76px);width:min(680px,calc(100vw - 44px));background:#fff;padding:26px;grid-template-columns:repeat(2,1fr);gap:8px;box-shadow:0 24px 60px rgba(6,31,23,.18);border:1px solid var(--line)}
nav.open{display:grid}
nav a{padding:11px 13px;border-radius:8px}
nav a:hover,nav a:focus-visible{background:var(--cream);color:var(--green)}
.nav-order{background:var(--green);color:#fff}
.story,.ritual,.product,.order,.wellbeing,.production,.commitment,.contact{scroll-margin-top:84px}
.wellbeing,.production,.commitment,.contact{padding:clamp(70px,9vw,130px) clamp(24px,8vw,120px)}
.wellbeing h2,.production h2,.commitment h2,.contact h2{font:700 clamp(38px,5vw,66px)/1.08 "Playfair Display",serif;color:var(--green);margin:0}
.wellbeing{background:#fff}
.section-heading{max-width:820px}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.benefit-grid article{padding:30px;border:1px solid var(--line);background:var(--cream)}
.benefit-grid span{color:var(--gold);font-weight:700}
.benefit-grid h3{font:700 28px "Playfair Display",serif;color:var(--green);margin:12px 0 8px}
.benefit-grid p{margin:0}
.health-note{font-size:14px;color:#657068;margin:28px 0 0}
.production{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);align-items:center;background:#e8eee8}
.production-copy>p:not(.eyebrow){font-size:18px}
.production ul{padding-left:20px}
.production figure{margin:0;background:#fff}
.production img{display:block;width:100%;height:520px;object-fit:cover}
.production figcaption{padding:12px 16px;color:#69736d;font-size:13px}
.commitment{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--green);color:#fff}
.commitment h2{color:#fff}
.commitment>div:last-child{font-size:18px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#fff}
.contact p{font-size:18px}
.contact-links{display:grid;gap:14px;align-content:center}
.contact-links a{display:flex;flex-direction:column;text-decoration:none;padding:22px;border:1px solid var(--line);background:var(--cream)}
.contact-links span{font-size:14px;color:#667168}
.contact-links strong{font-size:18px;color:var(--green);overflow-wrap:anywhere}
@media(max-width:850px){nav{top:74px;left:18px;right:18px;width:auto;grid-template-columns:1fr;padding:16px;max-height:calc(100vh - 90px);overflow:auto}.benefit-grid,.production,.commitment,.contact{grid-template-columns:1fr}.production img{height:auto}.commitment{gap:34px}}
.impact-strip{padding:28px clamp(24px,8vw,120px);display:flex;align-items:center;justify-content:space-between;gap:34px;background:#fff;border-bottom:1px solid var(--line)}
.impact-strip div{display:flex;flex-direction:column;gap:4px}.impact-strip span{font-size:12px;font-weight:700;letter-spacing:.16em;color:#9b721f}.impact-strip strong{font-size:17px;color:var(--green)}
.impact-strip a{flex:none;text-decoration:none;font-weight:700;color:var(--green);border-bottom:2px solid var(--gold)}
.commitment-copy p:first-child{font-size:21px;font-weight:600}.cause-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.cause-actions span{padding:9px 13px;border:1px solid rgba(217,173,86,.5);color:#f1cd86;font-size:14px;font-weight:600}
@media(max-width:850px){.impact-strip{align-items:flex-start;flex-direction:column;gap:14px}.impact-strip strong{font-size:16px}}