:root{
  --green:#2F5D3A;
  --green2:#5B8A52;
  --dark:#112016;
  --earth:#8A6A44;
  --cream:#F7F5EF;
  --text:#1f2b22;
}
*{box-sizing:border-box}
body{margin:0;font-family:Georgia,'Times New Roman',serif;background:var(--cream);color:var(--text)}
.site-header{background:#fff;padding:22px 6vw;border-bottom:1px solid #dde3d8;position:sticky;top:0;z-index:5}
.brand{text-align:center}
.wordmark{font-size:56px;color:var(--green);letter-spacing:2px;line-height:1;font-style:italic}
.wordmark sup{font-size:22px}
.doctrine{font-family:Arial,sans-serif;margin-top:12px;font-size:17px;color:var(--dark);letter-spacing:1px}
.support{font-family:Arial,sans-serif;margin-top:6px;font-size:13px;color:var(--green2);letter-spacing:3px}
nav{display:flex;gap:24px;justify-content:center;margin-top:18px;flex-wrap:wrap;font-family:Arial,sans-serif}
nav a{color:var(--dark);text-decoration:none;font-size:14px;text-transform:uppercase;letter-spacing:1px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:70px 7vw;background:#fff}
.hero img,.category-card img,.product-card img{width:100%;display:block;border-radius:18px}
.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:3px;color:var(--green2);font-size:13px}
h1{font-size:54px;line-height:1.05;margin:10px 0 20px;color:var(--dark)}
h2{font-size:34px;color:var(--green);text-align:center}
.hero p,.intro p,.about p,.contact p{font-size:18px;line-height:1.7}
.btn{display:inline-block;margin-top:18px;background:var(--green);color:#fff;padding:14px 24px;border-radius:999px;text-decoration:none;font-family:Arial,sans-serif}
.intro,.about,.contact{padding:55px 10vw;text-align:center}
.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:30px 6vw 60px}
.category-card,.product-card{background:#fff;border:1px solid #dbe3d8;border-radius:20px;padding:18px;text-decoration:none;color:inherit;box-shadow:0 8px 30px rgba(0,0,0,.04)}
.category-card h3,.product-card h3{color:var(--green);font-size:25px;margin:16px 0 8px}
.product-section{padding:45px 6vw}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.product-meta{font-family:Arial,sans-serif;font-size:13px;color:#526452}
.product-card p{line-height:1.55}
.product-card ul{padding-left:20px;line-height:1.5}
.price{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0;font-family:Arial,sans-serif}
.price span{background:#eef4ea;padding:6px 10px;border-radius:30px}
.contact-box{background:#fff;border:1px solid #dbe3d8;border-radius:20px;padding:25px;display:inline-block;text-align:left}
footer{text-align:center;background:var(--dark);color:#fff;padding:24px;font-family:Arial,sans-serif}
@media(max-width:900px){
  .hero,.categories,.grid{grid-template-columns:1fr}
  .wordmark{font-size:40px}
  h1{font-size:38px}
}