:root{
  --forest:#0c2818;
  --forest-2:#163c24;
  --leaf:#2f6b32;
  --leaf-light:#76a94a;
  --gold:#d6aa4a;
  --gold-light:#f1d58a;
  --cream:#f7f2df;
  --white:#fffdf7;
  --ink:#162016;
  --muted:#6d756a;
  --line:rgba(214,170,74,.28);
  --shadow:0 24px 70px rgba(5,20,10,.18);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);background:var(--cream);line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{width:min(1180px,92%);margin:auto}
.kicker{letter-spacing:.24em;text-transform:uppercase;font-size:.72rem;color:var(--gold);font-weight:700}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  padding:14px 24px;border-radius:999px;font-weight:800;transition:.25s;
}
.btn-primary{background:var(--gold);color:#152312;box-shadow:0 12px 30px rgba(214,170,74,.24)}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.06)}
.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}
.btn-dark{background:var(--forest);color:#fff}
.nav{
  position:absolute;z-index:10;top:0;left:0;right:0;
  padding:20px 0;border-bottom:1px solid rgba(255,255,255,.12);
}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{font-family:Georgia,serif;color:#fff;font-size:1.25rem;font-weight:700}
.brand span{color:var(--gold)}
.nav-links{display:flex;gap:28px;color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.nav-links a{opacity:.9}.nav-links a:hover{color:var(--gold)}
.hero{
  min-height:100vh;position:relative;display:grid;align-items:end;overflow:hidden;
  background:
    linear-gradient(90deg,rgba(4,18,9,.9) 0%,rgba(4,18,9,.58) 42%,rgba(4,18,9,.12) 78%),
    linear-gradient(180deg,rgba(0,0,0,.28),rgba(3,14,7,.72)),
    url("assets/niraimudi-products.jpeg") center/cover no-repeat;
}
.hero:after{
  content:"";position:absolute;inset:auto 0 0;height:34%;
  background:linear-gradient(transparent,var(--forest));pointer-events:none;
}
.hero-content{position:relative;z-index:2;padding:150px 0 110px;color:#fff;max-width:760px}
.hero h1{font-family:Georgia,serif;font-size:clamp(3.2rem,8vw,7.5rem);line-height:.88;letter-spacing:-.055em;margin:16px 0 24px}
.hero h1 span{color:var(--gold-light)}
.hero-sub{font-size:clamp(1rem,1.6vw,1.3rem);max-width:640px;color:rgba(255,255,255,.86)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.hero-badge{
  display:inline-flex;gap:9px;align-items:center;border:1px solid var(--line);
  border-radius:999px;padding:8px 14px;background:rgba(12,40,24,.42);backdrop-filter:blur(8px)
}
section{padding:100px 0}
.section-head{max-width:720px;margin-bottom:45px}
.section-head h2{font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,4.4rem);line-height:1.02;margin:10px 0 16px;color:var(--forest)}
.section-head p{color:var(--muted);font-size:1.05rem}
.story{background:var(--forest);color:#fff}
.story-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:70px;align-items:center}
.story-visual{position:relative}
.story-visual img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}
.story-card{
  position:absolute;right:-28px;bottom:-28px;background:var(--cream);color:var(--ink);
  padding:24px;border-radius:20px;width:220px;box-shadow:var(--shadow)
}
.story-card strong{display:block;font-family:Georgia,serif;font-size:2.2rem;color:var(--leaf)}
.story-copy h2{font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.03;color:#fff;margin:10px 0 22px}
.story-copy p{color:rgba(255,255,255,.72);margin-bottom:18px}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:35px}
.pillar{padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(255,255,255,.04)}
.pillar b{display:block;color:var(--gold-light);margin-bottom:5px}
.products{background:var(--white)}
.product-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.product-image{position:relative}
.product-image img{width:100%;border-radius:28px;box-shadow:var(--shadow)}
.glow{position:absolute;inset:12% 10%;background:rgba(214,170,74,.14);filter:blur(70px);z-index:-1}
.sizes{display:flex;gap:14px;margin:28px 0;flex-wrap:wrap}
.size{border:1px solid #d9d4c3;border-radius:18px;padding:16px 20px;min-width:130px}
.size strong{display:block;font-family:Georgia,serif;font-size:1.8rem;color:var(--forest)}
.feature-list{display:grid;gap:14px;margin:26px 0}
.feature{display:flex;gap:12px;align-items:flex-start}
.feature .icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8f0df;color:var(--leaf);font-weight:900;flex:none}
.botanical{background:linear-gradient(135deg,#edf2df,#fbf7e9)}
.botanical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.botanical-card{padding:30px;background:rgba(255,255,255,.75);border:1px solid #dfe5cf;border-radius:24px}
.botanical-card .round{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--gold-light);font-size:1.4rem;margin-bottom:20px}
.botanical-card h3{font-family:Georgia,serif;font-size:1.5rem;color:var(--forest);margin-bottom:8px}
.ritual{background:#10291a;color:#fff}
.ritual-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{border-top:1px solid rgba(214,170,74,.35);padding-top:20px}
.step-num{font-size:.75rem;color:var(--gold);letter-spacing:.2em;font-weight:800}
.step h3{font-family:Georgia,serif;font-size:1.45rem;margin:10px 0}
.step p{color:rgba(255,255,255,.68);font-size:.94rem}
.quote{
  background:var(--forest);color:#fff;text-align:center;padding:120px 20px;
  position:relative;overflow:hidden
}
.quote:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(214,170,74,.22);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.quote blockquote{position:relative;max-width:900px;margin:auto;font-family:Georgia,serif;font-size:clamp(2rem,5vw,4.5rem);line-height:1.08}
.quote cite{position:relative;display:block;margin-top:25px;color:var(--gold-light);font-style:normal;letter-spacing:.18em;text-transform:uppercase;font-size:.75rem}
.cta{padding:90px 0;background:linear-gradient(135deg,#f0ead4,#fffdf7)}
.cta-box{background:linear-gradient(135deg,var(--forest),#1c4b2b);color:#fff;border-radius:34px;padding:60px;display:flex;justify-content:space-between;align-items:center;gap:30px;overflow:hidden}
.cta-box h2{font-family:Georgia,serif;font-size:clamp(2.3rem,5vw,4.3rem);line-height:1.02}
.cta-box p{color:rgba(255,255,255,.72);max-width:600px;margin-top:14px}
footer{background:#07170d;color:#fff;padding:50px 0 25px}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
footer h3{font-family:Georgia,serif;font-size:1.5rem;margin-bottom:12px}
footer p,footer a{color:rgba(255,255,255,.62);font-size:.9rem}
footer a:hover{color:var(--gold-light)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:35px;padding-top:20px;font-size:.78rem;color:rgba(255,255,255,.45);display:flex;justify-content:space-between;gap:20px}
@media(max-width:850px){
  .nav-links{display:none}
  .hero{min-height:92vh}
  .hero-content{padding:130px 0 80px}
  .story-grid,.product-grid{grid-template-columns:1fr;gap:45px}
  .story-card{right:12px}
  .pillars,.botanical-grid{grid-template-columns:1fr}
  .ritual-grid{grid-template-columns:1fr 1fr}
  .cta-box{padding:38px;flex-direction:column;align-items:flex-start}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  section{padding:75px 0}
  .ritual-grid{grid-template-columns:1fr}
  .hero h1{font-size:3.7rem}
  .story-card{position:relative;right:auto;bottom:auto;margin:-20px 15px 0;width:auto}
  .footer-bottom{flex-direction:column}
}

.ingredient-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.ingredient-strip span{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid #dfe5cf;color:var(--forest);font-size:.85rem;font-weight:700}
.helps{background:#fffdf7}
.helps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.helps-grid div{padding:22px;border-radius:18px;background:#f1f4e8;border:1px solid #e0e7d4;color:var(--forest);font-size:1rem}
.helps-grid strong{margin-left:8px}
@media(max-width:850px){.helps-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.helps-grid{grid-template-columns:1fr}}