/* index.css */
/* Hero */
.hero {
  background:var(--navy);
  min-height:90vh; display:flex; align-items:center;
  position:relative; overflow:hidden;
}
.hero::before {
  content:''; position:absolute; inset:0;
  background: var(--hero-bg) center/cover no-repeat;
  opacity: .15;
}
.hero-glow { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 50%, rgba(201,150,44,.15) 0%, transparent 60%); pointer-events:none; }
.hero-content { position:relative; z-index:2; text-align:center; padding:100px 0; }
.hero-content h1 { color:var(--white); font-size:clamp(2.3rem, 4.2vw, 3.5rem); margin-bottom:16px; line-height:1.1; }
.hero-sub { color:var(--gold2); font-family:'Playfair Display',serif; font-style:italic; font-size:1.2rem; margin-bottom:24px; }
.hero-body { color:rgba(255,255,255,.8); font-size:1.1rem; max-width:700px; margin:0 auto 40px; }
.hero-ctas { display:flex; gap:16px; justify-content:center; flex-wrap:wrap; }
.hero-stats { display:flex; gap:32px; justify-content:center; margin-top:60px; border-top:1px solid rgba(255,255,255,.1); padding-top:30px; flex-wrap:wrap; }
.h-stat { color:var(--white); }
.h-stat span { display:block; color:var(--gold2); font-family:'Playfair Display',serif; font-size:1.8rem; font-weight:800; }

/* Ticker Marquee */
.ticker-wrap { background:var(--gold); padding:12px 0; overflow:hidden; white-space:nowrap; display:flex; align-items:center; }
.ticker { display:inline-block; animation:ticker 35s linear infinite; color:var(--navy); font-weight:700; font-size:.9rem; }
.ticker span { margin:0 24px; }
@keyframes ticker { 0% { transform:translateX(0); } 100% { transform:translateX(-50%); } }

/* About Sections */
.about-section { padding:96px 0; background:var(--white); }
.about-grid { display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; }
.about-img { position:relative; border-radius:12px; overflow:hidden; height:450px; }
.mission-vision { padding:96px 0; background:var(--navy); color:var(--white); }
.mv-grid { display:grid; grid-template-columns:1fr 1fr; gap:32px; }
.mv-card { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); padding:40px; border-radius:12px; }
.mv-card h3 { color:var(--gold2); margin-bottom:16px; font-size:1.5rem; }

/* Programmes */
.programmes-section { padding:96px 0; background:var(--cream); }
.prog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.prog-card { background:var(--white); border-radius:12px; overflow:hidden; border:1px solid rgba(11,31,58,.08); transition:transform .3s, box-shadow .3s; }
.prog-card:hover { transform:translateY(-8px); box-shadow:var(--shadow2); }
.prog-img { height:auto; overflow:hidden; }
.prog-img .img-placeholder { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.prog-body { padding:30px; position:relative; z-index:2; background:var(--white); }
.prog-body h3 { color:var(--navy); margin-bottom:12px; }
.prog-body p { color:var(--muted); font-size:.9rem; margin-bottom:20px; }

/* Testimonials */
.testimonials { padding:96px 0; background:var(--navy); }
.test-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.test-card { background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); padding:32px; border-radius:12px; color:rgba(255,255,255,.8); }
.test-card .quote { font-style:italic; margin-bottom:24px; font-size:.95rem; }
.test-author { display:flex; align-items:center; gap:12px; }
.test-author .avatar { width:48px; height:48px; border-radius:50%; background:var(--gold); display:flex; align-items:center; justify-content:center; color:var(--navy); font-weight:700; font-size:1.2rem; }

/* Final CTA */
.cta-section { padding:100px 0; background:var(--navy); text-align:center; position:relative; }

/* Responsive */
@media(max-width:1024px) {
  .about-grid { grid-template-columns:1fr; gap:40px; }
  .mv-grid { grid-template-columns:1fr; }
  .prog-grid { grid-template-columns:repeat(2,1fr); }
  .test-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:768px) {
  .prog-grid { grid-template-columns:1fr; }
  .test-grid { grid-template-columns:1fr; }
  .about-img { display:none; }
  .hero-stats { gap:20px; }
}