/* HERO BAND */
    /* ── HERO FULL-SCREEN SPLIT ──────────────────────────────────── */
    .hero-band{
      display:grid;
      grid-template-columns:1fr 1fr;
      min-height:92vh;
      color:#fff;
      overflow:hidden;
      position:relative;
    }
    /* Left panel — purple gradient with text */
    .hero-content-panel{
      background:linear-gradient(160deg,rgba(98,0,102,1) 0%,rgba(60,0,65,1) 100%);
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding:60px 52px 60px 48px;
      position:relative;
      z-index:2;
    }
    .hero-content-panel::after{
      content:"";
      position:absolute;
      top:0;right:-1px;bottom:0;
      width:60px;
      background:linear-gradient(to right,rgba(60,0,65,1),transparent);
      z-index:3;
    }
    /* Right panel — full image */
    .hero-photo-panel{
      position:relative;
      overflow:hidden;
    }
    .hero-photo-panel img{
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:top center;
      display:block;
    }
    /* Subtle dark vignette on photo sides */
    .hero-photo-panel::before{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(to right,rgba(60,0,65,.35) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.15) 100%);
      z-index:1;
      pointer-events:none;
    }

    .hero-tag{font-size:0.82rem;opacity:.75;margin:0 0 12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
    .hero-name{font-family:var(--ui-font);font-size:clamp(36px,4.5vw,60px);font-weight:700;margin:0 0 14px;letter-spacing:-.02em;line-height:1.1}
    .hero-role{font-size:0.8rem;color:rgba(255,255,255,.82);margin:0 0 22px;line-height:1.55}
    .hero-quote{font-size:0.92rem;color:rgba(255,255,255,.75);font-style:italic;border-left:3px solid rgba(255,255,255,.3);padding-left:14px;margin:0 0 28px;line-height:1.7}
    .hero-ctas{display:flex;gap:10px;flex-wrap:wrap}
    .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:var(--body-font);font-size:0.9rem}
    .btn-white{background:#fff;color:var(--primary-purple);border-color:#fff}
    .btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
    .btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.25)}
    .btn-purple{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple)}
    .btn-purple:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
    .btn-wa{background:#1D9E75;color:#fff;border-color:#1D9E75}
    .btn-wa:hover{transform:translateY(-2px)}


     /* CREDENTIAL CHIPS */
    .cred-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}
    .cred-chip{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e9d5ff;border-radius:20px;padding:8px 16px;font-size:0.88rem;font-weight:600;color:#0b1220;box-shadow:var(--shadow)}
    .cred-chip span{color:var(--primary-purple)}

    .book-grid {
  display: grid;
  grid-template-columns: 1fr 260px;
  gap: 32px;
  align-items: center;
  max-width: 860px;
  margin: 0 auto;
}

.book-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.book-buttons .btn {
  font-size: 0.85rem;
  padding: 8px 14px;
}

.book-image img {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: var(--shadow);
}

 
     /* MOBILE */
 
 
    @media(max-width:860px){
      .hero-inner{grid-template-columns:1fr;gap:24px}
      .hero-photo{order:-1;max-width:200px;margin:0 auto}
      }
    @media(max-width:520px){
      .hero-band{padding:36px 0 32px}
      .hero-name{font-size:28px}
      .btn{width:100%}
      .hero-ctas{flex-direction:column}
    }

/* 🔥 MOBILE FIX */
@media (max-width: 768px) {
  .book-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .book-image {
    order: -1; /* show image on top */
  }

  .book-buttons {
    justify-content: center;
  }
}


    /* TIMELINE */
    .timeline{max-width:760px;margin:0 auto}
    .tl-item{display:flex;gap:18px;margin-bottom:28px;align-items:flex-start}
    .tl-dot{width:14px;height:14px;border-radius:50%;background:var(--primary-purple);flex-shrink:0;margin-top:5px;position:relative}
    .tl-dot::after{content:"";position:absolute;top:14px;left:6px;width:2px;height:calc(100% + 14px);background:#e9d5ff}
    .tl-item:last-child .tl-dot::after{display:none}
    .tl-year{font-size:0.8rem;font-weight:700;color:var(--primary-purple);margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}
    .tl-title{font-size:0.97rem;font-weight:700;color:#0b1220;margin-bottom:4px}
    .tl-body{font-size:0.88rem;color:var(--muted-dark);line-height:1.6}



    /* PHILOSOPHY CARDS */
    .phil-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:900px;margin:0 auto}
    .phil-card{background:#fff;border-radius:10px;padding:18px;box-shadow:var(--shadow);border-left:4px solid var(--primary-purple)}
    .phil-card p{font-size:0.9rem;color:var(--muted-dark);margin:0;line-height:1.65}

    /* LEADERS */
    .leaders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;max-width:960px;margin:0 auto}
    .leader-card{background:#fff;border-radius:10px;padding:14px 16px;box-shadow:var(--shadow)}
    .leader-name{font-size:0.92rem;font-weight:700;color:#0b1220;margin-bottom:3px}
    .leader-role{font-size:0.78rem;color:var(--primary-purple);font-weight:600;margin-bottom:6px}
    .leader-desc{font-size:0.83rem;color:var(--muted-dark);line-height:1.55}

    /* BLOG */
    .blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
    .blog-card{background:#fff;border-radius:10px;padding:16px;box-shadow:var(--shadow);border:1px solid #f1f1f5;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s}
    .blog-card:hover{transform:translateY(-3px)}
    .blog-tag{font-size:0.72rem;font-weight:700;color:var(--primary-purple);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
    .blog-title{font-size:0.92rem;font-weight:600;color:#0b1220;flex:1;line-height:1.5;margin-bottom:10px}
    .blog-read{font-size:0.8rem;color:var(--primary-purple);font-weight:600}





    /* METHODOLOGY */
.method-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:18px;
  max-width:900px;
  margin:0 auto 24px;
}

.method-card{
  background:#fff;
  border-radius:12px;
  padding:20px;
  box-shadow:var(--shadow);
  border-left:4px solid var(--primary-purple);
}

.method-card h3{
  font-size:1rem;
  font-weight:700;
  margin-bottom:8px;
  color:#0b1220;
}

.method-card p{
  font-size:0.9rem;
  color:var(--muted-dark);
  line-height:1.6;
  margin-bottom:10px;
}

.method-card ul{
  padding-left:16px;
  margin:8px 0 12px;
}

.method-card li{
  font-size:0.88rem;
  color:var(--muted-dark);
  margin-bottom:6px;
}

.method-highlight{
  max-width:760px;
  margin:0 auto;
  text-align:center;
  font-size:0.95rem;
  color:#0b1220;
  background:#fff;
  padding:14px 18px;
  border-radius:10px;
  box-shadow:var(--shadow);
}

    /* ── SIVASTYLE GALLERY ─────────────────────────────────────────────── */
    .ss-gallery{padding:64px 0;background:#0b0b0b}
    .ss-gallery .section-title{color:#fff}
    .ss-gallery .section-sub{color:rgba(255,255,255,.6)}
    .ss-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:0;max-width:1100px;margin:0 auto}

    /* Each photo card */
    .ss-photo{position:relative;overflow:hidden;cursor:pointer}
    .ss-photo::before{content:"";display:block;padding-top:120%}   /* 5:6 portrait */
    .ss-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s cubic-bezier(.25,.8,.25,1);filter:brightness(.92) contrast(1.04)}
    .ss-photo:hover img{transform:scale(1.04);filter:brightness(1) contrast(1.06)}

    /* Gold border on hover */
    .ss-photo::after{content:"";position:absolute;inset:0;border:3px solid #c9a84c;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:2}
    .ss-photo:hover::after{opacity:1}

    /* Caption bar — slides up from bottom */
    .ss-caption{position:absolute;bottom:0;left:0;right:0;z-index:3;
      background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.4) 60%,transparent 100%);
      padding:40px 20px 20px;
      transform:translateY(12px);opacity:0;transition:transform .35s ease,opacity .35s ease}
    .ss-photo:hover .ss-caption{transform:translateY(0);opacity:1}
    .ss-cap-title{font-family:"Plus Jakarta Sans",system-ui,sans-serif;font-weight:700;font-size:1rem;color:#c9a84c;margin-bottom:3px;letter-spacing:.02em}
    .ss-cap-sub{font-size:0.8rem;color:rgba(255,255,255,.75)}

    /* Gold accent separator between photos */
    .ss-photo:not(:last-child){border-right:1px solid rgba(201,168,76,.25)}

    /* Number badge */
    .ss-num{position:absolute;top:14px;left:16px;z-index:3;width:28px;height:28px;border-radius:50%;
      background:#c9a84c;color:#000;font-weight:800;font-size:0.75rem;
      display:flex;align-items:center;justify-content:center;font-family:"Plus Jakarta Sans",sans-serif;
      opacity:0;transform:scale(.7);transition:opacity .3s ease,transform .3s ease}
    .ss-photo:hover .ss-num{opacity:1;transform:scale(1)}

    /* Section label strip */
    .ss-label-strip{background:#c9a84c;text-align:center;padding:10px 0;letter-spacing:.18em;font-size:0.72rem;font-weight:800;color:#000;font-family:"Plus Jakarta Sans",sans-serif;text-transform:uppercase;max-width:1100px;margin:0 auto}

    /* Lightbox */
    .lb-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:9999;align-items:center;justify-content:center;padding:20px}
    .lb-backdrop.open{display:flex}
    .lb-img{max-width:90vw;max-height:90vh;border-radius:4px;object-fit:contain;border:1px solid rgba(201,168,76,.3)}
    .lb-close{position:absolute;top:18px;right:24px;color:#c9a84c;font-size:34px;cursor:pointer;line-height:1;font-weight:300}
    .lb-close:hover{color:#fff}
    .lb-nav{position:absolute;top:50%;transform:translateY(-50%);color:#c9a84c;font-size:48px;cursor:pointer;opacity:.8;padding:10px;line-height:1;user-select:none}
    .lb-nav:hover{color:#fff;opacity:1}
    .lb-prev{left:12px}
    .lb-next{right:12px}

    @media(max-width:760px){
      .ss-photos{grid-template-columns:1fr}
      .ss-photo::before{padding-top:75%}
      .ss-photo:not(:last-child){border-right:none;border-bottom:1px solid rgba(201,168,76,.25)}
      .ss-caption{transform:translateY(0);opacity:1}
      .ss-num{opacity:1;transform:scale(1)}
    }

        /* ── MOBILE ── */
    @media(max-width:860px){
      .hero-band{grid-template-columns:1fr;grid-template-rows:auto 55vw;min-height:unset}
      .hero-content-panel{padding:36px 24px 32px;order:2}
      .hero-content-panel::after{display:none}
      .hero-photo-panel{order:1;min-height:55vw}
      .hero-photo-panel img{object-position:top center}
    }
        /* SECTIONS */
    .section{padding:52px 0}
    .section-alt{padding:52px 0;background:#faf5ff}
    .section-title{font-family:var(--ui-font);font-size:1.75rem;font-weight:700;color:#0b1220;margin:0 0 10px;text-align:center}
    .section-sub{max-width:760px;margin:0 auto 28px;color:var(--muted-dark);text-align:center;font-size:0.97rem;line-height:1.65}