:root{
  --white:#FFFFFF;
  --ink:#16281B;
  --green:#2F6B3F;
  --green-light:#4C8C5C;
  --green-pale:#EAF3EC;
  --line:rgba(22,40,27,0.14);
  --type:'Bricolage Grotesque', -apple-system, sans-serif;
}

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--type);
  font-weight:400;
  color:var(--ink);
  background:var(--white);
  line-height:1.6;
}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
i{font-style:italic;}

.wrap{max-width:960px;margin:0 auto;padding:0 32px;}

h1,h2,h3{font-family:var(--type);color:var(--ink);font-weight:600;}
h1{font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.05;margin-bottom:.5em;}
h2{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:.7em;}
h3{font-size:1.3rem;margin:.6em 0 .3em;}

.btn{
  display:inline-block;padding:.85em 1.8em;border-radius:6px;
  background:var(--green);color:var(--white);font-size:.95rem;font-weight:600;
  transition:background .2s ease;
}
.btn:hover{background:var(--green-light);}
.btn-line{background:transparent;color:var(--green);border:1.5px solid var(--green);padding:.7em 1.6em;}
.btn-line:hover{background:var(--green);color:var(--white);}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--line);}
.header-inner{display:flex;align-items:center;gap:2rem;padding:18px 0;}
.brand{font-size:1.1rem;font-weight:600;color:var(--ink);}
.brand span{color:var(--green);}
.site-nav{display:flex;gap:1.8rem;margin-left:auto;}
.site-nav a{font-size:.92rem;color:var(--ink);opacity:.75;}
.site-nav a:hover{opacity:1;color:var(--green);}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto;}
.nav-toggle span{width:20px;height:2px;background:var(--ink);display:block;}

/* Hero */
.hero{padding:4rem 0;}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;}
.hero-copy p{color:var(--ink);opacity:.75;font-size:1.05rem;margin-bottom:1.6rem;max-width:28em;}
.hero-photo{border-radius:12px;overflow:hidden;}
.hero-photo img{width:100%;height:340px;object-fit:cover;}

/* History */
.history{padding:3.5rem 0;background:var(--green-pale);}
.history p{max-width:38em;color:var(--ink);opacity:.85;font-size:1.02rem;margin-bottom:.9em;}
.history p:last-child{margin-bottom:0;}

/* Shop */
.shop{padding:4rem 0;}
.jars{display:flex;gap:2rem;flex-wrap:wrap;}
.jar-card{
  flex:1;min-width:220px;text-align:center;padding:2.2rem 1.5rem;
  border:1px solid var(--line);border-radius:12px;
}
.jar-photo{width:100%;max-width:220px;margin:0 auto 1.2rem;}
.jar-photo img{width:100%;height:auto;display:block;}
.jar-card .price{color:var(--green);font-weight:600;font-size:1.15rem;margin-bottom:1.2rem;}

/* Wholesale */
.wholesale{padding:3.5rem 0;background:var(--green-pale);}
.wholesale-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;}
.wholesale-inner p{color:var(--ink);opacity:.8;max-width:34em;}

/* Contact */
.contact{padding:4rem 0;text-align:center;}
.mail{display:inline-block;font-size:1.4rem;font-weight:600;color:var(--green);border-bottom:2px solid var(--green);padding-bottom:.15em;margin-bottom:.8rem;}
.mail:hover{color:var(--green-light);border-color:var(--green-light);}
.sub{color:var(--ink);opacity:.6;font-size:.9rem;}

/* Footer */
.site-footer{padding:1.6rem 0;border-top:1px solid var(--line);}
.site-footer .wrap{text-align:center;font-size:.85rem;color:var(--ink);opacity:.6;}

@media (max-width:800px){
  .site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--white);border-bottom:1px solid var(--line);padding:.5rem 32px 1.2rem;}
  .site-nav.open{display:flex;}
  .site-nav a{padding:.8em 0;border-bottom:1px solid var(--line);}
  .nav-toggle{display:flex;}
  .hero-inner{grid-template-columns:1fr;}
  .hero-photo{order:-1;}
  .wholesale-inner{flex-direction:column;align-items:flex-start;}
}