:root{--black:#050505;--cream:#f2ecd2;--paper:#faf8ed;--olive:#788a38;--olive-light:#96a75a;--ink:#151713;--muted:#5e6257;--line:#d7d1b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Aller","Arial",sans-serif;line-height:1.5}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.announcement{background:var(--olive);color:#fff;text-align:center;padding:8px 18px;font-size:10px;font-weight:800;letter-spacing:.18em}.site-header{height:80px;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;background:rgba(5,5,5,.96);border-bottom:1px solid #252525}.brand img{width:176px;height:auto}.site-header nav{display:flex;align-items:center;gap:25px;color:#f6f1dc;font-size:12px;font-weight:700;letter-spacing:.04em}.site-header nav a:hover{color:#a5b762}.buy-link{border:1px solid #9daf5d;border-radius:999px;padding:10px 18px}.menu-toggle{display:none;background:none;border:0;color:white;font-weight:800}.kicker{margin:0 0 18px;color:#a7b961;font-size:10px;font-weight:900;letter-spacing:.2em}.kicker.dark{color:var(--olive)}h1,h2,h3,p{margin-top:0}.hero{min-height:calc(100vh - 108px);display:grid;grid-template-columns:1fr 1fr;background:var(--black);overflow:hidden}.hero-product{position:relative;display:grid;place-items:end center;padding:55px 6vw 0;background:radial-gradient(circle at 54% 62%,#273218 0,transparent 37%),var(--black)}.hero-product:before{content:"";position:absolute;width:540px;height:540px;border:54px solid var(--olive);border-radius:50%;opacity:.9;left:-200px;top:-180px}.hero-pack{position:relative;z-index:2;width:min(690px,95%);align-self:end}.hero-seal{position:absolute;top:38px;right:35px;width:92px;z-index:3}.hero-copy{position:relative;padding:10vh 6vw;background:var(--cream);display:flex;flex-direction:column;justify-content:center}.hero-copy:before{content:"";position:absolute;left:-105px;top:0;height:100%;width:160px;background:var(--cream);border-radius:50% 0 0 50%}.hero h1{font-size:clamp(58px,6.9vw,108px);line-height:.89;letter-spacing:-.065em;margin-bottom:30px}.hero h1 span{color:var(--olive)}.intro{font-size:19px;max-width:620px;color:#363a32}.hero-actions{display:flex;align-items:center;gap:24px;margin:30px 0}.button{display:inline-flex;padding:14px 22px;border-radius:4px;font-size:11px;font-weight:900;letter-spacing:.1em}.button.olive{background:var(--olive);color:white}.text-link{font-size:11px;font-weight:900;letter-spacing:.08em}.claims{display:flex;gap:9px;flex-wrap:wrap}.claims span{border:1px solid #b8b195;border-radius:30px;padding:7px 11px;font-size:10px;font-weight:800}.split-cream{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;padding:110px 6vw;background:#fffdf5}.split-cream h2,.statement h2,.lifestyle h2,.section-head h2,.ritual h2,.quality h2,.origin h2,.community h2{font-size:clamp(42px,5.4vw,78px);line-height:1;letter-spacing:-.045em;margin-bottom:24px}.split-cream .copy>p:last-child{font-size:18px;color:var(--muted);max-width:650px}.round-image img{border-radius:32% 32% 8% 32%;max-height:650px;object-fit:cover}.statement{padding:110px 7vw;background:var(--black);color:#fff}.statement h2{color:var(--olive-light);font-size:clamp(50px,8vw,120px);margin-bottom:5px}.statement-lede{font-size:25px}.statement-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:50px;margin-top:65px;padding-top:30px;border-top:1px solid #3a3a31}.statement-grid p{color:#c9c9bb}.statement-grid strong{font-size:24px;color:#fff}.lifestyle{display:grid;grid-template-columns:1fr 1fr;background:var(--olive);color:#fff}.lifestyle-image{min-height:760px}.lifestyle-copy{padding:100px 6vw;display:flex;flex-direction:column;justify-content:center}.lifestyle-copy .kicker{color:#e5edc4}.lifestyle-copy>p:not(.kicker){font-size:19px;max-width:600px;color:#eff0df}.mini-features{display:grid;gap:12px;margin-top:28px}.mini-features span{padding:13px 0;border-top:1px solid rgba(255,255,255,.35);font-size:11px;font-weight:900;letter-spacing:.15em}.ingredients,.shop{padding:110px 6vw;background:var(--paper)}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:start;margin-bottom:65px}.section-head h2{max-width:900px}.ingredient-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}.ingredient-photo{width:100%}.ingredient-list article{display:grid;grid-template-columns:50px 1fr;gap:16px;padding:17px 0;border-top:1px solid var(--line)}.ingredient-list article b{color:var(--olive);font-size:12px}.ingredient-list h3{font-size:25px;margin:0 0 3px}.ingredient-list p{color:var(--muted);margin:0}.ritual{display:grid;grid-template-columns:1fr 1fr;background:var(--black);color:#fff}.ritual-copy{padding:100px 7vw}.ritual-copy h2{font-size:clamp(60px,7vw,110px);color:var(--olive-light)}.ritual ol{list-style:none;padding:0;margin:40px 0 0}.ritual li{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #33352f}.ritual li span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--olive-light);border-radius:50%;color:var(--olive-light);font-weight:900}.ritual-image{min-height:700px}.quality{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;min-height:720px;background:var(--black);color:#fff;overflow:hidden}.brand-symbol{display:grid;place-items:center;background:#0a0a0a}.brand-symbol img{width:100%;height:100%;object-fit:cover}.quality-copy{padding:100px 7vw;display:flex;flex-direction:column;justify-content:center}.quality-copy>p:not(.kicker){color:#cacabb;font-size:18px}.quality-points{margin-top:28px}.quality-points div{display:grid;grid-template-columns:190px 1fr;gap:25px;padding:17px 0;border-top:1px solid #303127}.quality-points b{color:var(--olive-light)}.quality-points span{color:#bdbdaf}.origin{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:110px 6vw;background:#fffdf5;align-items:center}.origin-copy>p:not(.kicker){font-size:18px;color:var(--muted)}.origin-card{position:relative}.origin-card{position:relative}.origin-card blockquote{position:absolute;right:-20px;bottom:35px;margin:0;background:var(--olive);color:#fff;padding:24px 30px;font-size:24px;font-weight:800}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shop-grid article{background:#fff;border:1px solid var(--line);padding:25px;display:flex;flex-direction:column}.shop-grid article.featured{background:var(--black);color:#fff;transform:translateY(-16px)}.shop-grid img{height:320px;object-fit:contain;background:#f0ecd9;margin-bottom:22px}.shop-grid .featured img{background:#111}.label{font-size:9px;font-weight:900;letter-spacing:.16em;color:var(--olive)}.shop-grid h3{font-size:30px;margin:10px 0}.shop-grid p{color:var(--muted);min-height:74px}.shop-grid .featured p{color:#bfc1b5}.shop-grid button,.community-form button{border:0;background:var(--olive);color:#fff;padding:15px;font-weight:900;letter-spacing:.1em}.community{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;padding:100px 7vw;background:var(--olive);color:#fff}.community .kicker{color:#e7eccd}.community-copy p:last-child{font-size:19px;max-width:650px}.community-form{display:grid;gap:12px}.community-form input{padding:17px;border:0;background:#f5f0dc;font-size:15px}.community-form button{background:var(--black)}.community-form small{color:#e6ead5}footer{background:var(--black);color:#fff;padding:65px 6vw 25px}.footer-brand img{width:220px}.footer-brand p{color:var(--olive-light);font-size:12px;letter-spacing:.14em}.footer-nav{display:flex;gap:25px;flex-wrap:wrap;margin:40px 0;padding:28px 0;border-top:1px solid #2d2d28;border-bottom:1px solid #2d2d28;font-size:12px;font-weight:800}.footer-meta{font-size:10px;color:#838378}.reveal{opacity:0;transform:translateY(24px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.site-header nav{display:none;position:absolute;right:4vw;top:72px;background:#111;padding:25px;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero,.split-cream,.lifestyle,.ingredient-layout,.ritual,.quality,.origin,.community{grid-template-columns:1fr}.hero-product{min-height:550px}.hero-copy:before{display:none}.section-head{grid-template-columns:1fr}.statement-grid{grid-template-columns:1fr}.lifestyle-image,.full-placeholder,.tall-placeholder,.origin-placeholder{height:560px;min-height:560px}.shop-grid{grid-template-columns:1fr 1fr}.shop-grid article:last-child{grid-column:1/-1}.quality-points div{grid-template-columns:1fr}.brand-symbol{min-height:460px}}@media(max-width:640px){.brand img{width:145px}.hero-product{min-height:430px}.hero-seal{width:65px}.hero-copy{padding:70px 6vw}.hero h1{font-size:56px}.hero-actions{align-items:flex-start;flex-direction:column}.split-cream,.statement,.ingredients,.shop,.origin,.community{padding:75px 6vw}.statement-grid{gap:20px}.lifestyle-image,.full-placeholder,.tall-placeholder,.origin-placeholder{height:430px;min-height:430px}.shop-grid{grid-template-columns:1fr}.shop-grid article:last-child{grid-column:auto}.shop-grid article.featured{transform:none}.origin-card blockquote{right:0;font-size:18px}.footer-nav{flex-direction:column}.claims{gap:5px}}


/* Typography
   Aller is the official brand typeface. The agency should install the licensed
   Aller Regular and Aller Bold webfont files in production. */
button,input,textarea,select{font-family:"Aller","Arial",sans-serif}

.image-placeholder{
  width:100%;
  min-height:360px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:38px;
  text-align:center;
  border:1px dashed rgba(21,23,19,.45);
  background:
    linear-gradient(135deg,rgba(120,138,56,.11),rgba(242,236,210,.72)),
    repeating-linear-gradient(45deg,transparent,transparent 18px,rgba(120,138,56,.055) 18px,rgba(120,138,56,.055) 36px);
  color:var(--ink);
}
.image-placeholder:before{
  content:"＋";
  width:52px;height:52px;
  display:grid;place-items:center;
  border:1px solid currentColor;
  border-radius:50%;
  font-size:25px;
  opacity:.72;
}
.image-placeholder span{
  font-size:10px;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--olive);
}
.image-placeholder strong{
  max-width:440px;
  font-size:clamp(22px,2.4vw,36px);
  line-height:1.06;
}
.image-placeholder small{
  max-width:460px;
  font-size:12px;
  line-height:1.5;
  opacity:.72;
}
.hero-placeholder{
  position:relative;
  z-index:2;
  min-height:610px;
  color:#f3edd5;
  border-color:rgba(150,167,90,.7);
  background:
    radial-gradient(circle at center,rgba(120,138,56,.22),transparent 48%),
    repeating-linear-gradient(45deg,#080808,#080808 20px,#0e0e0c 20px,#0e0e0c 40px);
}
.hero-placeholder span{color:var(--olive-light)}
.portrait-placeholder{min-height:580px;border-radius:32% 32% 8% 32%}
.full-placeholder{height:760px;border:0}
.dark-placeholder{
  color:#f3edd5;
  border-color:rgba(150,167,90,.65);
  background:
    linear-gradient(rgba(5,5,5,.72),rgba(5,5,5,.72)),
    repeating-linear-gradient(45deg,#111,#111 18px,#171713 18px,#171713 36px);
}
.dark-placeholder span{color:var(--olive-light)}
.tall-placeholder{height:720px;border-radius:220px 0 0 0}
.origin-placeholder{height:680px;border-radius:42% 42% 4px 4px}
.product-placeholder{
  height:320px;
  min-height:320px;
  margin-bottom:22px;
  background:
    linear-gradient(135deg,rgba(120,138,56,.09),rgba(242,236,210,.9)),
    repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(120,138,56,.05) 15px,rgba(120,138,56,.05) 30px);
}
.shop-grid .featured .product-placeholder{
  color:#f2ecd2;
  border-color:rgba(150,167,90,.6);
  background:
    linear-gradient(rgba(5,5,5,.72),rgba(5,5,5,.72)),
    repeating-linear-gradient(45deg,#111,#111 15px,#181814 15px,#181814 30px);
}
.shop-grid .featured .product-placeholder span{color:var(--olive-light)}
.lifestyle-image,.ritual-image{display:flex}
.lifestyle-image .image-placeholder,.ritual-image .image-placeholder{height:100%}

/* Licensed Aller webfonts: upload Aller-Regular.woff2 and Aller-Bold.woff2 to /fonts. */
@font-face{font-family:"Aller";src:url("fonts/Aller-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Aller";src:url("fonts/Aller-Bold.woff2") format("woff2");font-weight:700 900;font-style:normal;font-display:swap}