/* ── Manatattva shared site styles ── */
/* Loaded by every page. Page-specific styles stay inline. */

/* TOKENS & RESET */
:root{
  color-scheme:only light;
  --teal:#0AACB8;--teal-dark:#097A84;--teal-light:#18C4CE;
  --teal-bg:rgba(10,172,184,.08);--teal-border:rgba(10,172,184,.2);
  --gold:#C09A38;--gold-dark:#7A5C1A;
  --gold-bg:rgba(192,154,56,.1);--gold-border:rgba(192,154,56,.2);
  --ink:#0F0E0C;--ink-55:rgba(15,14,12,.55);--ink-45:rgba(15,14,12,.45);
  --ink-30:rgba(15,14,12,.3);--ink-08:rgba(15,14,12,.08);
  --white:#FEFCF7;--off-white:#F5F5F0;
  --cream:#F9F8F4;--dark:#111111;--dark-mid:#1C1C1C;
  --dark-border:rgba(255,255,255,.06);--dark-text:rgba(255,255,255,.6);--dark-faint:rgba(255,255,255,.22);
  --r:8px;--r-lg:12px;
  --nav-h:112px;--bar-h:28px;--bar-total:140px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:var(--bar-total)}
body{padding-top:var(--bar-total);font:400 16px/1.7 'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--white)}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:3px}

/* ── NAV ── */
#site-nav{position:fixed;top:0;left:0;right:0;z-index:101;height:var(--nav-h);display:flex;align-items:center;padding:0 clamp(20px,4vw,60px);background:linear-gradient(to bottom,rgba(255,253,248,.98) 0%,rgba(249,246,238,.97) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Ccircle cx='1' cy='1' r='1' fill='%230AACB8' fill-opacity='.09'/%3E%3Ccircle cx='15' cy='15' r='1' fill='%23C09A38' fill-opacity='.07'/%3E%3C/svg%3E");backdrop-filter:blur(14px);border-bottom:1px solid rgba(192,154,56,.18);box-shadow:0 1px 0 rgba(192,154,56,.10),0 2px 16px rgba(17,17,17,.07)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto}
.nav-brand{display:flex;align-items:center;gap:14px;text-decoration:none}
.nav-logo-box{width:100px;height:100px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.nav-logo-box img{width:107px;height:107px;object-fit:cover;object-position:center 40%;border-radius:50%}
.nav-brand-text{display:flex;flex-direction:column;gap:3px}
.nav-brand-text .name{font:700 26px/1 'Lora',serif;color:var(--gold);letter-spacing:-.01em}
.nav-brand-text .tag{font:500 10px/1 'DM Sans',sans-serif;color:var(--teal-dark);letter-spacing:.08em;margin-top:3px}
.nav-links{display:flex;align-items:center;gap:6px;list-style:none}
.nav-links>li>a{font:400 13.5px/1 'DM Sans',sans-serif;color:var(--ink);padding:7px 12px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;transition:background .15s,color .15s;white-space:nowrap}
.nav-links>li>a:hover{background:rgba(10,172,184,.08);color:var(--teal)}
.nav-cta{display:inline-flex;align-items:center;font:500 13px/1 'DM Sans',sans-serif;letter-spacing:.02em;color:var(--ink);background:var(--gold);border-radius:var(--r);padding:10px 22px;transition:background .2s;white-space:nowrap;border:none}
.nav-cta:hover{background:#A8882E;color:var(--ink)}
.nav-cta:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--ink);border-radius:6px;transition:background .15s}
.nav-hamburger:hover{background:var(--ink-08)}
.nav-has-dropdown{position:relative}
.nav-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-4px);width:240px;background:var(--white);border:1px solid var(--ink-08);border-radius:12px;box-shadow:0 12px 40px rgba(12,13,13,.14);padding:6px;padding-top:14px;margin-top:0;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
.nav-dropdown::before{content:'';position:absolute;top:-10px;left:0;right:0;height:10px}
.nav-has-dropdown:hover .nav-dropdown,.nav-has-dropdown:focus-within .nav-dropdown{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.nav-dropdown a{display:flex;align-items:center;padding:9px 14px;font:400 13px/1.2 'DM Sans',sans-serif;color:var(--ink);border-radius:8px;transition:background .12s,color .12s}
.nav-dropdown a:hover{background:rgba(10,172,184,.08);color:var(--teal)}
.nav-dropdown-sep{height:1px;background:var(--ink-08);margin:4px 0}
.nav-arrow{width:10px;height:10px;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s;opacity:.5}
.nav-has-dropdown:hover .nav-arrow{transform:rotate(180deg)}

/* ── SOCIAL BAR ── */
#social-bar{position:fixed;top:var(--nav-h);left:0;right:0;z-index:100;height:var(--bar-h);background:var(--gold);display:flex;align-items:center;padding:0 clamp(20px,4vw,60px)}
#social-bar-inner{display:flex;align-items:center;width:100%;max-width:1400px;margin:0 auto}
.social-bar-email{display:flex;align-items:center;gap:6px;font:600 12px/1 'DM Sans',sans-serif;letter-spacing:.06em;color:var(--ink);text-decoration:none;flex:1}
.social-bar-email svg{flex-shrink:0;color:var(--ink-55)}
.social-bar-icons{display:flex;align-items:center;gap:2px}
.social-bar-link{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--ink-45);transition:color .2s}
.social-bar-link:hover{color:var(--ink)}

/* ── MOBILE MENU ── */
.mobile-menu{display:none;position:fixed;inset:0;z-index:200}
.mobile-menu.open{display:block}
.mobile-overlay{position:absolute;inset:0;background:rgba(12,13,13,.5);backdrop-filter:blur(4px)}
.mobile-drawer{position:absolute;top:0;right:0;bottom:0;width:min(320px,90vw);background:var(--white);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}
.mobile-menu.open .mobile-drawer{transform:translateX(0)}
.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--ink-08)}
.mobile-drawer-brand{font:700 18px/1 'Lora',serif;color:var(--gold)}
.mobile-menu-close{background:none;border:none;cursor:pointer;padding:8px;color:var(--ink);border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;transition:background .15s}
.mobile-menu-close:hover{background:var(--ink-08)}
.mobile-nav-links{display:flex;flex-direction:column;padding:16px 0;flex:1;overflow-y:auto}
.mobile-nav-links a{display:block;padding:13px 24px;font:400 16px/1 'DM Sans',sans-serif;color:var(--ink);transition:background .15s,color .15s}
.mobile-nav-links a:hover{background:rgba(10,172,184,.06);color:var(--teal)}
.mobile-programs-toggle{width:100%;background:none;border:none;text-align:left;padding:13px 24px;font:400 16px/1 'DM Sans',sans-serif;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:background .15s}
.mobile-programs-toggle:hover{background:rgba(10,172,184,.06)}
.mobile-programs-toggle svg{transition:transform .2s;flex-shrink:0}
.mobile-programs-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.mobile-programs-sub{display:none;flex-direction:column;background:var(--off-white)}
.mobile-programs-sub.open{display:flex}
.mobile-programs-sub a{padding:11px 24px 11px 36px;font-size:14px;color:var(--ink-55)}
.mobile-cta{margin:16px 24px 0;background:var(--teal)!important;color:#fff!important;border-radius:var(--r)!important;text-align:center;padding:14px 24px!important;font-weight:500!important}
.mobile-cta:hover{background:var(--teal-dark)!important}
.mobile-drawer-footer{padding:20px 24px;border-top:1px solid var(--ink-08)}
.mobile-social{display:flex;gap:20px}
.mobile-social a{color:var(--ink-45);transition:color .2s;display:flex;align-items:center}
.mobile-social a:hover{color:var(--teal)}

/* ── BREADCRUMB ── */
.breadcrumb,.article-breadcrumb{position:fixed;top:var(--bar-total,140px);left:0;right:0;z-index:99;display:flex;align-items:center;gap:6px;padding:9px clamp(20px,5vw,80px);font:400 12px/1 'DM Sans',sans-serif;color:var(--ink-55);background:#f5f2ec;border-bottom:1px solid rgba(192,154,56,.2);margin:0;list-style:none;flex-wrap:wrap}
@media(max-width:767px){.breadcrumb,.article-breadcrumb{top:var(--nav-h,112px)}}
.breadcrumb a,.article-breadcrumb a{color:var(--teal);text-decoration:underline;text-underline-offset:3px;transition:color .18s}
.breadcrumb a:hover,.article-breadcrumb a:hover{color:var(--teal-dark)}
.breadcrumb .bc-sep,.article-breadcrumb span{color:var(--ink-30)}
.breadcrumb li[aria-current="page"]{color:var(--ink-55)}
.breadcrumb[hidden]{display:none!important}
.has-breadcrumb{padding-top:calc(var(--bar-total) + 36px)}
@media(max-width:767px){.has-breadcrumb{padding-top:calc(var(--nav-h) + 36px)}}
.bc-sep{color:var(--ink-30)}

/* ── ACCESSIBILITY ── */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ── COOKIE BANNER ── */
#cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9600;background:rgba(12,13,13,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.06);padding:16px clamp(20px,5vw,60px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1)}
#cookie-banner.show{transform:translateY(0)}
.cookie-text{font:400 13px/1.6 'DM Sans',sans-serif;color:rgba(255,255,255,.55);max-width:600px}
.cookie-text a{color:var(--teal);text-decoration:underline}
.cookie-actions{display:flex;gap:10px;flex-shrink:0}
.cookie-accept{background:var(--teal);color:#fff;border:none;border-radius:4px;padding:9px 20px;font:600 12px 'DM Sans',sans-serif;letter-spacing:.04em;cursor:pointer}
.cookie-accept:hover{background:var(--teal-dark);color:#fff}
.cookie-decline{background:transparent;color:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:9px 20px;font:400 12px 'DM Sans',sans-serif;cursor:pointer}
.cookie-decline:hover{color:rgba(255,255,255,.65)}
@media(max-width:600px){.cookie-actions{width:100%}.cookie-accept,.cookie-decline{flex:1;text-align:center}}

/* ── FOOTER ── */
#footer{background:radial-gradient(ellipse 40% 200% at 0% 50%,rgba(10,172,184,.22) 0%,transparent 70%),radial-gradient(ellipse 30% 200% at 100% 50%,rgba(192,154,56,.14) 0%,transparent 70%),#111111;padding:64px clamp(20px,5vw,80px) 32px}
.footer-inner{max-width:1200px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-brand-logo{display:block;margin-bottom:16px;opacity:.9;transition:opacity .2s}
.footer-brand-logo:hover{opacity:1}
.footer-brand-logo img{display:block}
.footer-brand-name{font:700 22px/1 'Lora',serif;color:#fff;letter-spacing:-.01em;margin-bottom:8px}
.footer-brand-badge{display:inline-flex;align-items:center;gap:6px;margin-top:20px;background:rgba(10,172,184,.12);border:1px solid rgba(10,172,184,.25);border-radius:20px;padding:6px 14px;font:500 11px/1 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}
.footer-col-title{font:600 10px/1 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:18px}
.footer-col-links{display:flex;flex-direction:column;gap:12px}
.footer-col-links a{font:400 13px/1 'DM Sans',sans-serif;color:rgba(255,255,255,.6);text-decoration:none;transition:color .18s}
.footer-col-links a:hover{color:#fff}
.footer-contact-email{font:500 13px/1 'DM Sans',sans-serif;color:var(--teal);text-decoration:none;transition:color .18s;display:block;margin-bottom:16px}
.footer-contact-email:hover{color:#fff}
.footer-social-row{display:flex;gap:14px;margin-top:4px}
.footer-social-row a{display:flex;align-items:center;color:rgba(255,255,255,.4);transition:color .18s}
.footer-social-row a:hover{color:#fff}
.footer-divider{height:1px;background:rgba(255,255,255,.07);margin-bottom:24px}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-copy{font:400 11px/1 'DM Sans',sans-serif;color:rgba(255,255,255,.22);letter-spacing:.04em}
.footer-legal-links{display:flex;gap:20px}
.footer-legal-links a{font:400 11px/1 'DM Sans',sans-serif;color:rgba(255,255,255,.28);text-decoration:none;transition:color .18s}
.footer-legal-links a:hover{color:rgba(255,255,255,.7)}
#cookie-pref-btn{font:400 11px/1 'DM Sans',sans-serif;color:rgba(255,255,255,.28);background:none;border:none;padding:0;cursor:pointer;transition:color .18s;letter-spacing:inherit}
#cookie-pref-btn:hover{color:rgba(255,255,255,.7)}

/* ── SHARED PROGRAM PAGE STYLES ── */
.prog-hero-inner{max-width:820px;margin:0 auto}
.prog-eyebrow{font:500 11px 'DM Sans',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:16px}
.prog-h1{font:700 clamp(32px,5vw,54px)/1.08 'Lora',serif;color:#fff;letter-spacing:-.02em;margin-bottom:20px}
.prog-lead{font:300 clamp(16px,2vw,19px)/1.75 'DM Sans',sans-serif;color:rgba(255,255,255,.68);max-width:640px;margin-bottom:36px}
.prog-hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
.btn-teal{display:inline-flex;align-items:center;justify-content:center;font:500 14px/1 'DM Sans',sans-serif;letter-spacing:.02em;color:#fff;background:var(--teal);padding:13px 30px;border-radius:var(--r);border:none;cursor:pointer;transition:all .22s ease;text-decoration:none;min-height:44px}
.btn-teal:hover{background:var(--teal-dark);transform:translateY(-2px);box-shadow:0 8px 26px rgba(10,172,184,.4)}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;font:500 14px/1 'DM Sans',sans-serif;letter-spacing:.02em;color:var(--ink);background:var(--gold);padding:13px 30px;border-radius:var(--r);border:none;cursor:pointer;transition:all .22s ease;text-decoration:none;min-height:44px}
.btn-gold:hover{background:#A8882E;transform:translateY(-2px)}
.btn-outline-white{display:inline-flex;align-items:center;justify-content:center;font:500 14px/1 'DM Sans',sans-serif;letter-spacing:.02em;color:#fff;background:transparent;padding:13px 30px;border-radius:var(--r);border:1.5px solid rgba(255,255,255,.28);cursor:pointer;transition:all .22s ease;text-decoration:none;min-height:44px}
.btn-outline-white:hover{background:rgba(10,172,184,.1);border-color:rgba(255,255,255,.6)}
.btn-white{display:inline-flex;align-items:center;justify-content:center;font:500 14px 'DM Sans',sans-serif;color:var(--teal);background:#fff;padding:13px 32px;border-radius:var(--r);transition:background .2s;min-height:44px}
.btn-white:hover{background:rgba(255,255,255,.9)}
.prog-content{max-width:820px;margin:0 auto;padding:64px clamp(20px,5vw,40px) 80px}
/* ── TYPOGRAPHY STANDARDS (apply sitewide) ──
   Section title (What We Offer, Why Manatattva, etc.): clamp(34px,4.2vw,50px)
   Sub-section h2 (The Story, Format, etc.):            clamp(26px,3.2vw,38px)
   Eyebrow label:                                        11-12px uppercase tracked
   Body text:                                            16px / 1.85 DM Sans 300
── */
.section-header-center{text-align:center;margin-bottom:48px}
.section-header-center h2{font:700 clamp(34px,4.2vw,50px)/1.05 'Lora',serif;color:var(--ink);letter-spacing:-.02em;text-wrap:balance}
.section-header-center .eyebrow{display:block;font:600 12px/1 'DM Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--teal-dark);margin-bottom:12px}
.section-header{margin-bottom:40px}
.section-header h2{font:700 clamp(34px,4.2vw,50px)/1.05 'Lora',serif;color:var(--ink);letter-spacing:-.02em;text-wrap:balance}
.section-header .eyebrow{display:block;font:600 12px/1 'DM Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--teal-dark);margin-bottom:12px}
.section-block{margin-bottom:56px}
.section-block h2{font:700 clamp(26px,3.2vw,38px)/1.1 'Lora',serif;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em}
.section-divider{width:44px;height:3px;background:linear-gradient(to right,var(--teal),var(--gold));border-radius:2px;margin-bottom:28px}
.prose p{font:300 16px/1.85 'DM Sans',sans-serif;color:var(--ink-55);margin-bottom:18px;text-align:justify;hyphens:auto}
@media(max-width:600px){.prose p,.founder-inner p,.about-prose p{text-align:left;hyphens:none}}
.prose p:last-child{margin-bottom:0}
.outcomes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:8px}
.outcome-card{background:rgba(10,172,184,.05);border:1px solid rgba(10,172,184,.15);border-radius:var(--r-lg);padding:22px 20px;display:flex;gap:14px;align-items:flex-start}
.outcome-card--gold{background:rgba(192,154,56,.06);border-color:rgba(192,154,56,.18)}
.outcome-icon{width:32px;height:32px;border-radius:8px;background:rgba(10,172,184,.12);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.outcome-icon--gold{background:rgba(192,154,56,.12)}
.outcome-icon svg{width:16px;height:16px;color:var(--teal)}
.outcome-icon--gold svg{color:var(--gold)}
.outcome-card p{font:400 14px/1.6 'DM Sans',sans-serif;color:var(--ink-55);margin:0}
.audience-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.audience-tag{font:400 13px 'DM Sans',sans-serif;color:var(--ink-55);background:var(--off-white);border:1px solid var(--ink-08);border-radius:20px;padding:8px 16px}
.format-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:8px}
.format-card{background:var(--white);border:1px solid var(--ink-08);border-radius:var(--r-lg);padding:24px 20px}
.format-card h3{font:600 15px 'Lora',serif;color:var(--ink);margin-bottom:8px}
.format-card p{font:400 13px/1.6 'DM Sans',sans-serif;color:var(--ink-45)}
.pillars-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.pillar-item{display:flex;gap:14px;padding:18px 20px;background:var(--off-white);border-radius:var(--r);align-items:flex-start}
.pillar-num{font:700 20px/1 'Lora',serif;color:var(--teal);flex-shrink:0;width:28px}
.pillar-item h3{font:600 15px 'DM Sans',sans-serif;color:var(--ink);margin-bottom:4px}
.pillar-item p{font:400 13px/1.6 'DM Sans',sans-serif;color:var(--ink-45)}
.faq-list{display:flex;flex-direction:column;gap:2px;margin-top:8px}
.faq-item{border:1px solid var(--ink-08);border-radius:var(--r)}
.faq-q{width:100%;background:none;border:none;text-align:left;padding:18px 20px;font:500 15px/1.4 'DM Sans',sans-serif;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;transition:background .15s}
.faq-q:hover{background:rgba(10,172,184,.04)}
.faq-q svg{flex-shrink:0;transition:transform .2s;color:var(--teal)}
.faq-q[aria-expanded="true"] svg{transform:rotate(180deg)}
.faq-a{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.faq-a.open{max-height:600px;padding:0 20px 18px}
.faq-a p{font:400 14px/1.7 'DM Sans',sans-serif;color:var(--ink-55)}
.cta-band{border-radius:var(--r-lg);padding:48px 40px;text-align:center;margin-top:56px}
.cta-band .eyebrow{color:var(--gold);display:block;margin-bottom:8px}
.cta-band h2{font:700 clamp(24px,3vw,34px)/1.1 'Lora',serif;color:#fff;margin-bottom:12px}
.cta-band p{font:300 15px/1.7 'DM Sans',sans-serif;color:rgba(255,255,255,.78);max-width:480px;margin:0 auto 28px}
.cta-band--teal{background:linear-gradient(135deg,#0AACB8 0%,#097A84 100%)}
.cta-band--dark{background:linear-gradient(135deg,#0F0E0C 0%,#1C1C1C 100%)}

/* ── FLOATER ── */
#floater-btn{position:fixed;bottom:96px;right:28px;z-index:9500;width:52px;height:52px;border-radius:50%;background:var(--gold);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(192,154,56,.5);transition:transform .2s,box-shadow .2s}
#floater-btn:hover{transform:scale(1.08);box-shadow:0 6px 28px rgba(192,154,56,.65)}
#floater-btn svg{width:22px;height:22px;color:#fff}
#floater-panel{position:fixed;bottom:160px;right:28px;z-index:9500;width:340px;background:var(--white);border-radius:var(--r-lg);box-shadow:0 12px 48px rgba(12,13,13,.18);padding:0;transform:translateY(12px);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s;overflow:hidden}
#floater-panel.open{transform:translateY(0);opacity:1;pointer-events:auto}
.floater-header{display:flex;align-items:center;gap:10px;padding:16px 18px 0}
.floater-logo{width:40px;height:40px;object-fit:contain;flex-shrink:0}
.floater-brand{display:flex;flex-direction:column;gap:1px;flex:1}
.floater-brand-name{font:700 14px/1 'Lora',serif;color:var(--ink);letter-spacing:-.01em}
.floater-brand-tag{font:400 10px/1 'DM Sans',sans-serif;color:var(--ink-45);letter-spacing:.08em;text-transform:uppercase}
.floater-close{background:none;border:none;cursor:pointer;color:var(--ink-45);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .15s,color .15s;flex-shrink:0}
.floater-close:hover{background:var(--off-white);color:var(--ink)}
.floater-divider{height:3px;background:linear-gradient(to right,var(--gold),var(--teal));margin:14px 0 0}
.floater-body{padding:18px 18px 20px}
.floater-title{font:700 16px/1.1 'Lora',serif;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em}
.floater-sub{font:400 12px/1.5 'DM Sans',sans-serif;color:var(--ink-55);margin-bottom:16px}
#floater-form input,#floater-form textarea,#floater-form select{width:100%;border:1px solid var(--ink-08);border-radius:var(--r);padding:10px 12px;font:400 13px 'DM Sans',sans-serif;color:var(--ink);background:var(--off-white);margin-bottom:10px;outline:none;transition:border-color .18s,box-shadow .18s;box-sizing:border-box;-webkit-appearance:none}
#floater-form input:focus,#floater-form textarea:focus,#floater-form select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(10,172,184,.12)}
#floater-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%230F0E0C' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}
#floater-form textarea{resize:vertical;min-height:72px;line-height:1.5}
#floater-form button[type=submit]{width:100%;background:var(--teal);color:#fff;border:none;border-radius:var(--r);padding:12px;font:500 13px/1 'DM Sans',sans-serif;cursor:pointer;letter-spacing:.03em;transition:background .2s;min-height:44px}
#floater-form button[type=submit]:hover{background:var(--teal-dark)}
@media(max-width:400px){#floater-panel{width:calc(100vw - 32px);right:16px}}

/* ── PROGRAM HERO DEFAULT (background overridden inline per page) ── */
.prog-hero-section{background:linear-gradient(135deg,#0F0E0C 0%,#1C1C1C 100%);padding:64px clamp(20px,5vw,80px) 72px;border-bottom:3px solid var(--teal)}

/* ── RESPONSIVE ── */
@media(max-width:1023px){
  .nav-links{display:none}
  .nav-hamburger{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
}
@media(max-width:767px){
  #social-bar{display:none}
  html{scroll-padding-top:var(--nav-h)}
  body{padding-top:var(--nav-h)}
}
@media(max-width:1024px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:36px 40px}
}
@media(max-width:768px){
  .footer-grid{grid-template-columns:1fr;gap:32px}
  .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}
}
@media(max-width:600px){
  .prog-hero-ctas{flex-direction:column}
  .btn-teal,.btn-outline-white,.btn-gold{width:100%}
  .cta-band{padding:36px 24px}
}
@media(max-width:480px){
  .format-grid,.outcomes-grid{grid-template-columns:1fr}
}

/* ── TRUST / PROGRAMS MARQUEE ── */
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
#trust-bar{background:radial-gradient(ellipse 40% 200% at 0% 50%,rgba(10,172,184,.22) 0%,transparent 70%),radial-gradient(ellipse 30% 200% at 100% 50%,rgba(192,154,56,.14) 0%,transparent 70%),#111111;padding:11px 0;overflow:hidden}
.trust-track{display:flex;align-items:center;gap:0;animation:marquee 36s linear infinite;width:max-content}
.trust-item{display:flex;align-items:center;gap:0;white-space:nowrap;padding:0 32px}
.trust-item svg{display:none}
.trust-item span{font:600 11px/1 'DM Sans',sans-serif;color:rgba(192,154,56,.75);letter-spacing:.06em}
.trust-dot{display:none}
.trust-sep{width:1px;height:10px;background:rgba(192,154,56,.25);flex-shrink:0}
@media(prefers-reduced-motion:reduce){.trust-track{animation:none}}

/* ── HOMEPAGE STYLES ── */

/* Animations */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes blob1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(90px,-70px) scale(1.1)}}
@keyframes blob2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-80px,90px) scale(.92)}}
@keyframes blob3{0%,100%{transform:translate(0,0)}33%{transform:translate(60px,40px)}66%{transform:translate(-50px,-35px)}}
@keyframes pulseRing{0%,100%{box-shadow:0 0 0 0 rgba(10,172,184,.4)}70%{box-shadow:0 0 0 10px rgba(10,172,184,0)}}
@keyframes rotateWord{0%,100%{opacity:0;transform:scale(.93) translateY(6px);filter:blur(4px)}8%,26%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}33%{opacity:0;transform:scale(1.03) translateY(-4px);filter:blur(3px)}}

/* Utility */
.fade-up{animation:fadeUp .65s ease both}
.sc{transition:transform .3s ease,box-shadow .3s ease}
.sc:hover{transform:translateY(-6px)!important;box-shadow:0 20px 48px rgba(10,172,184,.12)!important}
.btn-outline-teal{display:inline-flex;align-items:center;justify-content:center;font:500 14px/1 'DM Sans',sans-serif;letter-spacing:.02em;color:var(--teal-dark);background:transparent;padding:12px 28px;border-radius:var(--r);border:1.5px solid var(--teal-dark);cursor:pointer;transition:all .22s ease;text-decoration:none;min-height:44px}
.btn-outline-teal:hover{background:rgba(10,172,184,.08);border-color:var(--teal-dark)}
.eyebrow{font:600 12px 'DM Sans',sans-serif;color:var(--teal-dark);letter-spacing:.2em;text-transform:uppercase}
.eyebrow-gold{font:600 13px 'DM Sans',sans-serif;color:var(--gold-dark);letter-spacing:.18em;text-transform:uppercase}
.divider{width:56px;height:3px;background:linear-gradient(to right,var(--teal),var(--gold));border-radius:2px;margin-top:16px}
.section-pad{padding:88px clamp(20px,5vw,80px)}
.nl{transition:color .2s}.nl:hover{color:var(--teal)!important}
.nav-links a{min-height:44px;display:inline-flex;align-items:center}
.nav-links a,.blog-card,.svc-card{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Hero */
#hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:stretch;overflow:hidden;background:var(--dark);padding-top:0}
.hero-blob{position:absolute;border-radius:50%;pointer-events:none}
.hero-blob-1{width:700px;height:700px;background:radial-gradient(circle,rgba(10,172,184,.6) 0%,transparent 70%);top:-12%;left:-6%;animation:blob1 13s ease-in-out infinite}
.hero-blob-2{width:560px;height:560px;background:radial-gradient(circle,rgba(24,196,206,.38) 0%,transparent 70%);bottom:-14%;right:2%;animation:blob2 17s ease-in-out infinite}
.hero-blob-3{width:380px;height:380px;background:radial-gradient(circle,rgba(200,168,75,.22) 0%,transparent 70%);top:28%;right:18%;animation:blob3 22s ease-in-out infinite}
.hero-split{position:relative;z-index:2;display:grid;grid-template-columns:1fr 44%;width:100%;max-width:1400px;margin:0 auto;padding:0 clamp(20px,4vw,80px)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:40px 60px 60px 0}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(10,172,184,.14);border:1px solid rgba(10,172,184,.28);border-radius:100px;padding:7px 18px;margin-bottom:32px;animation:fadeUp .65s ease .1s both;align-self:flex-start}
#hero-badge[hidden]{display:none!important}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--teal-light);animation:pulseRing 2s infinite;flex-shrink:0}
.hero-badge span{font:500 11px 'DM Sans',sans-serif;color:var(--teal-light);letter-spacing:.14em;text-transform:uppercase}
.hero-h1{font:700 clamp(44px,6.5vw,84px)/1.02 'Lora',serif;color:#fff;letter-spacing:-.025em;margin-bottom:20px;animation:fadeUp .65s ease .2s both;text-align:left}
.hero-h1 .gradient-text{background:linear-gradient(90deg,#18C4CE,#0AACB8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-byline{font:400 13px/1 'DM Sans',sans-serif;color:rgba(255,255,255,.45);letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px;animation:fadeUp .65s ease .28s both}
.hero-byline strong{color:rgba(255,255,255,.75);font-weight:500}
.hero-audience{font:300 clamp(15px,1.6vw,18px)/1.6 'DM Sans',sans-serif;color:rgba(255,255,255,.68);animation:fadeUp .65s ease .36s both;margin-bottom:36px;max-width:480px}
.hero-proof{display:flex;align-items:center;gap:16px;margin-bottom:40px;animation:fadeUp .65s ease .44s both}.hero-proof[hidden]{display:none!important}
.hero-proof-stat{text-align:center}
.hero-proof-stat .num{font:700 clamp(24px,3vw,32px)/1 'Lora',serif;color:var(--teal-light)}
.hero-proof-stat .lbl{font:400 11px/1.3 'DM Sans',sans-serif;color:rgba(255,255,255,.42);letter-spacing:.06em;margin-top:4px}
.hero-proof-sep{width:1px;height:36px;background:rgba(255,255,255,.12);flex-shrink:0}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;animation:fadeUp .65s ease .52s both}
.hero-photo-col{position:relative;display:flex;align-items:stretch;justify-content:center;overflow:hidden}
.hero-photo-col::before{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--dark) 0%,transparent 30%),linear-gradient(to top,var(--dark) 0%,transparent 18%);z-index:1;pointer-events:none}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;animation:fadeUp .8s ease .15s both}
.exp-badge{position:absolute;bottom:28px;right:28px;z-index:2;background:var(--gold);color:#fff;border-radius:50%;width:96px;height:96px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 6px 24px rgba(200,168,75,.45);animation:fadeUp .7s ease .6s both}
.exp-badge-num{font:700 22px/1 'Lora',serif;letter-spacing:-.01em}
.exp-badge-label{font:500 12px/1.3 'DM Sans',sans-serif;opacity:.88;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}

/* Stats Strip */
#stats-strip{background:var(--white);border-bottom:1px solid rgba(10,172,184,.1);padding:36px clamp(20px,5vw,80px)}
.stats-inner{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:24px;max-width:1200px;margin:0 auto}
.stat-item{text-align:center;opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
.stat-item.visible{opacity:1;transform:translateY(0)}
.stat-num{font:700 clamp(32px,4vw,42px)/1 'Lora',serif}
.stat-num.teal{color:var(--teal)}
.stat-num.gold{color:var(--gold)}
.stat-label{font:400 13px 'DM Sans',sans-serif;color:var(--ink-45);margin-top:6px}
.stat-sep{width:1px;height:44px;background:rgba(10,172,184,.15);flex-shrink:0}

/* Services */
#services{background:var(--white);padding:96px clamp(20px,5vw,80px)}
.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;max-width:1200px;margin:0 auto}
.svc-card{background:var(--off-white);border-radius:var(--r-lg);padding:34px 28px;border-top:3px solid var(--teal)}
.svc-card.gold-top{border-top-color:var(--gold)}
.svc-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.svc-icon.teal-icon{background:var(--teal-bg)}
.svc-icon.gold-icon{background:var(--gold-bg)}
.svc-icon svg{width:22px;height:22px}
.svc-card h3{font:600 16px/1.3 'Lora',serif;color:var(--ink);margin-bottom:10px}
.svc-card p{font:400 13px/1.65 'DM Sans',sans-serif;color:var(--ink-55);margin-bottom:18px}
.svc-more{font:500 13px 'DM Sans',sans-serif;color:var(--teal-dark);text-decoration:none;display:inline-flex;align-items:center;gap:4px}
.svc-more:hover{color:var(--teal-dark);text-decoration:underline}

/* Two-col split */
.split-section{padding:100px clamp(20px,5vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.split-section.dark-bg{background:var(--dark)}
.split-section.light-bg{background:var(--off-white)}
.split-section.cream-bg{background:linear-gradient(135deg,#F9F8F4 0%,#F2F0E8 100%);border-top:4px solid var(--gold)}
.split-copy h2{font:700 clamp(34px,4vw,50px)/1.04 'Lora',serif;letter-spacing:-.02em;margin:12px 0 24px;text-wrap:balance}
.split-copy p{font:300 15px/1.8 'DM Sans',sans-serif;margin-bottom:18px}
.dark-bg .split-copy h2{color:#fff}
.dark-bg .split-copy h2 .accent{color:var(--gold)}
.dark-bg .split-copy p{color:rgba(255,255,255,.6)}
.light-bg .split-copy h2{color:var(--ink)}
.light-bg .split-copy h2 .accent{color:var(--teal)}
.light-bg .split-copy p{color:rgba(17,17,17,.58)}
.cream-bg .split-copy h2{color:var(--ink)}
.cream-bg .split-copy p{color:rgba(17,17,17,.6)}
.bullet-list{display:flex;flex-direction:column;gap:12px;margin-bottom:36px}
.bullet-list li{display:flex;align-items:center;gap:12px;list-style:none}
.bullet-list li::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--teal);flex-shrink:0}
.dark-bg .bullet-list li{font:400 14px 'DM Sans',sans-serif;color:rgba(255,255,255,.7)}
.split-img{width:100%;border-radius:var(--r-lg);overflow:hidden;position:relative}
.split-img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.split-img-placeholder p{font:400 11px 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.img-corners::before,.img-corners::after{content:'';position:absolute;width:28px;height:28px;border-style:solid}
.img-corners::before{top:0;left:0;border-width:2px 0 0 2px;border-color:var(--gold);border-radius:12px 0 0 0}
.img-corners::after{bottom:0;right:0;border-width:0 2px 2px 0;border-color:var(--gold);border-radius:0 0 12px 0}

/* Why Manatattva */
#why{background:linear-gradient(160deg,#FEFCF7 0%,#F6F3EC 100%);border-top:1px solid rgba(200,168,75,.18);padding:96px clamp(20px,5vw,80px)}
.why-inner{max-width:1100px;margin:0 auto}
.why-inner .section-header-center{margin-bottom:56px}
.why-inner .section-header-center h2{color:var(--ink)}
.why-inner .section-header-center .eyebrow{color:var(--teal-dark)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.why-card{background:#fff;border:1px solid rgba(200,168,75,.22);border-radius:var(--r-lg);padding:36px 32px;box-shadow:0 2px 16px rgba(12,13,13,.05);transition:border-color .2s,box-shadow .2s,transform .2s}
.why-card:hover{border-color:rgba(10,172,184,.45);box-shadow:0 6px 28px rgba(10,172,184,.10);transform:translateY(-3px)}
.why-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.why-icon.teal{background:rgba(10,172,184,.10)}
.why-icon.gold{background:rgba(200,168,75,.12)}
.why-card h3{font:600 17px/1.3 'Lora',serif;color:var(--ink);margin-bottom:12px}
.why-card p{font:300 14px/1.75 'DM Sans',sans-serif;color:rgba(17,17,17,.58);margin:0}

/* Founder */
#founder{background:linear-gradient(135deg,#F9F8F4 0%,#F2F0E8 100%);border-top:4px solid var(--gold);padding:96px clamp(20px,5vw,80px)}
.founder-inner{max-width:860px;margin:0 auto}
.founder-inner .eyebrow-gold{display:block;margin-bottom:12px}
.founder-inner h2{font:700 clamp(28px,3.5vw,42px)/1.1 'Lora',serif;color:var(--ink);letter-spacing:-.02em;margin-bottom:8px}
.founder-roles{display:flex;align-items:center;flex-wrap:wrap;gap:6px 0;font:500 12px 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid rgba(200,168,75,.25)}
.founder-roles span{color:var(--teal-dark)}
.founder-roles span.dot{color:rgba(17,17,17,.2);margin:0 10px}
.founder-inner p{font:300 16px/1.85 'DM Sans',sans-serif;color:rgba(17,17,17,.65);margin-bottom:20px;text-align:justify;hyphens:auto}
.founder-creds{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 36px}
.founder-cred-tag{font:500 11px 'DM Sans',sans-serif;letter-spacing:.06em;color:var(--ink);background:rgba(200,168,75,.12);border:1px solid rgba(200,168,75,.3);border-radius:20px;padding:6px 14px}

/* CSR */
#csr{background:var(--white);padding:88px clamp(20px,5vw,80px);border-top:1px solid var(--ink-08)}
.csr-inner{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto}
.csr-copy h2{font:700 clamp(30px,3.5vw,46px)/1.05 'Lora',serif;color:var(--ink);letter-spacing:-.02em;margin-top:12px}
.csr-copy p{font:300 16px/1.8 'DM Sans',sans-serif;color:var(--ink-55);margin-bottom:36px}
.csr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.csr-stat{background:var(--off-white);border:1px solid var(--ink-08);border-radius:10px;padding:24px 20px;text-align:center}
.csr-stat .num{font:700 clamp(26px,3vw,34px)/1 'Lora',serif}
.csr-stat .num.teal{color:var(--teal)}
.csr-stat .num.gold{color:var(--gold)}
.csr-stat .lbl{font:400 12px 'DM Sans',sans-serif;color:var(--ink-45);margin-top:6px}

/* Contact (homepage) */
#contact{background:linear-gradient(135deg,#0F0E0C 0%,#1C1C1C 100%);padding:100px clamp(20px,5vw,80px)}
.contact-inner{max-width:640px;margin:0 auto;text-align:center}
.contact-inner h2{font:700 clamp(40px,4.5vw,56px)/1.04 'Lora',serif;color:#fff;letter-spacing:-.02em;margin:12px 0 12px}
.contact-inner .eyebrow{color:var(--gold)}
.contact-inner .sub{font:300 15px/1.7 'DM Sans',sans-serif;color:rgba(255,255,255,.65);margin-bottom:0}
.contact-form{display:flex;flex-direction:column;gap:14px;text-align:left}
.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form input,.contact-form select,.contact-form textarea{background:var(--off-white);border:1.5px solid var(--teal-border);color:var(--ink);padding:14px 16px;border-radius:var(--r);font:400 14px 'DM Sans',sans-serif;outline:none;transition:border-color .2s;width:100%}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--teal)}
.contact-form select{appearance:none;-webkit-appearance:none}
.contact-form textarea{resize:vertical}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--ink-30)}

/* Blog */
#blog{background:var(--white);padding:88px clamp(20px,5vw,80px)}
.blog-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:52px;gap:16px;flex-wrap:wrap}
.blog-header h2{font:700 clamp(30px,3.5vw,44px)/1.05 'Lora',serif;color:var(--ink);letter-spacing:-.01em;margin-top:8px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto}
.blog-card{border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(17,17,17,.07)}
.blog-thumb{height:180px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.blog-thumb.teal-thumb{background:linear-gradient(135deg,#E0F5F5,#CCF0EE)}
.blog-thumb.gold-thumb{background:linear-gradient(135deg,#F5F0E0,#F0E8CC)}
.blog-thumb.blue-thumb{background:linear-gradient(135deg,#E8F0F5,#D4E5EE)}
.blog-thumb.has-img{background:none}
.blog-thumb p{font:400 11px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:center}
.blog-thumb.teal-thumb p{color:rgba(10,172,184,.5)}
.blog-thumb.gold-thumb p{color:rgba(192,154,56,.5)}
.blog-thumb.blue-thumb p{color:rgba(10,172,184,.5)}
.blog-body{padding:24px 24px 28px}
.blog-tag{font:500 11px 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.blog-tag.teal{color:var(--teal)}
.blog-tag.gold{color:var(--gold)}
.blog-body h3{font:600 17px/1.35 'Lora',serif;color:var(--ink);margin:8px 0 10px}
.blog-body p{font:400 13px/1.65 'DM Sans',sans-serif;color:var(--ink-45);margin-bottom:18px}
.blog-more{font:500 13px 'DM Sans',sans-serif;color:var(--teal-dark)}

/* Gallery */
#gallery{background:var(--off-white);padding:88px clamp(20px,5vw,80px)}
.gallery-header{text-align:center;margin-bottom:52px}
.gallery-header h2{font:700 clamp(30px,3.5vw,44px)/1.05 'Lora',serif;color:var(--ink);letter-spacing:-.01em;margin-top:10px}
.gallery-header p{font:300 15px/1.6 'DM Sans',sans-serif;color:var(--ink-45);margin-top:10px}
.gallery-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-auto-rows:auto;gap:16px;max-width:1200px;margin:0 auto}
.g-col{display:flex;flex-direction:column;gap:16px}
.g-cell{border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;overflow:hidden}
.g-cell p{font:400 11px 'DM Sans',sans-serif;letter-spacing:.1em;text-transform:uppercase;text-align:center;opacity:.45}
.g-tall{align-self:stretch;height:auto}

/* Podcast */
#podcast{background:var(--dark);padding:88px clamp(20px,5vw,80px)}
.podcast-header{text-align:center;margin-bottom:52px}
.podcast-header h2{font:700 clamp(28px,3.5vw,42px)/1.1 'Lora',serif;color:#fff;letter-spacing:-.01em;margin-top:10px}
.podcast-header p{font:300 15px/1.6 'DM Sans',sans-serif;color:rgba(255,255,255,.5);margin-top:10px;max-width:560px;margin-left:auto;margin-right:auto}
.podcast-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1200px;margin:0 auto}
.podcast-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-lg);padding:28px 24px;display:flex;flex-direction:column;gap:12px;transition:border-color .22s,background .22s}
.podcast-card:hover{background:rgba(10,172,184,.06);border-color:rgba(10,172,184,.25)}
.podcast-ep-meta{display:flex;align-items:center;gap:10px}
.podcast-ep-num{font:600 11px 'DM Sans',sans-serif;color:var(--teal);letter-spacing:.14em;text-transform:uppercase}
.podcast-ep-dur{font:400 11px 'DM Sans',sans-serif;color:rgba(255,255,255,.3)}
.podcast-card h3{font:600 16px/1.35 'Lora',serif;color:#fff}
.podcast-card .guest{font:500 12px 'DM Sans',sans-serif;color:var(--gold)}
.podcast-card p{font:400 13px/1.65 'DM Sans',sans-serif;color:rgba(255,255,255,.45);flex:1}
.podcast-card .listen{font:500 13px 'DM Sans',sans-serif;color:var(--teal);margin-top:4px}
.podcast-empty{text-align:center;color:rgba(255,255,255,.25);font:300 15px 'DM Sans',sans-serif;padding:40px 0}

/* Testimonials */
#testimonials{background:#FAF7F2;padding:64px clamp(20px,5vw,80px);border-top:1px solid rgba(200,168,75,.12);border-bottom:1px solid rgba(200,168,75,.12)}
#testimonials .eyebrow{color:var(--gold)}
#testimonials h2{font:700 clamp(24px,3vw,38px)/1.1 'Lora',serif;color:var(--ink);letter-spacing:-.02em;margin-top:8px}
.testimonials-inner{max-width:1200px;margin:0 auto}
.testimonials-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;scrollbar-width:none}
.testimonials-grid::-webkit-scrollbar{display:none}
.testimonial-card{flex:0 0 calc(33.333% - 11px);min-width:260px;scroll-snap-align:start;background:var(--white);border:1px solid rgba(192,154,56,.18);border-radius:var(--r-lg);padding:24px 22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 12px rgba(12,13,13,.05)}
.testimonial-card--featured{background:#fffbf0;border-color:rgba(200,168,75,.4);box-shadow:0 4px 20px rgba(200,168,75,.12)}
.testimonial-card blockquote p{font:400 13px/1.7 'Lora',serif;color:#3a3a3a;font-style:italic}
.testimonial-card blockquote p::before{content:'\201C';font:700 40px/1 'Lora',serif;color:var(--gold);display:block;margin-bottom:2px;opacity:.6;line-height:.8}
.tc-name{font:600 13px 'DM Sans',sans-serif;color:var(--ink)}
.tc-role{font:400 11px 'DM Sans',sans-serif;color:#7a7a7a;margin-top:2px}

/* Partners */
#partners{background:var(--white);padding:56px clamp(20px,5vw,80px);border-top:1px solid var(--ink-08)}
.partners-inner{max-width:1100px;margin:0 auto}
.partners-inner .eyebrow{display:block;text-align:center;margin-bottom:8px}
.partners-inner h2{font:700 clamp(22px,2.8vw,34px)/1.1 'Lora',serif;color:var(--ink);letter-spacing:-.01em;text-align:center;margin-bottom:4px}
.partners-sub{font:400 14px/1.6 'DM Sans',sans-serif;color:var(--ink-45);text-align:center;max-width:560px;margin:0 auto 48px}
.partners-grid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:24px}
.partner-card{display:flex;flex-direction:column;align-items:center;gap:12px;width:140px;text-decoration:none;transition:transform .2s}
.partner-card:hover{transform:translateY(-2px)}
.partner-logo-box{width:80px;height:80px;border-radius:16px;border:1px solid var(--ink-08);background:var(--off-white);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;transition:border-color .2s,box-shadow .2s}
.partner-card:hover .partner-logo-box{border-color:rgba(192,154,56,.4);box-shadow:0 4px 18px rgba(192,154,56,.12)}
.partner-logo-box img{width:64px;height:64px;object-fit:contain}
.partner-logo-initials{font:700 22px/1 'Lora',serif;color:var(--teal);letter-spacing:-.02em;text-transform:uppercase}
.partner-card-name{font:600 12px/1.3 'DM Sans',sans-serif;color:var(--ink);text-align:center;letter-spacing:.01em}
.partner-card-type{font:400 11px/1.3 'DM Sans',sans-serif;color:var(--ink-45);text-align:center}

/* ── HOMEPAGE RESPONSIVE ── */
@media(max-width:1024px){
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .blog-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .hero-split{grid-template-columns:1fr;padding-bottom:0}
  .hero-copy{padding:60px clamp(20px,5vw,40px) 40px;text-align:center;align-items:center}
  .hero-h1{text-align:center}
  .hero-audience{text-align:center}
  .hero-proof{justify-content:center}
  .hero-badge{align-self:center}
  .hero-photo-col{height:380px;margin-top:0}
  .hero-photo-col::before{background:linear-gradient(to top,var(--dark) 0%,transparent 30%),linear-gradient(to bottom,var(--dark) 0%,transparent 20%)}
  .split-section{grid-template-columns:1fr;gap:40px;padding:64px clamp(20px,5vw,48px)}
  .split-section .split-img{order:-1}
  .split-section.cream-bg .split-copy{order:-1}
  .why-grid{grid-template-columns:1fr}
  #why{padding:64px clamp(20px,5vw,40px)}
  #founder{padding:64px clamp(20px,5vw,40px)}
  .csr-inner{grid-template-columns:1fr;gap:36px}
  .stat-sep{display:none}
  .stats-inner{gap:16px}
  .gallery-grid{grid-template-columns:1fr 1fr}
  .gallery-grid .g-tall{height:360px}
  .podcast-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .services-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .form-row-2{grid-template-columns:1fr}
  .testimonial-card{flex:0 0 calc(50% - 10px)}
  #services>div{padding:64px clamp(16px,4vw,32px)}
  #blog{padding:64px clamp(16px,4vw,32px)}
  #gallery{padding:64px clamp(16px,4vw,32px)}
  #contact{padding:64px clamp(16px,4vw,32px)}
  #csr{padding:64px clamp(16px,4vw,32px)}
  #podcast{padding:64px clamp(16px,4vw,32px)}
}
@media(max-width:600px){
  .csr-stats{grid-template-columns:1fr 1fr}
  .gallery-grid{grid-template-columns:1fr}
  .gallery-grid .g-tall{height:300px}
  .podcast-grid{grid-template-columns:1fr}
  .split-img[style*="height:450px"]{height:260px!important}
  .split-img[style*="height:380px"]{height:220px!important}
  .split-img[style*="height:480px"]{height:240px!important}
}
@media(max-width:480px){
  .hero-photo-col{height:300px}
  .exp-badge{width:80px;height:80px;bottom:16px;right:16px}
  .exp-badge-num{font-size:17px}
  .exp-badge-label{font-size:12px}
  .hero-ctas{flex-direction:column;align-items:stretch}
  .btn-teal,.btn-outline-white{width:100%;text-align:center;padding-inline:20px;min-height:48px}
  .csr-stats{grid-template-columns:1fr}
  .testimonial-card{flex:0 0 85%}
  .gallery-grid{grid-template-columns:1fr}
  .blog-header{flex-direction:column;align-items:flex-start;gap:12px}
  .stats-inner{display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .hero-copy{padding:48px clamp(16px,4vw,24px) 32px}
}
@media(max-width:360px){
  .nav-brand-text .name{font-size:15px}
}

/* ── Logo watermark — reusable utility class ── */
/* Add class="logo-watermark" to any content section to get the centered ghost logo */
.logo-watermark{position:relative;overflow:hidden}
.logo-watermark::before{
  content:'';
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
  width:420px;height:420px;
  background:url('/images/logo/logo.png') center/contain no-repeat;
  opacity:.09;
  pointer-events:none;
  z-index:0;
  filter:drop-shadow(0 0 48px rgba(11,191,200,.1));
}
.logo-watermark > *{position:relative;z-index:1}
@media(max-width:768px){
  .logo-watermark::before{width:260px;height:260px;opacity:.07}
}
