/* ==========================================================================
   Epsilon Organic, Main Site (Maintenance / Get Notified landing page)
   Same brand system as Hydrate by Epsilon Organic for cohesion:
   Deep Olive (primary ground), Champagne, Gold, Antique Gold, Parchment.
   Typography: Cinzel (display), Marcellus (wordmark/headings), EB Garamond (body).
   ========================================================================== */

:root{
  --eo-olive: #2E3826;       /* primary ground */
  --eo-champagne: #F4E2AC;
  --eo-gold: #DCBE82;        /* accent */
  --eo-antique-gold: #BE9456;
  --eo-parchment: #EFE9DA;   /* light ground */
  --eo-terracotta: #C9743E;

  --ink: #221E17;
  --ink-soft: #5B5642;
  --radius: 2px;

  --font-display: 'Cinzel', serif;
  --font-word: 'Marcellus', serif;
  --font-body: 'EB Garamond', serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--eo-parchment);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:18px;
  line-height:1.6;
}
img{max-width:100%;display:block;}
a{color:inherit;}
.container{max-width:880px;margin:0 auto;padding:0 28px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}

.eyebrow{
  font-family:var(--font-word);
  letter-spacing:.28em;
  text-transform:uppercase;
  font-size:13px;
  color:var(--eo-antique-gold);
}
h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:.02em;margin:0 0 .5em;}
h1{font-size:clamp(38px,6vw,60px);line-height:1.08;}
h2{font-size:clamp(24px,3vw,32px);}
p{margin:0 0 1em;}
.lede{font-size:20px;color:var(--ink);}

.btn{
  display:inline-block;
  font-family:var(--font-word);
  letter-spacing:.16em;
  text-transform:uppercase;
  font-size:13px;
  padding:14px 30px;
  border:1px solid var(--eo-olive);
  border-radius:var(--radius);
  background:var(--eo-olive);
  color:var(--eo-parchment);
  text-decoration:none;
  cursor:pointer;
  transition:all .2s ease;
}
.btn:hover{background:var(--eo-antique-gold);border-color:var(--eo-antique-gold);}
.btn-outline{background:transparent;color:var(--eo-olive);border-color:var(--eo-olive);}
.btn-outline:hover{background:var(--eo-olive);color:var(--eo-parchment);}
.btn-gold{background:var(--eo-gold);border-color:var(--eo-gold);color:var(--eo-olive);}
.btn-gold:hover{background:var(--eo-antique-gold);border-color:var(--eo-antique-gold);color:var(--eo-parchment);}
.btn[disabled]{opacity:.5;cursor:not-allowed;}

/* header */
header.site{
  background:rgba(239,233,218,.92);
  border-bottom:1px solid rgba(46,56,38,.12);
}
.nav-row{display:flex;align-items:center;justify-content:space-between;padding:18px 0;}
.brandmark{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--eo-olive);text-align:center;}
.brandmark img{height:44px;width:auto;display:block;margin:0 auto;}
.brandmark-text{display:flex;flex-direction:column;align-items:center;}
.brandmark .word{font-family:var(--font-word);letter-spacing:.14em;font-size:16px;text-transform:uppercase;line-height:1.3;display:block;text-align:center;}
.brandmark .sub{display:block;font-size:11px;letter-spacing:.1em;color:var(--eo-antique-gold);line-height:1.3;text-align:center;}

/* hero */
.hero{
  background:var(--eo-olive);
  color:var(--eo-parchment);
  padding:100px 0 80px;
  text-align:center;
}
.hero-inner{max-width:640px;margin:0 auto;}
.hero .eyebrow{color:var(--eo-champagne);}
.hero h1{color:var(--eo-champagne);}
.hero .lede{color:var(--eo-parchment);opacity:.92;}
.hero-ctas{margin-top:26px;}

.notify-form{
  display:flex;
  gap:10px;
  max-width:440px;
  margin:32px auto 10px;
  flex-wrap:wrap;
  justify-content:center;
}
.notify-form input{
  flex:1 1 240px;
  padding:14px 16px;
  border:1px solid var(--eo-gold);
  border-radius:var(--radius);
  background:rgba(255,255,255,.06);
  color:var(--eo-parchment);
  font-family:var(--font-body);
  font-size:16px;
}
.notify-form input::placeholder{color:rgba(239,233,218,.55);}
.notify-form input:focus{outline:2px solid var(--eo-gold);outline-offset:1px;}
.form-note{font-size:14px;min-height:20px;color:var(--eo-champagne);}
.form-note.error{color:var(--eo-terracotta);}

/* ethos */
.ethos{padding:80px 0;background:#fff;}
.ethos-inner{max-width:680px;margin:0 auto;text-align:center;}
.ethos p{color:var(--ink-soft);}
.ethos-close{color:var(--ink);font-style:italic;}

/* footer */
.site-footer{background:var(--eo-olive);color:var(--eo-parchment);padding:48px 0 20px;}
.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid rgba(239,233,218,.15);margin-bottom:16px;}
.footer-inner .word{font-family:var(--font-word);letter-spacing:.14em;text-transform:uppercase;font-size:15px;}
.footer-inner a{text-decoration:none;color:var(--eo-champagne);}
.fine-print{font-size:13px;color:rgba(239,233,218,.6);margin:0;}

@media (max-width:600px){
  .nav-row{flex-direction:column;gap:14px;text-align:center;}
  .notify-form{flex-direction:column;}
}