/* Venture Gurukool theme — main stylesheet. All URLs are relative to this file (../fonts), so they follow the theme URL. */
@font-face{font-family:Oswald;font-weight:300;font-display:swap;src:url(../fonts/oswald-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:Oswald;font-weight:400;font-display:swap;src:url(../fonts/oswald-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Oswald;font-weight:500;font-display:swap;src:url(../fonts/oswald-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Oswald;font-weight:600;font-display:swap;src:url(../fonts/oswald-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:300;font-display:swap;src:url(../fonts/roboto-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:400;font-display:swap;src:url(../fonts/roboto-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:500;font-display:swap;src:url(../fonts/roboto-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Roboto;font-weight:700;font-display:swap;src:url(../fonts/roboto-latin-700-normal.woff2) format("woff2")}


:root{
  --vg-green:#188700; --vg-green-dark:#006600; --vg-orange:#cd6804; --vg-orange-2:#e66432;
  --vg-gray:#e7e9e9; --vg-card:#fafafa; --vg-text:#222; --vg-wrap:1320px; --vg-pad:24px;
  --vg-head:Oswald,"Arial Narrow",Arial,sans-serif; --vg-body:Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--vg-body);font-weight:400;font-size:16px;line-height:1.7;color:var(--vg-text);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;vertical-align:middle}
a{color:inherit}
.vg-main{overflow-x:clip;display:block}
/* One container for everything: header, sections, footer. */
.vg-wrap{width:100%;max-width:calc(var(--vg-wrap) + 2 * var(--vg-pad));margin:0 auto;padding-left:var(--vg-pad);padding-right:var(--vg-pad)}
.vg-skip{position:absolute;left:8px;top:8px;z-index:1000;background:#fff;padding:6px 10px}

/* ---------- Header ---------- */
.vg-header{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15);position:relative;z-index:50}
.vg-header-in{display:flex;align-items:center;justify-content:space-between;min-height:88px}
.vg-logo{display:block;flex:0 0 auto}
.vg-logo img{display:block;width:194px;max-width:100%;height:auto}
.vg-menu,.vg-sub{list-style:none;margin:0;padding:0}
.vg-menu{display:flex;align-items:center;gap:6px}
.vg-item{position:relative}
.vg-item>a{display:flex;align-items:center;gap:7px;text-decoration:none;font:500 16px/1 var(--vg-body);color:#111;padding:12px 14px;white-space:nowrap}
.vg-item.is-active>a,.vg-item.vg-fund>a,.vg-item:hover>a{background:var(--vg-green);color:#fff}
.vg-caret{display:inline-block;border:4px solid transparent;border-top:5px solid currentColor;border-bottom:0}
.vg-sub-toggle{display:none}
.vg-sub{position:absolute;left:0;top:100%;min-width:200px;background:#f1f1f1;box-shadow:0 6px 14px rgba(0,0,0,.2);display:none;z-index:60}
.vg-sub .vg-item>a{padding:10px 16px;font-size:15px;color:#111;background:transparent}
.vg-sub .vg-item>a:hover,.vg-sub .vg-item.is-active>a{background:var(--vg-green);color:#fff}
.vg-sub .vg-sub{left:100%;top:0}
.vg-item.has-sub:hover>.vg-sub,.vg-item.has-sub:focus-within>.vg-sub,.vg-item.open>.vg-sub{display:block}
.vg-burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.vg-burger span{display:block;width:26px;height:3px;background:#111;margin:5px 0}

/* ---------- Home slider (never upscaled beyond the 1920px source) ---------- */
.vg-slider{position:relative;background:#222;overflow:hidden}
.vg-slide{display:none;text-align:center}
.vg-slide.is-active{display:block}
.vg-slide img{display:block;width:100%;max-width:1920px;height:auto;margin:0 auto}
.vg-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:10px}
.vg-dots button{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
.vg-dots button.is-active{background:#fff}

/* ---------- Sections / headings ---------- */
.vg-section{padding:64px 0}
.vg-title{font:400 36px/1.2 var(--vg-head);text-align:center;margin:0 0 36px;color:#111}
.vg-title-light{color:#fff}
.vg-title-underline{font:400 32px/1.25 var(--vg-head);text-align:center;margin:0 0 28px;position:relative;padding-bottom:20px}
.vg-title-underline:after{content:"";position:absolute;left:50%;bottom:0;width:64px;height:3px;margin-left:-32px;background:var(--vg-orange)}
.vg-h1{font:400 24px/1.3 var(--vg-head);text-transform:uppercase;margin:0 0 20px;color:#111}
.vg-h1 a{text-decoration:none}

/* Client logos: auto-scrolling strip */
.vg-portfolio{padding-bottom:70px}
.vg-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.vg-marquee-track{list-style:none;margin:0;padding:6px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:24px;width:max-content;max-width:100%;margin-inline:auto}
.vg-marquee.is-ready .vg-marquee-track{flex-wrap:nowrap;justify-content:flex-start;width:max-content;max-width:none;margin-inline:0;animation:vg-scroll var(--vg-dur,30s) linear infinite}
.vg-marquee.is-ready:hover .vg-marquee-track,.vg-marquee.is-ready:focus-within .vg-marquee-track{animation-play-state:paused}
@keyframes vg-scroll{to{transform:translateX(calc(-1 * var(--vg-shift,0px)))}}
.vg-logo-card{flex:0 0 260px;text-align:center}
.vg-logo-card a{display:block;text-decoration:none}
.vg-logo-box{display:flex;align-items:center;justify-content:center;width:260px;height:143px;border:1px solid #ddd;box-shadow:0 1px 4px rgba(0,0,0,.1);background:#fff;padding:3px;overflow:hidden}
.vg-logo-box img{display:block;width:100%;height:100%;object-fit:contain}
.vg-logo-name{display:block;font:400 24px/1.2 var(--vg-head);margin-top:18px;color:#111}

/* Philosophy */
.vg-philosophy{background:var(--vg-gray)}
.vg-phil-row{display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:36px;align-items:start;margin-bottom:8px}
.vg-phil-img img{display:block;width:100%;max-width:665px;height:auto}
.vg-phil-text p,.vg-phil-wide{margin:0 0 18px}

/* Cards */
.vg-cards{background:var(--vg-card);padding-top:90px}
.vg-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vg-card{position:relative;background:#fff;border:1px solid #e6e6e6;padding:62px 26px 32px;text-align:center}
.vg-card-icon{position:absolute;left:50%;top:-40px;margin-left:-40px;width:80px;height:80px;border-radius:50%;background:var(--vg-orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px}
.vg-card p{margin:0 0 22px;font-size:15px;line-height:1.7}
.vg-btn-outline{display:inline-block;border:1px solid var(--vg-orange);color:var(--vg-orange);padding:5px 18px;text-decoration:none;font-size:17px;line-height:1.5;background:#fff;transition:.2s}
.vg-btn-outline:hover{background:var(--vg-orange);color:#fff}

/* Orange sections */
.vg-power{background:var(--vg-orange);color:#fff;padding:64px 0 84px}
.vg-power-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px 36px}
.vg-power-item{display:flex;gap:24px;align-items:flex-start}
.vg-power-item.is-left{flex-direction:row-reverse;text-align:right}
.vg-circle{flex:0 0 84px;width:84px;height:84px;border:2px solid rgba(255,255,255,.65);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px}
.vg-power-item h3{font:400 20px/1.2 var(--vg-body);text-transform:uppercase;margin:0 0 10px}
.vg-power-item p{margin:0;font-size:16px;line-height:1.45}
.vg-investors-help{background:var(--vg-orange-2);color:#fff;position:relative;padding:64px 0 72px}
.vg-investors-help:before{content:"";position:absolute;left:50%;top:0;margin-left:-44px;border:44px solid transparent;border-top-color:var(--vg-orange);border-bottom:0;width:0;height:0}
.vg-ih-row{display:grid;grid-template-columns:1fr 186px 1fr;gap:40px;align-items:start}
.vg-ih-col h3{font:400 26px/1.2 var(--vg-head);margin:0 0 12px}
.vg-ih-col p{margin:0 0 26px;font-size:16px}
.vg-ih-left{text-align:right}
.vg-ih-phone img{display:block;margin:0 auto;width:186px;height:auto}

/* Featured gurus */
.vg-feat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.vg-feat{background:#fff;border:1px solid #eee;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:16px 16px 22px;text-align:center}
.vg-feat-photo{width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.25);margin-bottom:18px;background:#e3e6e3}
.vg-feat-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block}
.vg-feat h3{background:var(--vg-green-dark);color:#fff;font:500 18px/1.8 var(--vg-body);margin:0 0 16px}
.vg-feat p{margin:0;font-size:15px;line-height:1.65}

/* Why */
.vg-why{background:var(--vg-orange);color:#fff;padding:56px 0 72px}
.vg-why-row{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}
.vg-why-img img{display:block;width:100%;max-width:620px;height:auto}
.vg-why-item{display:flex;gap:22px;margin-bottom:28px}
.vg-why-item>i{font-size:22px;width:26px;margin-top:8px;text-align:center}
.vg-why-item h3{display:inline-block;background:var(--vg-green-dark);color:#fff;font:400 22px/1.3 var(--vg-head);text-transform:uppercase;padding:2px 7px;margin:0 0 6px}
.vg-why-item p{margin:0;font-size:16px;line-height:1.7}

/* ---------- Page hero ---------- */
.vg-hero{position:relative;background-size:cover;background-position:right center;background-repeat:no-repeat;background-color:var(--hero-c,#6b4a2a);min-height:clamp(380px,30vw,540px);padding:64px 0}
/* The left ~46% of the source photos carried the original text box; a flat colour that fades into the photo replaces it. */
.vg-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--hero-c,#6b4a2a) 0,var(--hero-c,#6b4a2a) 46%,rgba(0,0,0,0) 56%);pointer-events:none}
.vg-hero>.vg-wrap{position:relative;z-index:1}
.vg-hero-about{--hero-c:#513621}
.vg-hero-team{--hero-c:#eac7a9}
.vg-hero-gurus{--hero-c:#604420}
.vg-hero-box{width:min(560px,100%);background:rgba(204,104,4,.9);color:#fff;padding:26px 30px 30px}
.vg-hero-team .vg-hero-box{background:rgba(212,126,41,.93)}
.vg-hero-gurus .vg-hero-box{background:rgba(179,95,9,.93)}
.vg-hero-box h1{font:700 30px/1.2 var(--vg-body);text-align:center;margin:0 0 18px}
.vg-hero-box p{font:400 19px/1.5 var(--vg-body);margin:0 0 16px}
.vg-hero-box p:last-child{margin-bottom:0}

/* ---------- Article pages ---------- */
.vg-article .vg-wrap>*{max-width:1180px}
.vg-article p,.vg-article li{font-size:16px;line-height:1.85}
.vg-article p{margin:0 0 18px}
.vg-article-top{padding-top:72px}
.vg-article h3{font:400 22px/1.3 var(--vg-head);margin:26px 0 12px;color:#111}
.vg-dropcap:first-letter{float:left;font:400 72px/.8 var(--vg-body);padding:8px 8px 0 0;color:#111}
.vg-plain-list{list-style:none;padding:0 0 0 20px;margin:0 0 18px}
.vg-plain-list li{line-height:1.5;font-size:15px}
.vg-quote{margin:26px 0}
.vg-quote img{display:block;width:auto;max-width:100%;height:auto}
.vg-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:30px}
.vg-post h2{font:400 24px/1.3 var(--vg-head);margin:12px 0 4px}
.vg-post h2 a{text-decoration:none}
.vg-meta{color:#777;font-size:14px;margin:0 0 10px}

/* ---------- People grids (photos scale down from 468px, never up) ---------- */
.vg-people{padding:64px 0 80px}
.vg-people .vg-wrap{max-width:calc(1080px + 2 * var(--vg-pad))}
.vg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vg-person{position:relative;margin:0;background:#000;aspect-ratio:468/369;overflow:hidden}
.vg-person img{display:block;width:100%;height:100%;object-fit:cover}
.vg-person figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.vg-person-name{background:var(--vg-green);color:#fff;font:400 18px/1.8 var(--vg-body);padding:0 14px;width:100%}
.vg-person-role{background:var(--vg-green-dark);color:#fff;font:400 15px/2 var(--vg-body);padding:0 14px;min-width:110px}

/* ---------- Roadshow pages ---------- */
.vg-roadshow{padding-top:0}
.vg-roadshow .vg-narrow>*{max-width:none}
.vg-narrow{max-width:calc(960px + 2 * var(--vg-pad)) !important}
.vg-roadshow-space{height:clamp(100px,14vw,260px)}
.vg-roadshow .vg-intro{text-align:center;color:#777;font-size:17px;line-height:1.5;margin:0 0 36px;font-weight:500}
.vg-event{background:#eee;padding:20px 28px 30px;margin:0 0 24px;text-align:center}
.vg-event h2{font:400 28px/1.3 var(--vg-head);margin:0 0 16px}
.vg-event p{margin:0 auto;font-size:16px;line-height:1.6;max-width:460px}
.vg-event-row.has-img{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.vg-event.is-flip .vg-event-row.has-img .vg-event-img{order:2}
.vg-event-img{width:100%;height:auto}

/* ---------- Footer ---------- */
.vg-footer-links{background:var(--vg-green-dark);padding:48px 0;text-align:center}
.vg-footer-menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 24px}
.vg-footer-menu a{color:#fff;text-decoration:none;font-size:16px}
.vg-footer-menu a:hover{text-decoration:underline}
.vg-footer-legal{background:#000;color:#fff;padding:13px 0;font-size:15px}
.vg-footer-legal-in{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

@media (prefers-reduced-motion:reduce){
  .vg-marquee.is-ready .vg-marquee-track{animation:none}
  .vg-marquee{overflow-x:auto}
  html{scroll-behavior:auto}
}

/* ---------- Responsive ---------- */
@media (max-width:1199px){
  .vg-phil-row{grid-template-columns:1fr}
  .vg-phil-img img{max-width:520px}
  .vg-feat-row{grid-template-columns:repeat(2,1fr)}
  .vg-power-grid{grid-template-columns:1fr}
  .vg-why-row{grid-template-columns:1fr}
  .vg-item>a{padding:11px 10px;font-size:15px}
}
@media (max-width:991px){
  :root{--vg-pad:20px}
  .vg-burger{display:block}
  .vg-header-in{flex-wrap:wrap;min-height:76px}
  .vg-nav{display:none;width:100%;order:3;padding-bottom:12px}
  .vg-nav.open{display:block}
  .vg-menu{flex-direction:column;align-items:stretch;gap:0}
  .vg-item{display:flex;flex-wrap:wrap;align-items:center}
  .vg-item>a{flex:1;padding:12px 10px;font-size:16px}
  .vg-sub-toggle{display:block;background:none;border:0;width:44px;height:44px;cursor:pointer}
  .vg-sub{position:static;display:none;width:100%;box-shadow:none;background:#f6f6f6;margin-left:14px;min-width:0}
  .vg-item.open>.vg-sub{display:block}
  .vg-item.has-sub:hover>.vg-sub{display:none}
  .vg-item.has-sub.open:hover>.vg-sub{display:block}
  .vg-sub .vg-sub{left:auto}
  .vg-card-row{grid-template-columns:1fr;gap:64px}
  .vg-ih-row{grid-template-columns:1fr}.vg-ih-left,.vg-ih-col{text-align:left}.vg-ih-phone{order:-1}
  .vg-grid{grid-template-columns:repeat(2,1fr)}
  .vg-hero{padding:40px 0;min-height:0}
  .vg-hero:before{background:linear-gradient(90deg,var(--hero-c,#6b4a2a) 0,var(--hero-c,#6b4a2a) 30%,rgba(0,0,0,.0) 100%)}
  .vg-hero-box{padding:22px}
  .vg-hero-box h1{font-size:26px}.vg-hero-box p{font-size:17px}
  .vg-section{padding:48px 0}.vg-title{font-size:30px;margin-bottom:28px}
}
@media (max-width:575px){
  :root{--vg-pad:16px}
  .vg-grid,.vg-feat-row{grid-template-columns:1fr}
  .vg-power-item,.vg-power-item.is-left{flex-direction:column;text-align:left;gap:12px}
  .vg-why-item{gap:14px}
  .vg-event-row.has-img{grid-template-columns:1fr}
  .vg-event.is-flip .vg-event-row.has-img .vg-event-img{order:0}
  .vg-footer-legal-in{flex-direction:column}
  .vg-title-underline{font-size:26px}
  .vg-dropcap:first-letter{font-size:58px}
  .vg-logo-card{flex-basis:220px}.vg-logo-box{width:220px;height:121px}
}

/* ---------- Team bio overlay (hover / keyboard focus / tap) ---------- */
.vg-person.has-bio{cursor:default}
.vg-bio{position:absolute;inset:0 0 68px 0;background:rgba(0,70,0,.93);color:#fff;padding:14px 16px;overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s;scrollbar-width:thin;scrollbar-color:#7fbf7f transparent;z-index:2}
.vg-bio p{margin:0;font-size:13px;line-height:1.55;text-align:left}
.vg-person figcaption{z-index:3}
.vg-person.has-bio:hover .vg-bio,.vg-person.has-bio:focus .vg-bio,.vg-person.has-bio:focus-within .vg-bio,.vg-person.has-bio.is-open .vg-bio{opacity:1;visibility:visible}
@media (max-width:991px){.vg-bio{inset:0 0 66px 0}.vg-bio p{font-size:14px}}
