/* ── AURA SAHA — ABOUT PAGE STYLES ── */

.about-hero { padding:140px 6vw 80px; background:var(--ink); color:white; position:relative; overflow:hidden; }
.about-hero::before { content:''; position:absolute; top:-100px; right:-100px; width:600px; height:600px; background:radial-gradient(circle, rgba(245,166,35,0.1) 0%, transparent 70%); border-radius:50%; }
.about-hero::after { content:''; position:absolute; bottom:-100px; left:-100px; width:400px; height:400px; background:radial-gradient(circle, rgba(13,110,110,0.15) 0%, transparent 70%); border-radius:50%; }
.hero-inner { max-width:900px; position:relative; z-index:1; }
.hero-tag { display:inline-block; background:rgba(245,166,35,0.15); border:1px solid rgba(245,166,35,0.3); color:var(--sun); font-size:0.75rem; font-weight:700; padding:6px 16px; border-radius:50px; margin-bottom:1.5rem; text-transform:uppercase; letter-spacing:1px; }
.about-hero h1 { font-family:'Fraunces',serif; font-size:clamp(2.5rem,5vw,4rem); font-weight:900; line-height:1.1; letter-spacing:-1.5px; color:white; margin-bottom:1.5rem; }
.about-hero h1 em { font-style:italic; color:var(--sun); }
.about-hero p { font-size:1.1rem; line-height:1.8; color:rgba(255,255,255,0.65); max-width:700px; }

.mission-strip { background:var(--teal); padding:50px 6vw; display:grid; grid-template-columns:repeat(3,1fr); gap:3rem; }
.mission-item { text-align:center; }
.mission-num { font-family:'Fraunces',serif; font-size:3rem; font-weight:900; color:var(--sun); line-height:1; margin-bottom:0.5rem; }
.mission-label { color:rgba(255,255,255,0.8); font-size:0.9rem; font-weight:500; line-height:1.5; }

.founder-section { padding:100px 6vw; background:var(--cream); }
.founder-grid { display:grid; grid-template-columns:1fr 1.6fr; gap:6rem; align-items:start; }
.founder-left { position:sticky; top:120px; }
.founder-photo-wrap { position:relative; width:100%; max-width:380px; }
.founder-photo { width:100%; aspect-ratio:3/4; border-radius:28px; background:linear-gradient(135deg, var(--teal-light) 0%, var(--sun-light) 100%); display:flex; align-items:center; justify-content:center; font-size:6rem; position:relative; overflow:hidden; }
.founder-photo img { width:100%; height:100%; object-fit:cover; border-radius:28px; }
.founder-badge { position:absolute; bottom:-20px; right:-20px; background:var(--teal); color:white; padding:16px 20px; border-radius:20px; text-align:center; box-shadow:0 8px 30px rgba(13,110,110,0.3); }
.badge-num { font-family:'Fraunces',serif; font-size:1.8rem; font-weight:900; line-height:1; }
.badge-label { font-size:0.7rem; opacity:0.8; font-weight:500; margin-top:2px; }
.founder-name { font-family:'Fraunces',serif; font-size:1.6rem; font-weight:900; margin-top:2.5rem; margin-bottom:0.3rem; }
.founder-title { font-size:0.85rem; color:var(--teal); font-weight:600; opacity:0.9; line-height:1.5; }
.founder-quals { display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:1.2rem; }
.qual-tag { background:var(--soft); border:1px solid rgba(13,110,110,0.1); color:var(--ink); font-size:0.7rem; font-weight:600; padding:4px 12px; border-radius:50px; opacity:0.8; }

.founder-bio p { font-size:1rem; line-height:1.85; color:var(--ink); opacity:0.75; margin-bottom:1.2rem; }
.founder-bio p strong { color:var(--teal); opacity:1; font-weight:700; }

.expertise-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin-top:2.5rem; }
.exp-card { background:white; border-radius:18px; padding:20px; border:2px solid transparent; transition:border-color 0.2s, transform 0.2s; }
.exp-card:hover { border-color:var(--teal); transform:translateY(-2px); }
.exp-icon { font-size:1.5rem; margin-bottom:0.7rem; }
.exp-title { font-weight:700; font-size:0.9rem; margin-bottom:0.4rem; color:var(--ink); }
.exp-desc { font-size:0.78rem; opacity:0.6; line-height:1.5; }

.beyond-section { padding:80px 6vw; background:var(--soft); }
.beyond-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem; }
.beyond-card { background:white; border-radius:24px; padding:32px 24px; text-align:center; transition:transform 0.3s, box-shadow 0.3s; }
.beyond-card:hover { transform:translateY(-6px); box-shadow:0 20px 50px rgba(0,0,0,0.07); }
.beyond-card:nth-child(2) { background:var(--teal); color:white; }
.beyond-emoji { font-size:2.5rem; margin-bottom:1rem; }
.beyond-title { font-family:'Fraunces',serif; font-size:1.15rem; font-weight:700; margin-bottom:0.6rem; }
.beyond-card:nth-child(2) .beyond-title { color:white; }
.beyond-desc { font-size:0.85rem; opacity:0.65; line-height:1.6; }
.beyond-card:nth-child(2) .beyond-desc { color:rgba(255,255,255,0.75); opacity:1; }

.curriculum-section { padding:80px 6vw; background:var(--cream); }
.curriculum-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-top:3rem; }
.curr-item { background:white; border-radius:16px; padding:20px 24px; display:flex; align-items:center; gap:1rem; border-left:4px solid var(--teal); transition:transform 0.2s; }
.curr-item:hover { transform:translateX(4px); }
.curr-item:nth-child(even) { border-left-color:var(--sun); }
.curr-dot { width:10px; height:10px; background:var(--teal); border-radius:50%; flex-shrink:0; }
.curr-item:nth-child(even) .curr-dot { background:var(--sun); }
.curr-name { font-weight:700; font-size:0.9rem; }
.curr-detail { font-size:0.75rem; opacity:0.55; margin-top:2px; }

.philosophy-section { padding:100px 6vw; background:var(--ink); color:white; text-align:center; position:relative; overflow:hidden; }
.philosophy-section::before { content:''; position:absolute; top:-100px; left:50%; transform:translateX(-50%); width:700px; height:700px; background:radial-gradient(circle, rgba(245,166,35,0.07) 0%, transparent 70%); border-radius:50%; }
.philosophy-section h2 { color:white; max-width:700px; margin:0 auto 2rem; }
.philosophy-quote { font-family:'Fraunces',serif; font-size:clamp(1.4rem,2.5vw,2rem); font-style:italic; color:var(--sun); max-width:750px; margin:0 auto 1.5rem; line-height:1.5; }
.philosophy-sub { color:rgba(255,255,255,0.5); font-size:0.9rem; max-width:500px; margin:0 auto; line-height:1.7; }

.about-cta { padding:80px 6vw; background:var(--soft); text-align:center; }
.about-cta h2 { max-width:600px; margin:0 auto 1rem; }
.about-cta p { opacity:0.65; max-width:500px; margin:0 auto 2rem; line-height:1.7; }
.cta-btns { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }

@media(max-width:900px) {
  .founder-grid { grid-template-columns:1fr; gap:3rem; }
  .founder-left { position:static; }
  .expertise-grid, .beyond-grid, .curriculum-grid { grid-template-columns:1fr; }
  .mission-strip { grid-template-columns:1fr; gap:2rem; }
}