
:root{--mustard:#F2C94C;--mustard-dark:#8A6500;--cream:#FBF7E8;--page-hero:#FFF7DD;--ink:#201d17;--muted:#6d675c;--line:#E7D7A3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.7}img{max-width:100%;display:block}a{color:inherit}.container{width:min(1180px,92%);margin:auto}.site-header{background:var(--mustard);position:sticky;top:0;z-index:50;box-shadow:0 2px 14px #0002}.nav{min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;text-decoration:none;margin-right:auto;height:72px}.brand img{width:185px;height:66px;object-fit:contain;object-position:center;mix-blend-mode:multiply}.menu{display:flex;align-items:center;gap:3px;list-style:none;margin:0;padding:0}.menu a{display:block;text-decoration:none;padding:10px;font-size:.9rem;font-weight:700}.menu a:hover{background:#fff5;border-radius:4px}.menu a.support-menu{background:var(--mustard-dark);color:#fff;border-radius:999px;padding:9px 16px;margin-left:4px;box-shadow:0 2px 8px #0002}.menu a.support-menu:hover{background:#6f5200;color:#fff;transform:translateY(-1px)}.menu-toggle{display:none;border:1px solid #0005;background:#fff3;padding:9px 11px;font-size:1.2rem}.hero{position:relative;min-height:calc(100vh - 82px);overflow:hidden;background:#191713}.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s}.slide.active{opacity:1}.slide img{width:100%;height:100%;object-fit:cover}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0000 25%,#0001 48%,#0006 72%,#000c 100%)}.hero-copy{position:absolute;z-index:2;left:6%;right:6%;bottom:78px;color:#fff;max-width:850px}.eyebrow{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;font-weight:bold;color:#f5d984}.hero-copy{
  left:6%;
  right:6%;
  bottom:78px;
  max-width:none;
}

.hero h1{
  font-size:clamp(2rem,3.5vw,4rem);
  line-height:1.1;
  margin:0 0 12px;
}..hero p{
  font-size:1.1rem;
  max-width:none;
  margin:0 0 20px;
}.btn{display:inline-flex;gap:8px;background:var(--mustard);border:1px solid var(--mustard);color:#17130c;padding:12px 20px;text-decoration:none;font-weight:700;border-radius:2px}.btn:hover{background:#e1b63e}.hero-controls{position:absolute;z-index:4;left:6%;bottom:30px;display:flex;gap:8px}.dot{width:12px;height:12px;min-width:12px;min-height:12px;padding:0;border-radius:50%;border:1px solid #fff;background:transparent;cursor:pointer}.dot.active{background:#fff}.section{padding:88px 0}.section.alt{background:var(--cream)}.section-head{max-width:780px;margin:0 auto 44px;text-align:center}.section-head h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;margin:0 0 14px}.section-head p{color:var(--muted);margin:0}.kicker{color:var(--mustard-dark);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--line);padding:28px;box-shadow:0 7px 24px #00000009}.card h3{margin-top:0}.visit{background:var(--mustard);padding:58px}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.visit-card{background:#fff;padding:32px}.quote{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.35;text-align:center;max-width:850px;margin:auto}.quote cite{display:block;font-size:.9rem;margin-top:18px;color:var(--muted)}.page-hero{padding:96px 0 82px;background:var(--page-hero);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.6rem,5vw,4.7rem);line-height:1;margin:0 0 15px;color:var(--ink)}.page-hero p{font-size:1.15rem;max-width:800px;margin:0;color:#4E493F}.prose{max-width:850px;margin:auto}.prose h2{font-size:2.2rem;margin-top:48px}.prose h3{font-size:1.45rem;margin-top:34px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pillar{padding:30px;background:#fff;border-top:4px solid var(--mustard);box-shadow:0 6px 22px #0000000c}.verse{background:var(--cream);border-left:4px solid var(--mustard);padding:24px 28px;margin:28px 0;font-size:1.1rem}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.flow-item{background:var(--cream);padding:22px;text-align:center;border:1px solid var(--line)}.gallery{columns:4 220px;column-gap:16px}.gallery figure{break-inside:avoid;margin:0 0 16px;position:relative;cursor:pointer}.gallery img{width:100%}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:14px 12px 10px;background:linear-gradient(transparent,#000b);color:#fff;font-size:.85rem}.lightbox{display:none;position:fixed;z-index:100;inset:0;background:#000d;align-items:center;justify-content:center;padding:30px}.lightbox.open{display:flex}.lightbox img{max-height:90vh;max-width:92vw}.close{position:absolute;right:25px;top:15px;color:#fff;font-size:2.5rem;cursor:pointer}.team{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.team-card{border:1px solid var(--line);padding:28px;background:#fff}.role{color:var(--mustard-dark);font-size:.86rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}.form{display:grid;gap:14px}.form label{font-weight:700;font-size:.9rem}.form input,.form textarea{width:100%;padding:13px 14px;border:1px solid #cfc7b8;font:inherit}.form textarea{min-height:150px}.info-box{background:var(--cream);padding:32px}.qr{max-width:220px;margin:18px auto}.site-footer{background:var(--mustard);padding:58px 0 22px}.footer-brand img{width:210px;height:auto;max-height:110px;object-fit:contain;object-position:left center;mix-blend-mode:multiply;margin-bottom:18px}.footer-brand p{max-width:330px}.footer-support{display:inline-flex;align-items:center;gap:8px;background:var(--mustard-dark);color:#fff!important;border-radius:999px;padding:10px 18px;font-weight:700;text-decoration:none;margin-top:8px;box-shadow:0 2px 8px #0002}.footer-support:hover{background:#6f5200;transform:translateY(-1px)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.site-footer h3{margin-top:0}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:7px 0}.site-footer a{text-decoration:none}.footer-bottom{border-top:1px solid #0003;margin-top:35px;padding-top:18px;font-size:.88rem;display:flex;justify-content:space-between}@media(max-width:980px){.menu a.support-menu{margin-left:0;text-align:center}
.menu{display:none;position:absolute;top:82px;left:0;right:0;background:var(--mustard);padding:10px 4%;flex-direction:column;align-items:stretch}.menu.open{display:flex}.menu-toggle{display:block}.grid-3,.team{grid-template-columns:1fr 1fr}.pillars{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}}@media(max-width:650px){.nav{min-height:72px}.brand{height:62px}.brand img{width:145px;height:56px}.hero{min-height:78vh}.hero-copy{left:6%;right:6%}.hero h1{font-size:2.45rem}.section{padding:62px 0}.grid-2,.grid-3,.team,.visit-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.visit{padding:34px 18px}.card{padding:22px}.page-hero{padding:70px 0}}

/* About page extended-content styling */
.about-divider{height:1px;background:var(--line);margin:64px 0 0}.prose .lead{font-size:1.22rem;line-height:1.75}.principle-line{font-size:1.18rem;color:var(--mustard-dark);letter-spacing:.02em}.sanskrit{font-size:1.55rem;line-height:1.8;margin-bottom:14px}.transliteration{line-height:1.7}.dimension-list{display:grid;gap:18px;margin:34px 0}.dimension{display:grid;grid-template-columns:58px 1fr;gap:22px;padding:28px;background:var(--cream);border:1px solid var(--line)}.dimension-number{width:48px;height:48px;border-radius:50%;background:var(--mustard);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem}.dimension h3{margin-top:0}.dimension p:last-child{margin-bottom:0}.dimension ul{padding-left:22px}.flow-banner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--mustard);padding:28px;margin:34px 0}.flow-banner span{font-size:.8rem;text-transform:uppercase;letter-spacing:.14em;color:var(--mustard-dark);font-weight:700}.flow-banner strong{font-size:1.25rem;line-height:1.5}.flow-banner small{font-size:1rem;color:var(--muted)}.relationship-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:34px 0}.relationship{border:1px solid var(--line);padding:28px;background:#fff;box-shadow:0 6px 22px #00000008}.relationship h3{margin-top:0}.relationship p:last-child{margin-bottom:0}.journey-banner{margin-top:40px}.closing-statement{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}.closing-statement.large{font-size:1.25rem;line-height:1.7}
@media(max-width:650px){.dimension{grid-template-columns:1fr;gap:14px}.dimension-number{width:42px;height:42px}.relationship-grid{grid-template-columns:1fr}.sanskrit{font-size:1.2rem}.flow-banner strong{font-size:1.05rem}} Give me complete css file updated
/* Final slideshow overrides */
@media(max-width:650px){
  .hero-copy{
    left:5%;
    right:5%;
    bottom:62px;
    max-width:none;
    transform:none;
  }

  .hero h1{
    font-size:2.15rem;
    line-height:1.08;
    margin:0;
  }

  .hero-copy p{
    display:none;
  }

  .hero-copy .btn{
    display:inline-flex;
  }

  .hero-controls{
    left:5%;
    bottom:24px;
    gap:8px;
  }

  .dot{
    width:11px;
    height:11px;
    min-width:11px;
    min-height:11px;
    padding:0;
    border-radius:50%;
  }
}


/* Final mobile slideshow text rule */
@media screen and (max-width: 650px){
  .hero .slide .hero-copy p{
    display:none !important;
    visibility:hidden !important;
  }

  .hero .slide .hero-copy .btn{
    display:inline-flex !important;
    visibility:visible !important;
  }
}

/* Mobile slideshow: hide only slide descriptions, keep H1 and Explore button */
@media (max-width: 650px) {
  .hero .hero-copy .slide-description {
    display: none !important;
  }

  .hero .hero-copy .btn {
    display: inline-flex !important;
  }
}

/* Final mobile slideshow behavior */
@media (max-width:650px){
  .hero .hero-copy .slide-description{
    display:none !important;
  }
  .hero .hero-copy .btn{
    display:inline-flex !important;
  }
}

/* Desktop/tablet slideshow: keep heading and description on one line */
@media (min-width:651px){
  .hero .hero-copy{
    left:6%;
    right:3%;
    bottom:78px;
    max-width:none;
    width:auto;
  }

  .hero .hero-copy h1{
    white-space:nowrap;
    font-size:clamp(2rem,3.4vw,4rem);
    line-height:1.08;
    margin:0 0 10px;
  }

  .hero .hero-copy .slide-description{
    white-space:nowrap;
    max-width:none;
    font-size:1.1rem;
    line-height:1.4;
    margin:0 0 18px;
  }
}

/* Mobile: keep only H1 and Explore button */
@media (max-width:650px){
  .hero .hero-copy .slide-description{
    display:none !important;
  }

  .hero .hero-copy .btn{
    display:inline-flex !important;
  }

  .hero .hero-copy h1{
    white-space:normal;
  }
}


/* Social media sections — additive styles; existing site styles remain unchanged */
.social-media-section .section-head { margin-bottom: 34px; }
.social-video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}
.social-video {
  position: relative;
  overflow: hidden;
  background: #201d17;
  border: 1px solid var(--line);
  min-width: 0;
  aspect-ratio: 16 / 9;
}
.social-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.social-video-feature { background: var(--cream); color: var(--ink); }
.social-placeholder {
  height: 100%;
  padding: clamp(20px, 4vw, 42px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.social-platform-label {
  color: var(--mustard-dark);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.social-placeholder h3 { font-size: clamp(1.35rem, 2.5vw, 2rem); line-height: 1.2; margin: 10px 0; }
.social-placeholder p { margin: 0 0 20px; color: var(--muted); }
.instagram-follow-card {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 28px;
  background: #fff;
  border: 1px solid var(--line);
  box-shadow: 0 7px 24px #00000009;
}
.instagram-mark {
  flex: 0 0 62px;
  width: 62px;
  height: 62px;
  border: 3px solid #9D174D;
  border-radius: 18px;
  color: #9D174D;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Arial, sans-serif;
  font-size: 3.1rem;
  line-height: 1;
}
.instagram-follow-copy { flex: 1; min-width: 0; }
.instagram-follow-copy h3 { margin: 0 0 5px; }
.instagram-follow-copy p { margin: 0; color: var(--muted); }
.social-feed-note {
  max-width: 820px;
  margin: 18px auto 0;
  color: var(--muted);
  font-size: .88rem;
  text-align: center;
}
@media (max-width: 650px) {
  .social-video-grid { grid-template-columns: 1fr; }
  .instagram-follow-card { flex-direction: column; align-items: flex-start; padding: 22px; }
  .instagram-follow-card .btn { align-self: flex-start; }
}

.instagram-widget-wrap { width: 100%; }
.instagram-widget-placeholder {
  min-height: 230px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 28px;
  text-align: center;
  background: #fff;
  border: 1px dashed var(--line);
}
.instagram-widget-placeholder h3 { margin: 0; }
.instagram-widget-placeholder p { max-width: 560px; margin: 0 0 8px; color: var(--muted); }

/* Navigation and brand refinements */
.brand {
  gap: 12px;
  flex-shrink: 0;
}
.brand-name {
  display: inline-block;
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1rem, 1.35vw, 1.25rem);
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}
.menu a.active,
.menu a.active:hover {
  background: #FFE98A;
  color: #201d17;
  border-radius: 4px;
  box-shadow: inset 0 -3px 0 #8A6500;
}
.menu a.support-menu {
  background: transparent;
  color: inherit;
  border-radius: 0;
  padding: 10px;
  margin-left: 0;
  box-shadow: none;
}
.menu a.support-menu:hover {
  background: #fff5;
  color: inherit;
  transform: none;
}
.footer-support {
  display: none !important;
}
@media (max-width: 1180px) {
  .nav { gap: 12px; }
  .brand { gap: 8px; }
  .brand img { width: 145px; }
  .brand-name {
    font-size: .98rem;
    white-space: normal;
    max-width: 135px;
  }
  .menu { gap: 0; }
  .menu a { padding: 8px 6px; font-size: .8rem; }
}
@media (max-width: 980px) {
  .brand img { width: 145px; }
  .brand-name { font-size: 1rem; max-width: 190px; }
  .menu a { padding: 10px; font-size: .9rem; }
}
@media (max-width: 650px) {
  .brand { gap: 7px; }
  .brand img { width: 112px; }
  .brand-name {
    font-size: .92rem;
    max-width: 155px;
  }
  .menu a.active,
  .menu a.active:hover {
    background: #FFE98A;
    box-shadow: inset 4px 0 0 #8A6500;
    border-radius: 3px;
  }
}


/* Contact form submission feedback */
.form-status { padding: 12px 16px; margin: 0 0 16px; border-left: 4px solid #8A6500; background: #FBF7E8; color: #201d17; border-radius: 4px; }
.form-status[hidden] { display: none; }


/* Consistent brand label and current-page navigation across all pages */
.brand { gap: 12px; flex-shrink: 0; }
.brand-name { display: inline-block; color: var(--ink); font-family: Georgia, "Times New Roman", serif; font-size: clamp(.95rem, 1.2vw, 1.2rem); font-weight: 700; line-height: 1.2; white-space: normal; max-width: 180px; }
.menu a.active, .menu a[aria-current="page"] { background: #FFE98A !important; color: #201d17 !important; border-radius: 4px; box-shadow: inset 0 -3px 0 #8A6500 !important; }
.menu a.active:hover, .menu a[aria-current="page"]:hover { background: #FFE98A !important; color: #201d17 !important; }
/* Support Us is a normal navigation link, never a permanently highlighted CTA. */
.menu a.support-menu { background: transparent !important; color: inherit !important; border-radius: 0 !important; padding: 10px !important; margin-left: 0 !important; box-shadow: none !important; transform: none !important; }
.menu a.support-menu:hover { background: #fff5 !important; color: inherit !important; }
.form-honeypot, .form-honeypot[hidden] { display: none !important; position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
.form-status { padding: 12px 16px; margin: 0 0 16px; border-left: 4px solid #8A6500; background: #FBF7E8; color: #201d17; border-radius: 4px; }
.form-status[hidden] { display: none !important; }
.form-status.error { border-left-color: #b42318; background: #fff0ef; }
@media (max-width: 1180px) { .brand { gap: 8px; } .brand img { width: 145px; } .brand-name { font-size: .94rem; max-width: 135px; } .menu { gap: 0; } .menu a { padding: 8px 6px; font-size: .8rem; } }
@media (max-width: 980px) { .brand img { width: 145px; } .brand-name { font-size: .98rem; max-width: 190px; } .menu a { padding: 10px; font-size: .9rem; } }
@media (max-width: 650px) { .brand { gap: 7px; } .brand img { width: 112px; } .brand-name { font-size: .9rem; max-width: 145px; } .menu a.active, .menu a[aria-current="page"] { background: #FFE98A !important; box-shadow: inset 4px 0 0 #8A6500 !important; border-radius: 3px; } }


/* Footer social profile links */
.footer-social{display:flex;align-items:center;gap:16px}
.footer-social .social-link{display:inline-flex;align-items:center;gap:7px;color:var(--ink,#201d17);font-weight:700;text-decoration:none;white-space:nowrap}
.footer-social .social-link:hover{text-decoration:underline;text-underline-offset:4px}
.footer-social svg{width:23px;height:23px;display:block;flex:0 0 23px}
@media(max-width:650px){.footer-social{gap:18px;margin-top:8px}.footer-social .social-link{font-size:.95rem}}


/* Contact form honeypot: hidden from visitors but left in the form for spam checks. */
.honeypot {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}
.form-status { margin: 1rem 0; padding: .85rem 1rem; border-radius: 8px; }
.form-status.success { background: #eaf7ec; color: #155724; }
.form-status.error { background: #fff0ee; color: #8a1f11; }

.form button:disabled { opacity: .7; cursor: wait; }

/* Gallery thumbnails and full-size image viewer */
.gallery{columns:initial;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.gallery figure{aspect-ratio:4/3;overflow:hidden;margin:0;cursor:pointer}
.gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.gallery figure:hover img{transform:scale(1.04)}
.lightbox{gap:24px}
.lightbox img{max-width:calc(100vw - 180px);max-height:90vh;width:auto;height:auto;object-fit:contain}
.lightbox-nav,.close{display:grid;place-items:center;border:1px solid #ffffff88;border-radius:50%;background:#0009;color:#fff;cursor:pointer}
.lightbox-nav{width:54px;height:54px;font-size:2.5rem;line-height:1;flex:0 0 auto}
.lightbox-nav:hover,.close:hover{background:#fff;color:#111}
.close{position:absolute;right:24px;top:20px;width:48px;height:48px;font-size:2rem;z-index:1}
@media(max-width:650px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lightbox{padding:70px 10px 20px;gap:8px}.lightbox img{max-width:calc(100vw - 104px);max-height:80vh}.lightbox-nav{width:40px;height:40px;font-size:2rem}.close{right:12px;top:12px;width:42px;height:42px}}

/* Explicit gallery layout and clickable lightbox controls */
.gallery{display:grid!important;columns:initial!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}
.gallery figure{display:block;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;margin:0;break-inside:auto}
.gallery figure img{display:block;width:100%;height:100%;object-fit:cover}
.lightbox.open{display:flex!important;isolation:isolate}
.lightbox .lightbox-nav{position:relative;z-index:3;pointer-events:auto;touch-action:manipulation}
.lightbox .close{z-index:4;pointer-events:auto;touch-action:manipulation}
.lightbox>img{position:relative;z-index:1;pointer-events:none}
@media(max-width:650px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lightbox{gap:8px}.lightbox .lightbox-nav{flex:0 0 40px}}

/* Fixed landscape thumbnail frames; full images remain in the lightbox */
.gallery figure{height:clamp(170px,20vw,260px)!important;aspect-ratio:auto!important;overflow:hidden!important}
.gallery figure img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
@media(max-width:650px){.gallery figure{height:clamp(130px,38vw,210px)!important}}
