:root {
    --forest: #1a3d2b;
    --sage: #3d6b4f;
    --leaf: #5a8a5e;
    --mint: #a8c5a0;
    --cream: #f5f0e8;
    --warm-white: #faf7f2;
    --gold: #93bf1c;
    /*--gold: #b8924a;*/
    --gold-light: #75a91b;
    /*--gold-light: #d4aa6a;*/
    --text-dark: #1c2b1e;
    --text-mid: #3a4d3c;
    --text-light: #6b7f6d;
	--gold-border: #93bf1c;
	--gold-light-border: #75a91b;
	--emergency: #c0392b;
	--emergency-light: #e74c3c;
	--emergency-soft: rgba(192,57,43,0.08);
	
	  /* ---- Weight & Nutrition accent palette ---- */
  --wn:         #7c5cbf;   /* warm violet – represents transformation */
  --wn-deep:    #5a3d99;
  --wn-light:   #9e80d4;
  --wn-soft:    rgba(124,92,191,0.09);
  --wn-glow:    rgba(124,92,191,0.22);
  --saffron:    #d4763b;   /* energy / nutrition warmth */
  --saffron-lt: #e8955a;
  }

  * { margin: 0; padding: 0; box-sizing: border-box; }

  html { scroll-behavior: smooth; }

  body {
    font-family: 'Lato', sans-serif;
    background: var(--warm-white);
    color: var(--text-dark);
    overflow-x: hidden;
  }


 

  /* =========================================
   PREMIUM CALL BUTTON
========================================= */


  /* ===== SECTION SHARED ===== */
  section { padding: 90px 5%; }

  .section-label {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--sage);
    margin-bottom: 0.6rem;
  }

  .section-title {
    font-family: 'Poppins', serif;
    font-size: clamp(2rem, 3.5vw, 2.8rem);
    font-weight: 700;
    color: var(--forest);
    line-height: 1.2;
  }

  .section-title em { font-style: italic; color: var(--gold); }

  .section-desc {
    color: var(--text-light);
    font-size: 0.95rem;
    line-height: 1.75;
    max-width: 540px;
    margin-top: 1rem;
  }

  .section-head { margin-bottom: 3.5rem; }
  
  .inner-wrap { max-width:1200px; margin:0 auto; }
.sec-label { font-size:0.75rem; font-weight:600; letter-spacing:0.15em; text-transform:uppercase; color:var(--sage); margin-bottom:0.6rem; }
.sec-title {
  font-family:'Cormorant Garamond', serif;
  font-size:clamp(2rem,3.5vw,2.8rem);
  font-weight:700;
  color:var(--forest);
  line-height:1.2;
}
/* ─────────────────────────────────────
   KEYFRAME ANIMATIONS
───────────────────────────────────── */
@keyframes floatUp      { 0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)} }
@keyframes rotateSlow   { from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)} }
@keyframes fadeInDown   { from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)} }
@keyframes fadeInUp     { from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:translateY(0)} }
@keyframes fadeInRight  { from{opacity:0;transform:translateX(38px)}to{opacity:1;transform:translateX(0)} }
@keyframes pulseGold    { 0%,100%{box-shadow:0 0 0 0 rgba(184,146,74,.4)}50%{box-shadow:0 0 0 12px rgba(184,146,74,0)} }
@keyframes trustScroll  { 0%{transform:translateX(0)}100%{transform:translateX(-50%)} }
@keyframes countUp      { from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)} }

/* shimmer on bento dark card */
@keyframes shimmer {
  0%   { background-position:-200% center; }
  100% { background-position: 200% center; }
}

y:'Cormorant Garamond',serif; font-size:clamp(2rem,3.5vw,2.8rem); font-weight:700; color:var(--forest); line-height:1.2; }
.sec-title em { font-style:italic; color:var(--gold); }
.sec-desc { color:var(--text-light); font-size:0.95rem; line-height:1.75; max-width:540px; margin-top:1rem; }
.sec-head { margin-bottom:3.5rem; }
  
  .page-hero { padding:3% 5%; }
  
  .hero-icon-bg
  {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 9rem;
    opacity: 0.06;
    pointer-events: none;
    user-select: none;
	text-align: right;
  }
  
  .read-more {
    display: inline-flex; align-items: center; gap: 0.5rem;
    color: var(--sage); font-size: 0.82rem;
    font-weight: 600; text-decoration: none;
    letter-spacing: 0.04em; text-transform: uppercase;
    margin-top: 1rem; transition: color 0.2s;
  }

  .read-more:hover { color: var(--forest); }
  
  
  /*.page-hero::after {
    content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 40%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 800'%3E%3Ccircle cx='200' cy='400' r='280' fill='none' stroke='rgba(168,197,160,0.07)' stroke-width='1'/%3E%3Ccircle cx='200' cy='400' r='220' fill='none' stroke='rgba(168,197,160,0.05)' stroke-width='1'/%3E%3Ccircle cx='200' cy='400' r='160' fill='none' stroke='rgba(168,197,160,0.04)' stroke-width='1'/%3E%3C/svg%3E") center / cover no-repeat;
  }*/
  
   .page-hero-badge {
    display: inline-flex; align-items: center; gap: 0.5rem;
    background: rgba(168,197,160,0.15);
    border: 1px solid rgba(168,197,160,0.3);
    color: var(--mint);
    padding: 0.4rem 1rem;
    border-radius: 100px;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
    font-weight: 500;
  }

  .page-hero-badge::before { content: '✦'; font-size: 0.6rem; }
  
  .page-hero-sub {
    font-family: 'Poppins', serif;
    font-size: 1.1rem;
    font-style: italic;
    color: var(--mint);
    margin-bottom: 1.5rem;
}
  .page-hero-desc { color: rgba(245,240,232,0.65); font-size: 0.95rem; line-height: 1.75; max-width: 580px; }
  
  .breadcrumb span {
    color: var(--gold-light) !important;
}
  
  
  .doc-photo {
  width: 90px; height: 90px;
  border-radius: 50%;
  margin: 0 auto 1rem;
  border: 3px solid var(--gold);
  overflow: hidden;
  position: relative;
}
.doc-photo img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: top center;
  display: block;
  filter: saturate(0.85) brightness(0.95);
}
/* Green-tinted avatar fallback shown via ::after if img fails */
.doc-photo-fallback {
  width: 90px; height: 90px;
  border-radius: 50%; margin: 0 auto 1rem;
  border: 3px solid var(--gold);
  display: flex; align-items: center; justify-content: center;
  font-family: 'Poppins', serif;
  font-size: 2rem; font-weight: 700;
  background: linear-gradient(135deg, var(--sage), var(--forest));
  color: var(--mint);
}

  
  /* ─────────────────────────────────────
   KEYFRAME ANIMATIONS
───────────────────────────────────── */
@keyframes floatUp      { 0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)} }
@keyframes rotateSlow   { from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)} }
@keyframes fadeInDown   { from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)} }
@keyframes fadeInUp     { from{opacity:0;transform:translateY(38px)}to{opacity:1;transform:translateY(0)} }
@keyframes fadeInRight  { from{opacity:0;transform:translateX(38px)}to{opacity:1;transform:translateX(0)} }
@keyframes pulseGold    { 0%,100%{box-shadow:0 0 0 0 rgba(184,146,74,.4)}50%{box-shadow:0 0 0 12px rgba(184,146,74,0)} }
@keyframes trustScroll  { 0%{transform:translateX(0)}100%{transform:translateX(-50%)} }
@keyframes shimmerSlide{ 0%{left:-80%} 100%{left:130%} }
@keyframes drawLine    { from{width:0} to{width:100%} }
@keyframes spinOrbit   { from{transform:rotate(0deg) translateX(90px) rotate(0deg)} to{transform:rotate(360deg) translateX(90px) rotate(-360deg)} }
@keyframes pulseBorder { 0%,100%{border-color:rgba(168,197,160,0.15)} 50%{border-color:rgba(168,197,160,0.45)} }
@keyframes ripple      { 0%{transform:scale(0.8);opacity:0.7} 100%{transform:scale(2.2);opacity:0} }
@keyframes countUp     { from{opacity:0;transform:scale(0.6)} to{opacity:1;transform:scale(1)} }
@keyframes floatLeaf   { 0%,100%{transform:translateY(0) rotate(0deg)} 33%{transform:translateY(-18px) rotate(8deg)} 66%{transform:translateY(-8px) rotate(-5deg)} }

/* shimmer on bento dark card */
@keyframes shimmer {
  0%   { background-position:-200% center; }
  100% { background-position: 200% center; }
}



/* Reveal animations */
.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.6s ease, transform 0.6s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
.reveal-left { opacity: 0; transform: translateX(-40px); transition: opacity 0.65s ease, transform 0.65s ease; }
.reveal-left.visible { opacity: 1; transform: translateX(0); }
.reveal-right { opacity: 0; transform: translateX(40px); transition: opacity 0.65s ease, transform 0.65s ease; }
.reveal-right.visible { opacity: 1; transform: translateX(0); }
.reveal-scale { opacity: 0; transform: scale(0.92); transition: opacity 0.6s ease, transform 0.6s ease; }
.reveal-scale.visible { opacity: 1; transform: scale(1); }

  /* ===== FOOTER ===== */
  footer {
    background: #111f16;
    padding: 2.5rem 5%;
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: 1rem;
  }

  .footer-logo-wrap {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }

  .footer-logo {
    font-family: 'Cormorant Garamond', serif;
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--cream);
    letter-spacing: 0.02em;
    line-height: 1.15;

  }

  .footer-logo span { color: var(--gold-light);
    display: block;
    font-size: 0.78rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    text-transform: uppercase; }

  footer p { font-size: 0.8rem; color: rgba(245,240,232,0.35); }

  .footer-tagline {
    font-size: 0.78rem;
    color: var(--mint);
    letter-spacing: 0.08em;
  }

  /* ===== SCROLL ANIMATION ===== */
  .reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.65s ease, transform 0.65s ease;
  }

  .reveal.visible {
    opacity: 1;
    transform: translateY(0);
  }
  
  
  /* ===== RESPONSIVE ===== */

 
  /* --- Tablet: 768px – 1024px --- */
  @media (max-width: 1024px) {

  }

 

  /* --- Mobile: up to 600px --- */
  @media (max-width: 600px) {
    section { padding: 60px 5%; }

  

    /* Footer */
    footer {
      flex-direction: column;
      text-align: center;
      align-items: center;
      padding: 2rem 5%;
    }
  }