@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Lato:wght@300;400;700;900&family=Oswald:wght@400;500;600;700&display=swap');
:root{--green:#064714;--deep:#0E3614;--orange:#A7581E;--cream:#FDF9ED;--soft:#FDF6E6;--gold:#A97827;--ink:#071C08;--line:rgba(6,71,20,.14);}
*{box-sizing:border-box} body{margin:0;background:var(--cream);color:var(--ink);font-family:Lato,Arial,sans-serif} a{text-decoration:none;color:inherit}.inner-page{overflow-x:hidden;overflow-y:auto;min-height:100vh}.inner-nav{position:sticky;top:0;z-index:20;background:rgba(253,249,237,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px clamp(22px,5vw,80px)}.inner-logo{width:150px;height:auto}.inner-navlinks{display:flex;gap:26px;align-items:center;font-weight:700;font-size:.9rem}.inner-navlinks a:hover{color:var(--orange)}.nav-pill{background:var(--green);color:white;padding:12px 18px;border-radius:4px}.page-hero{padding:90px clamp(22px,7vw,120px) 70px;background:var(--cream)}.page-hero.dark{background:var(--deep);color:white}.eyebrow{font-family:Oswald,sans-serif;letter-spacing:.16em;font-size:.78rem;font-weight:600;color:var(--orange);text-transform:uppercase;margin-bottom:20px}.dark .eyebrow{color:#e6bb70}.page-hero h1{font:600 clamp(3.6rem,7vw,7.5rem)/.94 Oswald,sans-serif;letter-spacing:-.02em;margin:0;max-width:1000px}.page-hero h1 em{font-style:italic;color:var(--orange)}.dark h1 em{color:#f1c77c}.lead{font-size:clamp(1.1rem,1.8vw,1.45rem);line-height:1.7;max-width:780px;margin:30px 0 0}.script{font:500 clamp(2rem,3vw,3.4rem)/1.05 Caveat,cursive}.container-i{width:min(1180px,90vw);margin:auto}.section-i{padding:90px 0}.section-i.alt{background:var(--soft)}.section-i.dark{background:var(--deep);color:white}.section-title{font:600 clamp(2.8rem,5vw,5.5rem)/.98 Oswald,sans-serif;margin:0 0 24px}.section-title em{color:var(--orange);font-style:italic}.copy{font-size:1.12rem;line-height:1.85;max-width:760px}.copy p{margin:0 0 18px}.split-i{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.principles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.principle{padding:34px;background:var(--green);color:#fff;min-height:220px;position:relative;overflow:hidden}.principle:after{content:'';position:absolute;width:180px;height:180px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-80px;bottom:-80px}.num{font:500 2.6rem Oswald;color:#e9bd76}.principle h3,.card-i h3{font:600 1.55rem Oswald;margin:12px 0 8px}.principle p,.card-i p{line-height:1.65;margin:0}.quote-panel{background:var(--deep);color:#fff;padding:55px;position:relative}.quote-panel:before{content:'“';font:120px Georgia;color:#a97827;position:absolute;left:25px;top:-25px}.quote-panel p{font:500 2.1rem/1.25 Caveat;margin:25px 0}.founder{display:grid;grid-template-columns:1.05fr .95fr;gap:0;background:var(--soft)}.founder img{width:100%;height:620px;object-fit:cover}.founder-copy{padding:70px}.journey{display:flex;flex-wrap:wrap;gap:8px;margin-top:35px}.journey span{padding:13px 17px;border:1px solid var(--line);font:600 1rem Oswald;text-transform:uppercase}.beliefs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.belief{min-height:330px;padding:30px;background:white;border:1px solid var(--line);transition:.25s;position:relative}.belief:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(7,28,8,.08)}.belief h3{font:600 2rem Oswald;margin:28px 0 12px}.belief .lead-small{line-height:1.65}.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.path-card{padding:30px;min-height:390px;background:white;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;transition:.3s}.path-card:hover{background:var(--green);color:#fff;transform:translateY(-8px)}.path-card .path-num{font:500 4rem Oswald;color:var(--orange)}.path-card h3{font:600 1.7rem Oswald;margin:15px 0 8px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags span{font-size:.76rem;border:1px solid currentColor;padding:6px 8px;border-radius:99px}.transition{text-align:center;padding:70px 20px}.transition .script{color:var(--orange)}.friend-hero{background:var(--deep);color:#fff;padding:95px 0}.friend-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.friend-hero h1{font:600 clamp(3.5rem,7vw,7rem)/.9 Oswald;margin:0}.friend-hero h1 span{color:#f0c477}.friend-image{min-height:430px;background:url('../images/Aarunya friends_.PNG') center/cover no-repeat;border-radius:2px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.choice{padding:35px;background:white;border:1px solid var(--line);min-height:240px}.choice h3{font:600 1.55rem Oswald}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.activity{background:var(--soft);padding:25px;border-left:4px solid var(--orange);font-weight:700}.pledge{max-width:900px;margin:auto;text-align:center;padding:70px;background:var(--green);color:#fff}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{width:100%;height:320px;object-fit:cover;background:#eee}.living-hero{padding:70px 0}.campus-img{width:100%;display:block;border-radius:4px;border:8px solid var(--green);box-shadow:0 25px 70px rgba(7,28,8,.15)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:45px 0}.stat{background:var(--green);color:#fff;padding:28px}.stat strong{display:block;font:600 3rem Oswald;color:#f1c77c}.stat span{display:block;margin-top:6px}.six-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.six{padding:30px;background:white;border:1px solid var(--line)}.six h3{font:600 1.5rem Oswald}.experience-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.experience{min-height:220px;padding:25px;background:var(--deep);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.experience strong{font:500 1.6rem Oswald}.dark-panel{background:var(--deep);color:#fff;padding:60px}.music-words{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:45px 0}.music-word{font:600 clamp(2rem,5vw,5rem) Oswald;color:var(--green)}.initiative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.initiative{padding:34px;background:var(--soft);min-height:280px;border-top:5px solid var(--orange)}.timeline{position:relative;margin:40px 0}.timeline:before{content:'';position:absolute;left:30px;top:0;bottom:0;width:2px;background:var(--gold)}.timeline-item{display:grid;grid-template-columns:70px 1fr;gap:20px;margin-bottom:25px;position:relative}.timeline-no{width:60px;height:60px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font:500 1.4rem Oswald;z-index:1}.timeline-content{padding:28px;background:white;border:1px solid var(--line)}.timeline-content h3{font:600 1.7rem Oswald;margin:0 0 8px}.action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.action-card{padding:30px;background:var(--green);color:white;min-height:230px}.action-card h3{font:600 1.5rem Oswald}.join-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.join-card{padding:30px;background:white;border:1px solid var(--line);min-height:290px}.join-card h3{font:600 1.55rem Oswald}.orgs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.org{padding:25px;background:var(--soft)}.vision-words{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:55px 0}.vision-words span{font:600 clamp(2.5rem,6vw,6.5rem) Oswald;color:#f0c477}.final{padding:110px 0;background:var(--green);color:#fff;text-align:center}.final h2{font:600 clamp(3.5rem,7vw,7rem)/.9 Oswald;margin:0}.btn-i{display:inline-flex;align-items:center;gap:10px;padding:14px 20px;background:var(--green);color:#fff;font-weight:700;margin-top:25px}.btn-i.orange{background:var(--orange)}.footer-i{padding:45px 0;background:var(--deep);color:#fff}.footer-i .container-i{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-logo{width:150px;height:auto}.back{font:600 .8rem Oswald;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
@media(max-width:850px){.inner-navlinks{display:none}.split-i,.founder,.friend-hero-grid{grid-template-columns:1fr}.principles,.path-grid,.beliefs,.choice-grid,.activity-grid,.six-grid,.experience-strip,.initiative-grid,.action-grid,.join-grid,.orgs{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.founder img{height:430px}.founder-copy{padding:45px 25px}.page-hero{padding-top:65px}.footer-i .container-i{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.principles,.path-grid,.beliefs,.choice-grid,.activity-grid,.six-grid,.experience-strip,.initiative-grid,.action-grid,.join-grid,.orgs,.stats,.gallery{grid-template-columns:1fr}.page-hero h1{font-size:3.5rem}.section-i{padding:65px 0}.friend-image{min-height:320px}}


/* Section 02 — Why Aarunya Exists */
.page-hero + .section-i .copy .closing-line{font-size:1.3rem;line-height:1.55;margin-top:34px;margin-bottom:8px;color:var(--green)}
.page-hero + .section-i .copy .closing-line.strong{font-size:1.65rem;font-weight:700;margin-top:4px;color:var(--orange)}
.page-hero + .section-i .copy .closing-line em{font-style:italic}
.why-explore{display:inline-flex;align-items:center;gap:12px;margin-top:26px;padding:14px 22px;background:var(--green);color:#fff;font:700 .95rem Lato,sans-serif;letter-spacing:.04em;transition:transform .2s ease,background .2s ease}
.why-explore span{font-size:1.25rem;line-height:1}
.why-explore:hover{background:var(--orange);transform:translateY(-2px)}
.principles{position:relative}
.principles:before{content:'';position:absolute;inset:-18px;border:1px solid rgba(6,71,20,.10);pointer-events:none}
.principle:before{content:'';position:absolute;width:240px;height:240px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-95px;bottom:-95px;animation:whyBreath 8s ease-in-out infinite}
.principle:nth-child(2):before{animation-delay:-2s}
.principle:nth-child(3):before{animation-delay:-4s}
.principle:nth-child(4):before{animation-delay:-6s}
@keyframes whyBreath{0%,100%{transform:scale(.92);opacity:.35}50%{transform:scale(1.08);opacity:.8}}
@media(max-width:850px){.principles:before{inset:-10px}.why-explore{margin-top:20px}}

.section-i .copy .closing-line.strong{font-family:Oswald,sans-serif;letter-spacing:.01em}
.principle{transition:transform .25s ease,box-shadow .25s ease}
.principle:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(7,28,8,.18)}
@media(max-width:850px){.page-hero{padding-bottom:45px}.split-i{gap:42px}.principles{margin-top:10px}}


/* AARUNYA SPACING REFINEMENT — V2
   Tighter editorial rhythm: less empty air, stronger connection between
   hero, imagery and copy while retaining breathing room.
*/
.page-hero{
  padding-top:58px;
  padding-bottom:46px;
}
.page-hero .container-i{max-width:1080px}
.page-hero h1{max-width:900px}
.page-hero .lead{margin-top:20px;max-width:650px}

.founder{
  padding:58px clamp(22px,5vw,72px);
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:48px;
  align-items:center;
}
.founder img{
  height:520px;
}
.founder-copy{
  padding:4px 0;
}
.founder-copy .eyebrow{margin-bottom:12px}
.section-title{
  margin-bottom:17px;
}
.copy{
  font-size:1rem;
  line-height:1.68;
}
.copy p{margin-bottom:12px}
.script{
  font-size:clamp(1.65rem,2.5vw,2.65rem);
  margin:17px 0 11px;
}
.quote-panel{
  padding:32px 34px;
  margin-top:20px;
}
.quote-panel p{
  font-size:1.75rem;
  margin:18px 0 10px;
}
.section-i{
  padding-top:58px;
  padding-bottom:58px;
}
.journey{margin-top:22px}

@media(max-width:850px){
  .page-hero{padding-top:48px;padding-bottom:38px}
  .founder{padding:42px 22px;gap:30px}
  .founder img{height:430px}
  .founder-copy{padding:0}
  .section-i{padding-top:48px;padding-bottom:48px}
}
@media(max-width:560px){
  .page-hero{padding-top:40px;padding-bottom:32px}
  .founder{padding:32px 20px}
  .founder img{height:360px}
  .quote-panel{padding:27px 25px}
  .quote-panel p{font-size:1.55rem}
}


/* =========================================================
   AARUNYA V3 — INNER PAGES WITHOUT REPETITIVE HEROES
   The homepage owns the immersive hero. Inner pages begin
   as compact editorial chapters.
   ========================================================= */

.page-hero{
  padding:42px clamp(22px,6vw,88px) 30px !important;
  min-height:0 !important;
  height:auto !important;
  display:block !important;
  background:var(--cream) !important;
  color:var(--forest) !important;
  text-align:left !important;
  position:relative !important;
  overflow:visible !important;
}
.page-hero:before,.page-hero:after,
.page-hero .hero-bg,.page-hero .hero-overlay,
.page-hero .hero-image,.page-hero .hero-art{
  display:none !important;
}
.page-hero .container-i{
  max-width:1180px;
  margin:0 auto;
}
.page-hero .eyebrow,
.page-hero .section-label{
  margin-bottom:12px !important;
  color:var(--gold-dark) !important;
}
.page-hero h1{
  max-width:950px !important;
  color:var(--forest) !important;
  font-size:clamp(2.5rem,5vw,5.2rem) !important;
  line-height:.98 !important;
  margin:0 !important;
}
.page-hero h1 em:not(.script-accent){
  color:var(--gold) !important;
}
.page-hero .lead{
  max-width:700px !important;
  color:var(--muted) !important;
  font-size:16px !important;
  line-height:1.65 !important;
  margin:17px 0 0 !important;
}

/* If a page uses a generic title wrapper, keep it compact too. */
.inner-intro,.page-intro,.subpage-hero,.chapter-intro{
  padding:42px clamp(22px,6vw,88px) 30px !important;
  min-height:0 !important;
}

/* Main content follows quickly. */
.page-hero + section,
.page-hero + .section,
.page-hero + .founder,
.page-hero + .content-section{
  margin-top:0 !important;
}

@media(max-width:850px){
  .page-hero{
    padding:34px 22px 24px !important;
  }
  .page-hero h1{
    font-size:clamp(2.25rem,9vw,3.8rem) !important;
  }
}
@media(max-width:560px){
  .page-hero{
    padding:28px 20px 20px !important;
  }
  .page-hero .lead{
    font-size:14px !important;
    margin-top:13px !important;
  }
}


/* =========================================================
   AARUNYA V6 — HERO BALANCE
   The two opening messages are a single visual statement:
   same vertical level, contained in one viewport.
   ========================================================= */

.inner-nav{
  min-height:88px;
  padding:10px clamp(22px,5vw,72px);
}
.inner-logo{width:118px;height:auto;}

.about-page .about-hero{
  min-height:calc(100vh - 88px);
  box-sizing:border-box;
  padding:28px 0 34px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.about-page .about-hero-grid{
  width:min(1180px,90vw);
  margin:0 auto;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:54px;
  align-items:center;
}
.about-page .about-hero h1{
  font-size:clamp(3.6rem,5.4vw,5.6rem);
  line-height:.91;
  max-width:820px;
}
.about-page .hero-note{
  font-size:clamp(1.8rem,2.45vw,2.65rem);
  line-height:1.2;
  max-width:470px;
  padding:0;
  align-self:center;
}
@media(max-height:800px) and (min-width:851px){
  .inner-nav{min-height:76px;padding:8px clamp(22px,5vw,72px)}
  .inner-logo{width:105px;height:auto}
  .about-page .about-hero{
    min-height:calc(100vh - 76px);
    padding:22px 0 26px;
  }
  .about-page .about-hero-grid{gap:42px}
  .about-page .about-hero h1{font-size:clamp(3.2rem,4.8vw,4.9rem)}
  .about-page .hero-note{font-size:clamp(1.65rem,2.2vw,2.25rem)}
}
@media(max-width:850px){
  .inner-nav{min-height:auto;padding:10px 20px}
  .inner-logo{width:105px;height:auto}
  .about-page .about-hero{
    min-height:auto;
    padding:38px 0 34px;
    display:block;
  }
  .about-page .about-hero-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
  .about-page .about-hero h1{
    font-size:clamp(2.9rem,10vw,4.4rem);
  }
  .about-page .hero-note{
    font-size:clamp(1.6rem,6vw,2.25rem);
    max-width:650px;
  }
}