/*
Theme Name: CS Pooja Jindal
Description: Premium personal website theme for CS Pooja Jindal, Art of Living Faculty.
Version: 1.0
*/

:root{
  --stone:#F6F2E9;
  --stone-soft:#EFE9DB;
  --pine:#1C3B36;
  --pine-deep:#152D29;
  --marigold:#C98A3D;
  --ink:#241F1A;
  --brass:#8B7355;
  --white:#FFFDF9;
  --line:rgba(36,31,26,0.12);
  --line-on-pine:rgba(246,242,233,0.18);
  --serif:'Fraunces', Georgia, serif;
  --sans:'Inter', -apple-system, sans-serif;
  --maxw:1180px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--sans);
  color:var(--ink);
  background:var(--stone);
  line-height:1.6;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.15;letter-spacing:-0.01em;}
p{max-width:60ch;}
section{padding:110px 0;}
.eyebrow{font-family:var(--sans);font-size:13px;color:var(--brass);margin-bottom:14px;font-weight:500;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:2px;font-family:var(--sans);font-size:14.5px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:transform .25s ease, background .25s ease, color .25s ease;}
.btn:hover{transform:translateY(-1px);}
.btn-primary{background:var(--marigold);color:var(--white);}
.btn-primary:hover{background:#b57a30;}
.btn-outline-light{border-color:var(--line-on-pine);color:var(--white);}
.btn-outline-light:hover{background:rgba(255,255,255,0.08);}
.btn-outline-dark{border-color:var(--line);color:var(--ink);}
.btn-outline-dark:hover{background:var(--stone-soft);}

header{position:sticky;top:0;z-index:100;background:rgba(246,242,233,0.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
nav.wrap{display:flex;align-items:center;justify-content:space-between;height:82px;}
.brand{font-family:var(--serif);font-size:20px;letter-spacing:0.01em;}
.brand span{color:var(--marigold);}
.navlinks{display:flex;gap:34px;align-items:center;}
.navlinks a{font-size:14.5px;color:var(--ink);opacity:0.75;transition:opacity .2s;}
.navlinks a:hover{opacity:1;}
.nav-cta{display:flex;align-items:center;gap:18px;}
.menu-btn{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px;}
.menu-btn span{width:24px;height:2px;background:var(--ink);display:block;}
.mobile-menu{display:none;position:fixed;inset:82px 0 0 0;background:var(--stone);z-index:99;padding:40px 32px;flex-direction:column;gap:26px;}
.mobile-menu a{font-family:var(--serif);font-size:26px;}
.mobile-menu.open{display:flex;}

.hero{background:var(--pine);color:var(--white);padding:0;overflow:hidden;}
.hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;min-height:640px;}
.hero-copy{padding:100px 56px 100px 32px;display:flex;flex-direction:column;justify-content:center;}
.hero-copy .eyebrow{color:#D9C79A;}
.hero-copy h1{font-size:clamp(40px, 5.4vw, 68px);color:var(--white);margin-bottom:20px;}
.hero-copy .role{font-size:19px;color:#CFE0DB;margin-bottom:28px;font-family:var(--sans);font-weight:500;}
.hero-copy .tagline{color:#D9DED8;font-size:17px;margin-bottom:42px;max-width:46ch;}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;}
.hero-photo{position:relative;background:linear-gradient(160deg, #274943, #1C3B36 70%);display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line-on-pine);}
.hero-photo img{width:100%;height:100%;object-fit:cover;}
.photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:rgba(255,255,255,0.55);font-size:14px;text-align:center;padding:40px;}
.photo-placeholder .ph-icon{width:52px;height:52px;border:1px solid rgba(255,255,255,0.35);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;}

.about{background:var(--stone);}
.about-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:70px;align-items:start;}
.about-photo{background:var(--stone-soft);border:1px solid var(--line);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;color:var(--brass);font-size:14px;overflow:hidden;}
.about-photo img{width:100%;height:100%;object-fit:cover;}
.about h2{font-size:clamp(30px,3.4vw,42px);margin-bottom:24px;}
.about-body p{margin-bottom:18px;color:#4a443c;max-width:65ch;}
.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line);}
.about-facts .fact-label{font-size:12.5px;color:var(--brass);margin-bottom:4px;}
.about-facts .fact-value{font-family:var(--serif);font-size:18px;}

.programs-schedule{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;flex-wrap:wrap;}
.section-head h2{font-size:clamp(30px,3.4vw,42px);}
.section-head p{color:#5a5347;font-size:15.5px;}

.wisdom{background:var(--pine);color:var(--white);}
.wisdom .section-head h2{color:var(--white);}
.wisdom .section-head p{color:#CFE0DB;}
.wisdom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.wisdom-card .w-thumb{aspect-ratio:16/10;background:rgba(255,255,255,0.06);border:1px solid var(--line-on-pine);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.5);font-size:13px;margin-bottom:18px;position:relative;overflow:hidden;}
.wisdom-card .w-thumb img{width:100%;height:100%;object-fit:cover;}
.w-thumb .play{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,0.5);display:flex;align-items:center;justify-content:center;font-size:13px;position:absolute;}
.wisdom-card h4{font-size:19px;color:var(--white);margin-bottom:8px;}
.wisdom-card p{font-size:14px;color:#C8D3CE;}

.testimonials{background:var(--white);}
.t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border:1px solid var(--line);}
.t-card{background:var(--white);padding:36px 32px;}
.t-quote{font-family:var(--serif);font-size:19px;line-height:1.5;margin-bottom:22px;font-style:italic;}
.t-who{display:flex;align-items:center;gap:12px;}
.t-avatar{width:42px;height:42px;border-radius:50%;background:var(--stone-soft);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--brass);overflow:hidden;}
.t-avatar img{width:100%;height:100%;object-fit:cover;}
.t-name{font-size:14.5px;font-weight:600;}
.t-loc{font-size:13px;color:var(--brass);}

.gallery{background:var(--stone);}
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:14px;}
.g-item{background:var(--stone-soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--brass);font-size:12.5px;overflow:hidden;}
.g-item img{width:100%;height:100%;object-fit:cover;}
.g-item.tall{grid-row:span 2;}
.g-item.wide{grid-column:span 2;}

.contact{background:var(--pine);color:var(--white);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;}
.contact h2{color:var(--white);font-size:clamp(30px,3.4vw,42px);margin-bottom:18px;}
.contact > .wrap > p{color:#CFE0DB;margin-bottom:0;}
.contact-list{margin-top:36px;display:flex;flex-direction:column;gap:20px;}
.contact-list .c-row{display:flex;gap:16px;align-items:center;border-bottom:1px solid var(--line-on-pine);padding-bottom:18px;}
.c-icon{width:38px;height:38px;border:1px solid var(--line-on-pine);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;}
.c-label{font-size:12.5px;color:#B9D0C9;margin-bottom:3px;}
.c-value{font-size:15px;}
.form-card{background:rgba(255,255,255,0.05);border:1px solid var(--line-on-pine);padding:40px;}
.form-card h3{color:var(--white);font-size:22px;margin-bottom:24px;}
.field{margin-bottom:20px;}
.field label{display:block;font-size:13px;color:#CFE0DB;margin-bottom:8px;}
.field input, .field textarea{width:100%;background:rgba(255,255,255,0.06);border:1px solid var(--line-on-pine);color:var(--white);padding:13px 14px;font-family:var(--sans);font-size:14.5px;border-radius:2px;}
.field input::placeholder, .field textarea::placeholder{color:rgba(255,255,255,0.4);}
.field textarea{resize:vertical;min-height:110px;}
.form-card .btn-primary{width:100%;justify-content:center;padding:15px;border:none;}

footer{background:var(--pine-deep);color:#B9D0C9;padding:70px 0 30px;}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:50px;padding-bottom:50px;border-bottom:1px solid var(--line-on-pine);}
footer h4{color:var(--white);font-family:var(--sans);font-size:14px;margin-bottom:18px;font-weight:600;}
.footer-brand{font-family:var(--serif);color:var(--white);font-size:22px;margin-bottom:14px;}
.footer-grid p{font-size:14px;color:#9FBBB3;max-width:32ch;}
.footer-links{display:flex;flex-direction:column;gap:12px;font-size:14px;}
.footer-links a{color:#B9D0C9;transition:color .2s;}
.footer-links a:hover{color:var(--white);}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:26px;font-size:13px;flex-wrap:wrap;gap:12px;}
.footer-social{display:flex;gap:14px;}
.footer-social a{width:34px;height:34px;border:1px solid var(--line-on-pine);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--white);}

@media (max-width: 980px){
  .hero-grid{grid-template-columns:1fr;min-height:auto;}
  .hero-photo{height:340px;order:-1;border-left:none;border-bottom:1px solid var(--line-on-pine);}
  .hero-copy{padding:60px 28px;}
  .about-grid{grid-template-columns:1fr;gap:36px;}
  .about-photo{aspect-ratio:16/9;}
  .wisdom-grid{grid-template-columns:1fr 1fr;}
  .t-grid{grid-template-columns:1fr 1fr;}
  .gallery-grid{grid-template-columns:repeat(3,1fr);}
  .contact-grid{grid-template-columns:1fr;gap:44px;}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px;}
}
@media (max-width: 680px){
  section{padding:70px 0;}
  .wrap{padding:0 22px;}
  .navlinks{display:none;}
  .nav-cta .btn-outline-dark{display:none;}
  .menu-btn{display:flex;}
  .wisdom-grid{grid-template-columns:1fr;}
  .t-grid{grid-template-columns:1fr;}
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:140px;}
  .g-item.wide{grid-column:span 2;}
  .footer-grid{grid-template-columns:1fr;gap:30px;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
}