:root{
  --bg:#f6f1eb;
  --bg-2:#efe7de;
  --card:#fffdfa;
  --text:#261f1b;
  --muted:#6a5e56;
  --line:#ddd2c7;
  --accent:#d4b39b;
  --accent-2:#e9dbcf;
  --dark:#1c1714;
  --shadow:0 18px 40px rgba(51,37,24,.08);
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1200px,calc(100% - 32px));margin:0 auto}
.topbar{background:#e8dacc;color:#4f443d;text-align:center;padding:10px 16px;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.header{position:sticky;top:0;z-index:20;background:rgba(246,241,235,.9);backdrop-filter:blur(8px);border-bottom:1px solid rgba(160,140,123,.12)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.logo{height:58px;width:auto}
nav{display:flex;gap:24px;flex-wrap:wrap}
nav a{font-size:14px;color:var(--muted)}
nav a:hover{color:var(--text)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:64px 0 48px}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#8d7c71;margin:0 0 12px}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.06;margin:0 0 16px}
h1{font-size:clamp(40px,6vw,76px)}
h2{font-size:clamp(32px,4vw,52px)}
h3{font-size:26px}
.lead,.section-head p,.product-content p,.detail-card p,.waitlist-box p,.footer p{color:var(--muted)}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}
.btn{padding:14px 22px;border-radius:999px;font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center}
.btn-dark{background:var(--dark);color:#fff}
.btn-light{background:#fff;border:1px solid var(--line)}
.hero-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.hero-points span,.pill-list span,.product-meta span{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;color:#6d6158}
.hero-visual img{border-radius:32px;box-shadow:var(--shadow)}
.section{padding:72px 0}
.section-head{max-width:800px;margin-bottom:30px}
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.product-card{background:var(--card);border:1px solid rgba(160,140,123,.15);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f1ebe4}
.product-content{padding:20px}
.product-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}
.product-meta span{background:var(--bg)}
.product-content ul{margin:14px 0 0;padding-left:18px;color:var(--muted)}
.text-card{justify-content:center;min-height:330px;background:linear-gradient(180deg,#fffdfa,#f4ede5)}
.text-card.accent{background:linear-gradient(180deg,#f5ede7,#ece1d7)}
.tall-card img{aspect-ratio:4/5;object-position:top}
.alt-section{background:var(--bg-2)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
.dna-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.dna-list div{background:rgba(255,255,255,.55);border:1px solid rgba(160,140,123,.15);padding:18px;border-radius:18px}
.dna-list strong{display:block;font-size:18px;margin-bottom:4px;font-family:Georgia,'Times New Roman',serif}
.dna-list span{color:var(--muted)}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.story-grid img{border-radius:22px;box-shadow:var(--shadow);height:100%;object-fit:cover}
.story-grid img:first-child{grid-column:1 / -1;max-height:380px;width:100%}
.narrow{max-width:650px}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.detail-card{background:var(--card);border:1px solid rgba(160,140,123,.15);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.detail-card img{border-radius:18px;margin-bottom:16px;aspect-ratio:4/3;object-fit:cover}
.capsule-band{background:linear-gradient(180deg,#eadfd4,#f6f1eb)}
.capsule-inner{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.pill-list{display:flex;flex-wrap:wrap;gap:10px}
.waitlist-section{padding-top:24px}
.waitlist-box{background:#201a16;color:#fff;border-radius:32px;padding:44px;box-shadow:var(--shadow);text-align:center}
.waitlist-box .eyebrow{color:#c8b5a4}
.waitlist-box p{color:#d8cdc3;max-width:680px;margin:0 auto 18px}
.waitlist-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:24px 0 12px}
.waitlist-form input{width:min(420px,100%);padding:15px 18px;border-radius:999px;border:1px solid #65584f;background:#fff;color:#222;font-size:16px}
.waitlist-form button{padding:15px 24px;border-radius:999px;border:none;background:#e7d6c7;color:#241d19;font-weight:700;cursor:pointer}
.small{font-size:14px}
.footer{padding:36px 0 44px;border-top:1px solid var(--line)}
.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}
.footer-logo{height:72px;width:auto}
.footer-links{display:flex;flex-direction:column;gap:8px;align-items:flex-end;color:var(--muted)}
@media (max-width: 1024px){
  .products-grid{grid-template-columns:repeat(2,1fr)}
  .hero,.two-col,.capsule-inner,.detail-grid{grid-template-columns:1fr}
}
@media (max-width: 700px){
  .nav{flex-direction:column;align-items:flex-start}
  nav{gap:14px}
  .hero{padding-top:32px}
  .products-grid,.detail-grid,.dna-list{grid-template-columns:1fr}
  .story-grid{grid-template-columns:1fr}
  .story-grid img:first-child{grid-column:auto}
  .footer-inner{flex-direction:column;align-items:flex-start}
  .footer-links{align-items:flex-start}
  .logo,.footer-logo{height:auto;max-width:280px}
}
