:root{--green:#008751;--dark-green:#005f3a;--deep-green:#033d28;--light-green:#eaf7f0;--white:#ffffff;--text:#173126;--muted:#64766d;--line:#dce8e2;--shadow:0 18px 45px rgba(0,70,42,.14);--radius:22px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--white);line-height:1.6}a{text-decoration:none;color:inherit}img{max-width:100%}.container{max-width:1200px;margin:auto;padding:0 24px}
.topbar{background:var(--deep-green);color:white;font-size:.9rem}.topbar-inner{display:flex;justify-content:space-between;gap:10px;padding-top:8px;padding-bottom:8px}.topbar a{color:white}
.site-header{position:sticky;top:0;z-index:99;background:white;border-bottom:1px solid var(--line);box-shadow:0 6px 22px rgba(0,0,0,.04)}.nav-wrapper{min-height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:62px;height:62px;object-fit:contain}.brand strong{display:block;color:var(--green);font-size:2rem;line-height:1}.brand span{font-size:.82rem;font-weight:800;color:var(--muted)}.nav-menu{display:flex;align-items:center;gap:20px;font-weight:800}.nav-menu a:hover{color:var(--green)}.nav-button{background:var(--green);color:white!important;padding:11px 18px;border-radius:8px}.menu-toggle{display:none;background:none;border:none;font-size:2rem;color:var(--green)}
.hero{position:relative;min-height:680px;color:white;display:grid;place-items:center;overflow:hidden}.hero-slides,.hero-slide,.hero-overlay{position:absolute;inset:0}.hero-slide{background-size:cover;background-position:center;opacity:0;transition:opacity 1s ease}.hero-slide.active{opacity:1}.hero-overlay{background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.35),rgba(0,0,0,.15));z-index:1}.hero-content{position:relative;z-index:2;text-align:left}.hero-kicker{font-weight:900;text-transform:uppercase;letter-spacing:.16em;color:#dfffee;margin-bottom:16px}.hero h1{font-size:clamp(2.6rem,6vw,5.2rem);max-width:760px;line-height:1.06;margin-bottom:20px}.hero p{max-width:640px;font-size:1.1rem}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-block;border-radius:10px;padding:13px 22px;font-weight:900}.btn-primary{background:var(--green);color:white}.btn-outline{border:2px solid white;color:white}.green-outline{border-color:var(--green);color:var(--green)}.slide-control{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.25);color:white;font-size:2rem;cursor:pointer}.prev{left:22px}.next{right:22px}.dots{margin-top:28px;display:flex;gap:8px}.dot{width:11px;height:11px;border-radius:50%;border:none;background:white;opacity:.55}.dot.active{opacity:1;background:var(--green)}
.news-ticker{display:flex;background:var(--green);color:white;overflow:hidden}.ticker-label{background:#f5c542;color:#163126;font-weight:900;padding:13px 24px;white-space:nowrap}.ticker-track{display:flex;gap:34px;white-space:nowrap;padding:13px 24px;animation:ticker 32s linear infinite}@keyframes ticker{from{transform:translateX(20%)}to{transform:translateX(-100%)}}
.section{max-width:1200px;margin:auto;padding:8ï4px 24px}.section-kicker{color:var(--green);text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:.83rem;margin-bottom:10px}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.12;margin-bottom:18px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.text-link{color:var(--green);font-weight:900}
.news-events-layout{display:grid;grid-template-columns:1.55fr .9fr;gap:30px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card,.event-panel,.leader-card,.member-form{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.news-card img{width:100%;height:190px;object-fit:cover;background:linear-gradient(135deg,var(--green),var(--dark-green))}.news-body{padding:20px}.news-body span{color:var(--green);font-weight:900;font-size:.86rem}.news-body h3{margin:8px 0}.news-body a{color:var(--green);font-weight:900}
.event-panel{padding:22px}.event-panel-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px}.event-panel-head h2{font-size:1.5rem;margin:0;color:var(--green)}.event-panel-head a{color:var(--green);font-weight:900}.event-card{display:grid;grid-template-columns:92px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.event-card:last-child{border-bottom:none}.event-date{background:var(--green);color:white;border-radius:10px;text-align:center;padding:10px}.event-date span,.event-date strong,.event-date small{display:block}.event-date strong{font-size:2.2rem;line-height:1}
.about-section{display:grid;grid-template-columns:1fr 1.2fr;gap:34px;align-items:start}.about-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-cards article{background:var(--light-green);border-radius:18px;padding:24px}.about-cards h3{color:var(--green);font-size:1.5rem}
.spotlight{display:grid;grid-template-columns:1.35fr .9fr;gap:28px;align-items:center;background:var(--light-green);border-radius:32px;margin-top:30px;margin-bottom:30px}.spotlight-icons{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px;text-align:center}.spotlight-icons span{font-size:2rem;display:block}.spotlight-icons strong{display:block;color:var(--green)}.spotlight-image img{width:100%;height:360px;object-fit:cover;border-radius:22px;background:linear-gradient(135deg,var(--green),var(--deep-green))}
.leadership{max-width:none;background:#f7fbf9;padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}.center-heading{text-align:center;max-width:760px;margin:0 auto 38px}.leader-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.leader-card{text-align:center;padding:30px 20px}.leader-photo{width:138px;height:138px;border-radius:50%;overflow:hidden;margin:0 auto 18px;background:var(--green);color:white;display:grid;place-items:center;font-size:1.8rem;font-weight:900;border:5px solid var(--green)}.leader-photo img{width:100%;height:100%;object-fit:cover;display:block}.leader-card h3{color:var(--green);margin-bottom:6px}
.gallery-grid{display:grid;grid-template-columns:1fr 1.fr 1fr;grid-auto-rows:510px;gap:16px}.gallery-item{position:relative;border-radius:20px;overflow:auto;background:linear-gradient(135deg,var(--green),var(--deep-green));box-shadow:var(--shadow)}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.gallery-item img{width:100%;height:500px;object-fit:cover;display:block}.gallery-item span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(transparent,rgba(0,0,0,.72));color:white;font-weight:900;padding:10px 18px 16px}
.membership-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.membership-copy ul{margin-top:18px;padding-left:20px}.membership-copy li{margin-bottom:8px}.member-form{padding:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.member-form input,.member-form select,.member-form textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;margin-bottom:14px;font:inherit}.member-form input:focus,.member-form select:focus,.member-form textarea:focus{outline:3px solid rgba(0,135,81,.16);border-color:var(--green)}.member-form button{width:100%;padding:15px;border:none;border-radius:10px;background:var(--green);color:white;font-weight:900;cursor:pointer}.form-note{font-size:.88rem;color:var(--muted);margin-top:12px}
.contact-section{background:var(--light-green);padding:60px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.contact-buttons{display:flex;gap:12px;flex-wrap:wrap}.whatsapp-float{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-size:1.8rem;font-weight:900;box-shadow:var(--shadow);z-index:200}
.footer{background:var(--deep-green);color:white;padding:52px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}.footer a{display:block;color:#dfffee;margin:6px 0}.footer h3{font-size:2.1rem}.socials{display:flex;gap:10px}.socials a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--green);font-weight:900}.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.16);max-width:1200px;margin:30px auto 0;padding-top:18px;color:#d3eadf}
@media(max-width:980px){.menu-toggle{display:block}.nav-menu{position:absolute;top:86px;left:0;right:0;background:white;display:none;flex-direction:column;align-items:flex-start;padding:24px;border-bottom:1px solid var(--line)}.nav-menu.open{display:flex}.topbar-inner,.contact-inner{flex-direction:column;align-items:flex-start}.news-events-layout,.about-section,.spotlight,.membership-section{grid-template-columns:1fr}.news-grid,.leader-grid,.footer-grid{grid-template-columns:1fr 1fr}.spotlight-icons{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:230px}.gallery-item.tall,.gallery-item.wide{grid-row:auto;grid-column:auto}}
@media(max-width:640px){.hero{min-height:620px}.hero-content{text-align:center}.hero-actions,.dots{justify-content:center}.slide-control{display:none}.news-ticker{flex-direction:column}.news-grid,.leader-grid,.footer-grid,.about-cards,.spotlight-icons,.form-row{grid-template-columns:1fr}.brand span{display:none}.section{padding:64px 18px}}
/* ===============================
   COMMUNITY SPOTLIGHT
================================= */

.spotlight-section {
  padding: 70px 8%;
  background: #f7faf8;
}

.section-header {
  text-align: center;
  margin-bottom: 50px;
}

.section-tag {
  display: inline-block;
  background: #0a7a35;
  color: #fff;
  padding: 8px 18px;
  border-radius: 25px;
  font-size: .9rem;
  font-weight: 600;
  margin-bottom: 15px;
}

.section-header h2 {
  font-size: 2.5rem;
  color: #0a7a35;
  margin-bottom: 15px;
}

.section-header p {
  max-width: 700px;
  margin: auto;
  color: #555;
  line-height: 1.8;
}

.spotlight-card {
  display: flex;
  align-items: center;
  gap: 50px;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.spotlight-image {
  flex: 1;
  min-width: 320px;
}

.spotlight-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.spotlight-content {
  flex: 1.5;
  padding: 50px;
}

.spotlight-content h3 {
  color: #0a7a35;
  font-size: 2rem;
  margin-bottom: 10px;
}

.spotlight-title {
  color: #777;
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 25px;
}

.spotlight-content p {
  line-height: 1.9;
  color: #444;
  margin-bottom: 18px;
}

.read-more-btn {
  display: inline-block;
  margin-top: 15px;
  background: #0a7a35;
  color: #fff;
  text-decoration: none;
  padding: 12px 28px;
  border-radius: 50px;
  font-weight: 600;
  transition: 0.3s;
}

.read-more-btn:hover {
  background: #055424;
  transform: translateY(-2px);
}

/* Mobile */

@media(max-width:900px) {

  .spotlight-card {
    flex-direction: column;
  }

  .spotlight-content {
    padding: 30px;
  }

  .section-header h2 {
    font-size: 2rem;
  }
}
.memorial-banner {
  position: relative;
  height: 700px;
  overflow: hidden;
}

.memorial-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .45);
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.overlay h1 {
  font-size: 4rem;
}

.overlay h2 {
  font-size: 2.5rem;
  color: #d4af37;
}

/* ==========================
   ABOUT NAD SECTION
========================== */

.about-nad {
  padding: 100px 8%;
  background: #f8fbf8;
}

.container {
  max-width: 1200px;
  margin: auto;
}

.section-title {
  text-align: center;
  margin-bottom: 60px;
}

.section-title span {
  color: #0c6b2f;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.section-title h2 {
  font-size: 3rem;
  color: #0c6b2f;
  margin: 15px 0;
}

.section-title p {
  color: #666;
  font-size: 1.1rem;
}

.about-content {
  display: flex;
  align-items: center;
  gap: 60px;
}

.about-image {
  flex: 1;
}

.about-image img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.about-text {
  flex: 1;
}

.about-text h3 {
  font-size: 2rem;
  color: #0c6b2f;
  margin-bottom: 20px;
}

.about-text p {
  line-height: 1.9;
  color: #444;
  margin-bottom: 20px;
}

.mission-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 30px;
}

.mission-item {
  background: white;
  padding: 25px;
  border-left: 5px solid #0c6b2f;
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.mission-item h4 {
  color: #0c6b2f;
  margin-bottom: 10px;
}

.about-btn {
  display: inline-block;
  margin-top: 30px;
  padding: 14px 30px;
  background: #0c6b2f;
  color: white;
  text-decoration: none;
  border-radius: 50px;
  font-weight: 600;
  transition: 0.3s;
}

.about-btn:hover {
  background: #084a21;
  transform: translateY(-3px);
}

/* ==========================
 MOBILE
========================== */

@media(max-width:900px) {

  .about-content {
    flex-direction: column;
  }

  .section-title h2 {
    font-size: 2.2rem;
  }

  .mission-box {
    grid-template-columns: 1fr;
  }
}