/* ============================================================
   ABOUT PAGE — on-theme (white · serif accents · green-ink)
   ============================================================ */
.vh-section { padding:clamp(56px,8vh,110px) 0; }
.vh-eyebrow { display:inline-flex; align-items:center; gap:9px; font-size:11px; font-weight:600;
  letter-spacing:0.18em; text-transform:uppercase; color:var(--ink-faint); }
.vh-eyebrow::before { content:''; width:20px; height:1px; background:var(--sage); }
.vh-sub { font-size:clamp(1rem,1.4vw,1.15rem); color:var(--ink-soft); line-height:1.7; max-width:460px; }

/* Buttons */
.vh-btn { display:inline-flex; align-items:center; gap:10px; padding:15px 30px; border-radius:var(--r-pill);
  font-size:14px; font-weight:600; transition:transform 0.25s var(--ease), background 0.25s, box-shadow 0.25s; }
.vh-btn-ink { background:var(--ink); color:#fff; box-shadow:0 12px 28px rgba(28,36,25,0.22); }
.vh-btn-ink:hover { background:#11160e; transform:translateY(-2px); box-shadow:0 18px 36px rgba(28,36,25,0.30); }
.vh-arr { transition:transform 0.3s var(--ease); }
.vh-btn:hover .vh-arr { transform:translateX(4px); }

/* ── Hero ── */
.vh-ap-hero { position:relative; isolation:isolate; overflow:hidden; text-align:center;
  padding:calc(var(--nav-h,66px) + clamp(64px,12vh,140px)) 0 clamp(56px,9vh,110px); }
.vh-ap-hero-bg { position:absolute; inset:0; z-index:-2; background-size:cover; background-position:center; opacity:0.12; filter:saturate(0.9); }
.vh-ap-hero::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(255,255,255,0.5), #fff 78%); }
.vh-ap-hero-inner { max-width:840px; margin:0 auto; }
.vh-ap-crumb { display:inline-flex; align-items:center; gap:8px; font-size:12px; color:var(--ink-faint); margin-bottom:22px; }
.vh-ap-crumb a:hover { color:var(--ink); }
.vh-ap-crumb-sep { opacity:0.5; }
.vh-ap-hero-title { font-size:clamp(2.2rem,5vw,4.2rem); font-weight:500; line-height:1.05; letter-spacing:-0.03em; color:var(--ink); }
.vh-ap-hero-title em { font-family:var(--serif); font-style:italic; font-weight:400; color:var(--sage-deep); }
.vh-ap-hero-sub { margin:22px auto 0; max-width:620px; font-size:clamp(1.05rem,1.6vw,1.3rem); color:var(--ink-soft); line-height:1.6; }
.vh-ap-hero-rule { display:block; width:60px; height:2px; background:var(--sage); margin:28px auto 0; border-radius:2px; }

/* Video-backed hero */
.vh-ap-hero.has-video { position:relative; isolation:isolate; overflow:hidden; color:#fff; }
.vh-ap-hero.has-video::before, .vh-ap-hero.has-video::after { display:none; }
.vh-ap-hero.has-video .vh-ap-hero-title { color:#fff; }
.vh-ap-hero.has-video .vh-ap-hero-title em { color:#dcefca; }
.vh-ap-hero.has-video .vh-ap-hero-sub { color:rgba(255,255,255,0.9); }
.vh-ap-hero.has-video .vh-ap-crumb,
.vh-ap-hero.has-video .vh-ap-crumb a { color:rgba(255,255,255,0.8); }

/* ── Philosophy ── */
.vh-ap-phil-head { max-width:860px; margin:0 auto clamp(36px,5vh,56px); text-align:center; }
.vh-ap-phil-statement { margin-top:18px; font-family:var(--serif); font-size:clamp(1.4rem,3vw,2.4rem); line-height:1.32; color:var(--ink); }
.vh-ap-phil-statement em { font-style:italic; color:var(--sage-deep); }
.vh-ap-phil-band { position:relative; border-radius:26px; overflow:hidden; margin:0 0 clamp(40px,6vh,72px); box-shadow:0 30px 70px rgba(28,36,25,0.14); }
.vh-ap-phil-band img { width:100%; height:clamp(280px,42vh,460px); object-fit:cover; }
.vh-ap-phil-glow { position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(18,24,16,0.6)); }
.vh-ap-phil-band figcaption { position:absolute; left:clamp(24px,4vw,48px); bottom:clamp(24px,4vw,40px); color:#fff; font-size:14px; }
.vh-ap-phil-k { display:block; font-family:var(--serif); font-style:italic; font-size:1.6rem; margin-bottom:4px; }
.vh-ap-phil-prose { max-width:900px; margin:0 auto; }
.vh-ap-phil-prose-k { display:block; text-align:center; font-size:11px; font-weight:600; letter-spacing:0.18em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:24px; }
.vh-ap-phil-beliefs { display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(16px,2vw,28px); }
@media(max-width:720px){ .vh-ap-phil-beliefs{grid-template-columns:1fr;} }
.vh-ap-phil-belief { background:var(--paper); border:1px solid var(--line); border-radius:18px; padding:clamp(22px,2.4vw,30px); transition:transform 0.3s var(--ease), box-shadow 0.3s; }
.vh-ap-phil-belief:hover { transform:translateY(-3px); box-shadow:0 20px 44px rgba(28,36,25,0.10); }
.vh-ap-phil-belief h3 { font-size:1.1rem; font-weight:600; color:var(--ink); margin-bottom:8px; letter-spacing:-0.01em; }
.vh-ap-phil-belief p { font-size:14px; color:var(--ink-soft); line-height:1.6; }

/* ── Section head (shared) ── */
.vh-ap-head { display:grid; grid-template-columns:1fr 1fr; gap:32px; align-items:end; margin-bottom:clamp(36px,5vh,56px); }
@media(max-width:760px){ .vh-ap-head{grid-template-columns:1fr;gap:16px;} }
.vh-ap-head h2 { margin-top:14px; font-size:clamp(1.9rem,3.6vw,3rem); font-weight:500; letter-spacing:-0.025em; line-height:1.08; color:var(--ink); }

/* ── Principles ── */
.vh-ap-pr-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(18px,2vw,28px); }
@media(max-width:760px){ .vh-ap-pr-grid{grid-template-columns:1fr;} }
.vh-ap-pr { background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:clamp(24px,2.4vw,34px); transition:transform 0.3s var(--ease), box-shadow 0.3s; }
.vh-ap-pr:hover { transform:translateY(-4px); box-shadow:0 24px 50px rgba(28,36,25,0.10); }
.vh-ap-pr-n { font-family:var(--serif); font-size:1.6rem; color:var(--sage-deep); }
.vh-ap-pr h3 { margin:12px 0 8px; font-size:1.15rem; font-weight:600; color:var(--ink); }
.vh-ap-pr p { font-size:14px; color:var(--ink-soft); line-height:1.6; }

/* ── Experts ── */
.vh-ap-ex-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:clamp(18px,2vw,28px); }
.vh-ap-expert { background:var(--paper); border:1px solid var(--line); border-radius:20px; overflow:hidden; transition:transform 0.3s var(--ease), box-shadow 0.3s; }
.vh-ap-expert:hover { transform:translateY(-4px); box-shadow:0 24px 50px rgba(28,36,25,0.12); }
.vh-ap-expert-photo { position:relative; aspect-ratio:4/5; overflow:hidden; background:#eef0ea; }
.vh-ap-expert-photo img { width:100%; height:100%; object-fit:cover; transition:transform 1s var(--ease); }
.vh-ap-expert:hover .vh-ap-expert-photo img { transform:scale(1.05); }
.vh-ap-expert-mark { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:3rem; color:var(--sage-deep); }
.vh-ap-expert-num { position:absolute; top:12px; left:12px; font-size:11px; font-weight:600; color:#fff; background:rgba(28,36,25,0.5); border:1px solid rgba(255,255,255,0.35); border-radius:8px; padding:3px 8px; backdrop-filter:blur(5px); }
.vh-ap-expert-body { padding:clamp(18px,2vw,24px); }
.vh-ap-expert-name { font-size:1.05rem; font-weight:600; color:var(--ink); }
.vh-ap-expert-role { display:block; font-size:11px; font-weight:600; letter-spacing:0.1em; text-transform:uppercase; color:var(--sage-deep); margin:4px 0 10px; }
.vh-ap-expert-bio { font-size:13px; color:var(--ink-soft); line-height:1.6; }

/* ── Closing CTA ── */
.vh-ap-cta-in { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center;
  background:var(--paper); border:1px solid var(--line); border-radius:28px; padding:clamp(36px,5vw,64px); }
@media(max-width:760px){ .vh-ap-cta-in{grid-template-columns:1fr;gap:24px;} }
.vh-ap-cta-lead h2 { margin-top:14px; font-size:clamp(2rem,4vw,3.2rem); font-weight:500; letter-spacing:-0.03em; line-height:1.05; color:var(--ink); }
.vh-ap-cta-act .vh-sub { margin-bottom:26px; }

/* ============================================================
   ABOUT — founder-led rebuild (Why · Vritti · Founder · Creds · Way)
   ============================================================ */
.btn-outline-ink { background:transparent; color:var(--ink); border:1.5px solid rgba(28,36,25,0.28); }
.btn-outline-ink:hover { background:rgba(28,36,25,0.05); border-color:var(--ink); }

/* Why this space exists */
.ab-why-grid { display:grid; grid-template-columns:1.1fr 0.9fr; gap:clamp(32px,4vw,64px); align-items:center; }
@media(max-width:880px){ .ab-why-grid{ grid-template-columns:1fr; gap:32px; } }
.ab-why-text h2 { margin-top:14px; font-size:clamp(2rem,3.6vw,3.1rem); font-weight:500; letter-spacing:-0.03em; line-height:1.06; color:var(--ink); }
.ab-why-text h2 em { font-family:var(--serif); font-style:italic; font-weight:400; color:var(--sage-deep); }
.ab-why-text p { margin-top:16px; font-size:15.5px; line-height:1.78; color:var(--ink-soft); max-width:520px; }
.ab-why-text strong { color:var(--ink); font-weight:600; }
.ab-why-media { position:relative; border-radius:24px; overflow:hidden; border:1px solid rgba(31,58,46,0.18);
  box-shadow:0 30px 70px rgba(28,36,25,0.16); background:#eef0ea; }
.ab-why-media img { width:100%; height:100%; object-fit:cover; display:block; }
.ab-why-media figcaption { position:absolute; left:0; right:0; bottom:0; padding:24px 22px 18px; color:#fff;
  background:linear-gradient(180deg, transparent, rgba(18,24,16,0.82)); }
.ab-why-media figcaption b { display:block; font-size:1.1rem; font-weight:600; }
.ab-why-media figcaption span { font-size:12px; color:rgba(255,255,255,0.78); letter-spacing:0.04em; }

/* What Vritti means */
.ab-vritti { position:relative; overflow:hidden; text-align:center; background:linear-gradient(180deg,#ffffff,#f3f7f0); }
.ab-vritti-orb { position:absolute; width:460px; height:460px; border-radius:50%; top:-160px; left:50%; transform:translateX(-50%);
  background:radial-gradient(circle, rgba(138,170,124,0.22), transparent 70%); filter:blur(60px); pointer-events:none; }
.ab-vritti-in { position:relative; max-width:760px; margin:0 auto; }
.ab-vritti-sutra { font-family:var(--serif); font-size:clamp(1.5rem,3vw,2.4rem); line-height:1.35; color:var(--ink); margin:18px 0 22px; }
.ab-vritti-sutra em { font-style:italic; color:var(--sage-deep); font-size:0.7em; }
.ab-vritti-body { font-size:clamp(1rem,1.5vw,1.18rem); line-height:1.8; color:var(--ink-soft); }
.ab-vritti-body b { color:#1f3a2e; font-weight:600; }

/* Who is Kanika */
.ab-founder-grid { display:grid; grid-template-columns:0.85fr 1.15fr; gap:clamp(32px,4vw,60px); align-items:start; }
@media(max-width:880px){ .ab-founder-grid{ grid-template-columns:1fr; gap:28px; } }
.ab-founder-media { position:sticky; top:calc(var(--nav-h,66px) + 30px); border-radius:24px; overflow:hidden;
  border:1px solid rgba(31,58,46,0.18); box-shadow:0 30px 70px rgba(28,36,25,0.18); background:#eef0ea; }
@media(max-width:880px){ .ab-founder-media{ position:static; } }
.ab-founder-media img { width:100%; height:100%; object-fit:cover; display:block; }
.ab-founder-text h2 { margin-top:12px; font-size:clamp(2rem,3.6vw,3rem); font-weight:500; letter-spacing:-0.03em; color:var(--ink); }
.ab-founder-text h2 em { font-family:var(--serif); font-style:italic; font-weight:400; color:var(--sage-deep); }
.ab-founder-text p { margin-top:14px; font-size:15px; line-height:1.78; color:var(--ink-soft); }
.ab-founder-quote { margin:24px 0; padding:18px 24px; border-left:3px solid #1f3a2e; background:rgba(31,58,46,0.05);
  border-radius:0 14px 14px 0; font-family:var(--serif); font-style:italic; font-size:1.25rem; color:var(--ink); }

/* Credentials */
.ab-creds-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(18px,2vw,28px); }
@media(max-width:680px){ .ab-creds-grid{ grid-template-columns:1fr; } }
.ab-cred { background:var(--paper); border:1px solid var(--line); border-radius:20px; padding:clamp(24px,2.4vw,32px); }
.ab-cred h3 { font-size:11px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:#1f3a2e; margin-bottom:16px; }
.ab-cred ul { display:flex; flex-direction:column; gap:10px; }
.ab-cred li { position:relative; padding-left:18px; font-size:14px; line-height:1.5; color:var(--ink-soft); }
.ab-cred li::before { content:''; position:absolute; left:0; top:9px; width:6px; height:6px; border-radius:50%; background:var(--sage); }
.ab-cred-note { color:var(--ink-faint); font-size:12.5px; font-style:italic; }
.ab-cred li:has(.ab-cred-note)::before { display:none; }

/* The VrittiSpace Way */
.ab-way-grid { display:grid; grid-template-columns:0.9fr 1.1fr; gap:clamp(32px,4vw,56px); align-items:center; }
@media(max-width:820px){ .ab-way-grid{ grid-template-columns:1fr; gap:28px; } }
.ab-way-lead h2 { margin-top:12px; font-size:clamp(2rem,3.6vw,3rem); font-weight:500; letter-spacing:-0.03em; color:var(--ink); }
.ab-way-lead h2 em { font-family:var(--serif); font-style:italic; font-weight:400; color:var(--sage-deep); }
.ab-way-lead .vh-sub { margin-top:14px; }
.ab-way-list { display:flex; flex-direction:column; gap:12px; }
.ab-way-list li { background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px 22px;
  font-size:14.5px; color:var(--ink-soft); line-height:1.6; transition:transform 0.3s var(--ease), box-shadow 0.3s; }
.ab-way-list li:hover { transform:translateX(5px); box-shadow:0 16px 36px rgba(28,36,25,0.08); }
.ab-way-list b { color:var(--ink); font-weight:600; }

/* ── Credibility stat strip ── */
.ab-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2vw,28px);
  margin-top:clamp(48px,6vh,72px); padding-top:clamp(36px,4vh,48px); border-top:1px solid var(--line); }
@media(max-width:760px){ .ab-stats{ grid-template-columns:repeat(2,1fr); gap:28px 18px; } }
.ab-stat b { display:flex; align-items:baseline; font-size:clamp(2.6rem,5vw,3.8rem); font-weight:500;
  letter-spacing:-0.04em; line-height:1; color:#1f3a2e; }
.ab-stat b span { font-family:var(--serif); font-style:italic; font-size:0.5em; color:var(--sage); margin-left:2px; }
.ab-stat em { display:block; margin-top:12px; font-style:normal; font-size:13px; line-height:1.5;
  letter-spacing:0.01em; color:var(--ink-soft); }

/* ── Values marquee ── */
.ab-marquee { overflow:hidden; border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  padding:clamp(20px,3vh,30px) 0; background:linear-gradient(180deg,#fbfaf6,#f3f7f0); }
.ab-marquee-track { display:flex; width:max-content; animation:abMq 32s linear infinite; }
.ab-marquee:hover .ab-marquee-track { animation-play-state:paused; }
.ab-marquee-seq { display:inline-flex; align-items:center; gap:26px; padding-right:26px; }
.ab-marquee-seq i { font-family:var(--serif); font-style:italic; font-size:clamp(1.6rem,3vw,2.6rem);
  color:var(--ink); white-space:nowrap; }
.ab-marquee-seq b { color:var(--sage); font-size:1.4rem; }
@keyframes abMq { to { transform:translateX(-50%); } }
@media(prefers-reduced-motion:reduce){ .ab-marquee-track{ animation:none; } }

/* ── Founder section depth orb ── */
.ab-founder { position:relative; overflow:hidden; }
.ab-founder-orb { position:absolute; width:520px; height:520px; border-radius:50%; right:-180px; top:-120px;
  background:radial-gradient(circle, rgba(31,58,46,0.12), transparent 70%); filter:blur(50px); pointer-events:none; }