
:root{--green:#145f43;--dark:#0f4432;--soft:#e8f1ec;--gold:#c59a45;--ivory:#f7f2e9;--white:#fff;--ink:#17211d;--muted:#66716b;--line:#e4ddd1;--shadow:0 18px 50px rgba(18,36,28,.12);--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,sans-serif;background:var(--ivory);color:var(--ink);line-height:1.65}img{max-width:100%;display:block}.container{width:min(var(--container),92%);margin:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,242,233,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;gap:2rem}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand img{width:48px}.brand span{display:grid}.brand strong{font:700 1.45rem Georgia;color:var(--green)}.brand small{font-size:.72rem;color:var(--muted)}.nav{display:flex;gap:.15rem}.nav a{text-decoration:none;font-weight:700;padding:.72rem .82rem;border-radius:999px}.nav a:hover,.nav a.active{background:var(--soft);color:var(--green)}.nav .join{background:var(--green);color:#fff}.nav-toggle{display:none;background:var(--green);border:0;border-radius:14px;padding:11px}.nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px}.hero,.page-hero{background:linear-gradient(135deg,var(--dark),var(--green));color:#fff}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;min-height:720px;padding:5rem 0}.hero h1,.page-hero h1,h2{font-family:Georgia,serif}.hero h1{font-size:clamp(3.3rem,7vw,6.5rem);line-height:1.05;margin:.2rem 0 1rem}.hero p{font-size:1.18rem;color:rgba(255,255,255,.88)}.hero img,.panel-image{border-radius:28px;box-shadow:var(--shadow)}.eyebrow,.kicker{display:block;color:var(--gold);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:.85rem 1.25rem;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid transparent}.gold{background:var(--gold);color:#111}.light{background:#fff;color:var(--green)}.outline{background:#fff;color:var(--green);border-color:#b9cbbf}.section{padding:5.5rem 0}.white{background:#fff}.soft{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.section-head{max-width:760px;margin-bottom:2.2rem}.section-head h2,h2{font-size:clamp(2.1rem,4vw,3.8rem);line-height:1.1;margin:.25rem 0 1rem}.center{text-align:center;margin-inline:auto}.grid{display:grid;gap:1.4rem}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.5rem;box-shadow:0 10px 28px rgba(18,36,28,.06)}.card h3{font-family:Georgia,serif;font-size:1.35rem;margin:.2rem 0 .6rem}.card p{color:var(--muted)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:32px;padding:1rem;box-shadow:var(--shadow)}.feature img{border-radius:24px}.badge,.news-type{display:inline-block;background:#fff4d9;color:#735319;border:1px solid #e8cc8d;padding:.4rem .75rem;border-radius:999px;font-size:.78rem;font-weight:800}.event{display:flex;gap:1rem}.event time{min-width:82px;background:var(--green);color:#fff;border-radius:16px;padding:.6rem;text-align:center}.event time b{display:block;font-size:2rem;line-height:1}.event time span{font-size:.72rem}.cta{background:linear-gradient(135deg,var(--dark),var(--green));color:#fff;border-radius:32px;padding:3rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.page-hero{padding:5rem 0}.page-hero h1{font-size:clamp(3rem,6vw,5.2rem);margin:.2rem 0}.leaders{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.leader{text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.4rem}.leader img{width:170px;height:170px;border-radius:50%;margin:auto}.leader h3{font-family:Georgia,serif}.leader p{color:var(--green);font-weight:800}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:22px;min-height:250px}.gallery img:first-child{grid-row:span 2;min-height:520px}.form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form label{display:grid;gap:.4rem;font-weight:700}.full{grid-column:1/-1}input,select,textarea{width:100%;padding:.9rem 1rem;border:1px solid #ccd5d0;border-radius:14px}textarea{min-height:140px}.footer{background:#101813;color:#d7dfda;padding-top:4rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:2rem}.footer a{display:block;color:#d7dfda;text-decoration:none;margin:.45rem 0}.footer-brand{font:700 2rem Georgia;color:#fff;text-decoration:none}.footer-bottom{margin-top:3rem;padding:1.2rem 0;border-top:1px solid rgba(255,255,255,.12)}blockquote{border-left:4px solid var(--gold);padding-left:1rem;font:1.2rem Georgia;color:var(--dark)}
@media(max-width:900px){.hero-grid,.split,.feature{grid-template-columns:1fr}.four{grid-template-columns:repeat(2,1fr)}.three,.leaders{grid-template-columns:1fr}.nav-toggle{display:block}.nav{display:none;position:absolute;left:4%;right:4%;top:76px;flex-direction:column;background:var(--ivory);padding:1rem;border-radius:18px;box-shadow:var(--shadow)}.nav.open{display:flex}.footer-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-column:1/-1;grid-row:auto;min-height:320px}}
@media(max-width:600px){.brand small{display:none}.section{padding:4rem 0}.four,.two,.gallery,.form{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.actions{flex-direction:column}.btn{width:100%}.cta{display:block}}


/* =========================================================
   NAD HOMEPAGE v1.1 — Premium refinement layer
   ========================================================= */

.home-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 12%,rgba(197,154,69,.28),transparent 22%),
    radial-gradient(circle at 15% 90%,rgba(255,255,255,.08),transparent 28%),
    linear-gradient(135deg,#0c3528 0%,#145f43 52%,#1f7656 100%);
  color:#fff;
}
.home-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.08;
  background-image:
    linear-gradient(45deg,rgba(255,255,255,.8) 1px,transparent 1px),
    linear-gradient(-45deg,rgba(255,255,255,.8) 1px,transparent 1px);
  background-size:44px 44px;
  pointer-events:none;
}
.home-hero .hero-grid{
  position:relative;
  z-index:1;
  min-height:780px;
}
.hero-copy-wrap{max-width:780px}
.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.45rem .75rem;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#f1d79e;
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.hero-kicker::before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:var(--gold);
  box-shadow:0 0 0 5px rgba(197,154,69,.15);
}
.home-hero h1{
  max-width:930px;
  letter-spacing:-.035em;
}
.hero-lead{max-width:720px!important}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.6rem}
.hero-mini{
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1.7rem;
  margin-top:2rem;
  padding-top:1.4rem;
  border-top:1px solid rgba(255,255,255,.18);
}
.hero-mini div{display:grid;gap:.05rem}
.hero-mini strong{font-family:Georgia,serif;font-size:1.35rem}
.hero-mini span{font-size:.78rem;color:rgba(255,255,255,.66);text-transform:uppercase;letter-spacing:.08em}

.hero-visual{
  position:relative;
  min-height:590px;
  display:grid;
  place-items:center;
}
.hero-main-art{
  width:min(100%,520px);
  border-radius:34px;
  box-shadow:0 36px 80px rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.18);
}
.floating-note{
  position:absolute;
  max-width:210px;
  padding:1rem 1.05rem;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  color:var(--ink);
  box-shadow:0 18px 42px rgba(0,0,0,.18);
  backdrop-filter:blur(14px);
}
.floating-note strong{display:block;color:var(--green);font-family:Georgia,serif}
.floating-note span{font-size:.82rem;color:var(--muted)}
.floating-note.one{left:-12px;bottom:80px}
.floating-note.two{right:-5px;top:74px}

.home-intro{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:4rem;
  align-items:center;
}
.president-card{
  position:relative;
  border-radius:32px;
  overflow:hidden;
  background:linear-gradient(145deg,#fff,#f2eadf);
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.president-card img{width:100%;min-height:420px;object-fit:cover}
.president-tag{
  position:absolute;
  left:1.2rem;right:1.2rem;bottom:1.2rem;
  padding:1rem 1.1rem;
  border-radius:18px;
  background:rgba(15,68,50,.94);
  color:#fff;
}
.president-tag strong{font-family:Georgia,serif;font-size:1.15rem}
.president-tag span{display:block;font-size:.82rem;color:rgba(255,255,255,.72)}
.welcome-copy p{color:var(--muted);font-size:1.07rem}
.welcome-signature{
  display:flex;
  gap:.75rem;
  align-items:center;
  margin-top:1.4rem;
}
.welcome-signature::before{content:"";width:42px;height:2px;background:var(--gold)}

.value-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.25rem;
}
.value-card{
  position:relative;
  overflow:hidden;
  min-height:225px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:1.5rem;
  box-shadow:0 12px 30px rgba(18,36,28,.06);
}
.value-card::after{
  content:"";
  position:absolute;
  width:110px;height:110px;border-radius:50%;
  right:-42px;bottom:-45px;
  background:var(--green-soft);
}
.value-number{
  display:inline-grid;
  place-items:center;
  width:38px;height:38px;border-radius:12px;
  background:var(--green-soft);
  color:var(--green);
  font-weight:900;
  margin-bottom:1.1rem;
}
.value-card h3{font-family:Georgia,serif;font-size:1.45rem;margin:.2rem 0 .55rem}
.value-card p{color:var(--muted);margin:0;position:relative;z-index:1}

.impact-band{
  background:#102f25;
  color:#fff;
  border-radius:30px;
  padding:1.35rem;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.5rem;
  box-shadow:0 18px 44px rgba(15,68,50,.18);
}
.impact-item{
  text-align:center;
  padding:1.1rem;
  border-right:1px solid rgba(255,255,255,.12);
}
.impact-item:last-child{border-right:0}
.impact-item strong{display:block;font:700 2.35rem Georgia,serif;color:#f1d79e;line-height:1}
.impact-item span{display:block;margin-top:.4rem;color:rgba(255,255,255,.72);font-size:.82rem}

.home-spotlight{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  border-radius:34px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.home-spotlight-media{position:relative;background:#6f5422}
.home-spotlight-media img{width:100%;height:100%;min-height:480px;object-fit:cover}
.spotlight-ribbon{
  position:absolute;
  left:1.2rem;top:1.2rem;
  background:var(--gold);
  color:#171717;
  border-radius:999px;
  padding:.5rem .8rem;
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.home-spotlight-copy{padding:3rem}
.home-spotlight-copy h2{font-size:clamp(2.4rem,4.7vw,4.3rem)}
.spotlight-quote{
  margin:1.5rem 0;
  padding:1rem 0 1rem 1.15rem;
  border-left:3px solid var(--gold);
  color:var(--green-dark);
  font:1.15rem Georgia,serif;
}

.events-showcase{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:1.4rem;
}
.featured-event{
  position:relative;
  min-height:410px;
  padding:2.4rem;
  border-radius:30px;
  overflow:hidden;
  background:
    linear-gradient(135deg,rgba(15,68,50,.97),rgba(20,95,67,.92)),
    url("../images/community.svg") center/cover;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.featured-event .event-date-large{
  position:absolute;
  right:1.4rem;top:1.4rem;
  width:92px;height:92px;
  border-radius:24px;
  display:grid;place-items:center;
  background:var(--gold);
  color:#171717;
  text-align:center;
}
.event-date-large strong{font:700 2.3rem Georgia,serif;line-height:.8}
.event-date-large span{font-size:.72rem;font-weight:900;letter-spacing:.08em}
.featured-event h3{font:700 clamp(2rem,4vw,3.35rem) Georgia,serif;margin:.5rem 0}
.featured-event p{max-width:620px;color:rgba(255,255,255,.78)}
.event-side{
  display:grid;
  gap:1.4rem;
}
.event-side .card{display:flex;gap:1.1rem;align-items:flex-start}
.event-chip{
  min-width:68px;
  padding:.7rem;
  border-radius:16px;
  background:var(--green-soft);
  color:var(--green);
  text-align:center;
  font-weight:900;
}
.event-chip strong{display:block;font:700 1.75rem Georgia,serif;line-height:1}
.event-chip span{font-size:.68rem;letter-spacing:.06em}

.home-gallery{
  display:grid;
  grid-template-columns:1.3fr .7fr .7fr;
  grid-template-rows:220px 220px;
  gap:1rem;
}
.home-gallery img{
  width:100%;height:100%;object-fit:cover;border-radius:24px;
  border:1px solid var(--line);
}
.home-gallery img:first-child{grid-row:1/3}
.gallery-card-link{
  display:flex;
  align-items:flex-end;
  min-height:220px;
  padding:1.4rem;
  border-radius:24px;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(145deg,#0f4432,#145f43);
}
.gallery-card-link strong{font:700 1.8rem Georgia,serif}

.home-cta{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#0f4432,#145f43);
  border-radius:34px;
  padding:3.2rem;
  color:#fff;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:2rem;
}
.home-cta::after{
  content:"NAD";
  position:absolute;
  right:2%;bottom:-36%;
  font:700 13rem Georgia,serif;
  color:rgba(255,255,255,.035);
  pointer-events:none;
}
.home-cta h2{position:relative;z-index:1;max-width:800px}
.home-cta p{color:rgba(255,255,255,.75);max-width:720px}

@media(max-width:1050px){
  .home-intro,.home-spotlight,.events-showcase{grid-template-columns:1fr}
  .hero-visual{min-height:480px}
  .value-grid{grid-template-columns:repeat(2,1fr)}
  .home-gallery{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .home-gallery img:first-child{grid-column:1/-1;grid-row:auto;min-height:360px}
  .impact-band{grid-template-columns:repeat(2,1fr)}
  .impact-item:nth-child(2){border-right:0}
}
@media(max-width:700px){
  .home-hero .hero-grid{padding:4.5rem 0 3rem}
  .hero-visual{min-height:390px}
  .hero-main-art{max-width:330px}
  .floating-note{max-width:170px;padding:.8rem}
  .floating-note.one{left:0;bottom:35px}
  .floating-note.two{right:0;top:45px}
  .home-intro{gap:2rem}
  .value-grid,.impact-band,.home-gallery{grid-template-columns:1fr}
  .impact-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .impact-item:last-child{border-bottom:0}
  .home-spotlight-copy{padding:2rem}
  .home-spotlight-media img{min-height:330px}
  .featured-event{min-height:440px;padding:1.7rem}
  .home-cta{grid-template-columns:1fr;padding:2rem}
}


/* =========================================================
   NAD ABOUT PAGE v1.2 — Editorial organization story
   ========================================================= */

.about-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 18%,rgba(197,154,69,.24),transparent 22%),
    linear-gradient(135deg,#0c3528,#145f43 60%,#1e7254);
  color:#fff;
}
.about-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:50px 50px;
}
.about-hero-grid{
  position:relative;
  z-index:1;
  min-height:560px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:3rem;
  align-items:center;
  padding:5.5rem 0;
}
.about-hero h1{
  max-width:760px;
  font-size:clamp(3.4rem,7vw,6.2rem);
  line-height:1.02;
  margin:.25rem 0 1rem;
}
.about-hero p{
  max-width:700px;
  font-size:1.15rem;
  color:rgba(255,255,255,.82);
}
.about-hero-art{
  padding:1rem;
  border-radius:32px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 30px 70px rgba(0,0,0,.22);
}
.about-hero-art img{border-radius:24px}

.about-story{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:4rem;
  align-items:center;
}
.about-story-card{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.about-story-card img{
  width:100%;
  min-height:500px;
  object-fit:cover;
}
.about-story-note{
  position:absolute;
  left:1.3rem;
  right:1.3rem;
  bottom:1.3rem;
  background:rgba(15,68,50,.95);
  color:#fff;
  padding:1.15rem 1.25rem;
  border-radius:18px;
}
.about-story-note strong{
  display:block;
  font-family:Georgia,serif;
  font-size:1.2rem;
}
.about-story-note span{
  display:block;
  margin-top:.2rem;
  color:rgba(255,255,255,.72);
  font-size:.84rem;
}
.about-story-copy p{
  color:var(--muted);
  font-size:1.07rem;
}
.about-story-copy .lead{
  color:var(--ink);
  font-size:1.2rem;
  line-height:1.6;
}

.mvv-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.4rem;
}
.mvv-card{
  position:relative;
  min-height:280px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:1.7rem;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(18,36,28,.06);
}
.mvv-card::after{
  content:"";
  position:absolute;
  width:140px;height:140px;border-radius:50%;
  right:-54px;bottom:-58px;
  background:var(--green-soft);
}
.mvv-card .num{
  display:inline-grid;
  place-items:center;
  width:42px;height:42px;
  border-radius:13px;
  background:var(--green-soft);
  color:var(--green);
  font-weight:900;
  margin-bottom:1.2rem;
}
.mvv-card h3{
  font-family:Georgia,serif;
  font-size:1.55rem;
  margin:.2rem 0 .7rem;
}
.mvv-card p{position:relative;z-index:1;color:var(--muted)}

.values-band{
  background:#102f25;
  border-radius:32px;
  color:#fff;
  padding:2.2rem;
}
.values-band-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}
.value-pill{
  padding:1.3rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:20px;
  background:rgba(255,255,255,.04);
}
.value-pill strong{
  display:block;
  color:#f1d79e;
  font-family:Georgia,serif;
  font-size:1.3rem;
  margin-bottom:.35rem;
}
.value-pill p{margin:0;color:rgba(255,255,255,.72);font-size:.92rem}

.about-purpose{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.5rem;
}
.purpose-panel{
  border-radius:28px;
  padding:2rem;
  min-height:300px;
}
.purpose-panel.green{
  background:linear-gradient(135deg,#0f4432,#145f43);
  color:#fff;
}
.purpose-panel.gold{
  background:linear-gradient(135deg,#efe1bf,#d4b06b);
  color:#2a2114;
}
.purpose-panel h3{
  font-family:Georgia,serif;
  font-size:2rem;
  margin:.2rem 0 1rem;
}
.purpose-panel p{max-width:620px}
.purpose-panel.green p{color:rgba(255,255,255,.78)}
.purpose-panel ul{padding-left:1.1rem}
.purpose-panel li{margin:.5rem 0}

.about-cta{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  padding:2.6rem;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:2rem;
  box-shadow:0 16px 40px rgba(18,36,28,.08);
}

@media(max-width:1000px){
  .about-hero-grid,.about-story,.about-purpose{grid-template-columns:1fr}
  .mvv-grid{grid-template-columns:1fr}
  .values-band-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .about-hero-grid{padding:4.5rem 0}
  .values-band-grid{grid-template-columns:1fr}
  .about-cta{grid-template-columns:1fr;padding:2rem}
  .about-story-card img{min-height:360px}
}


/* =========================================================
   NAD LEADERSHIP PAGE v1.3 — Executive presentation
   ========================================================= */

.leadership-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(197,154,69,.22),transparent 22%),
    linear-gradient(135deg,#0c3528 0%,#145f43 58%,#1d7052 100%);
  color:#fff;
}
.leadership-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(120deg,transparent 0 48%,rgba(255,255,255,.035) 48% 52%,transparent 52%),
    linear-gradient(60deg,transparent 0 48%,rgba(255,255,255,.025) 48% 52%,transparent 52%);
  background-size:90px 90px;
}
.leadership-hero-inner{
  position:relative;
  z-index:1;
  min-height:500px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:3rem;
  align-items:center;
  padding:5.2rem 0;
}
.leadership-hero h1{
  font-size:clamp(3.4rem,7vw,6.2rem);
  line-height:1.02;
  margin:.25rem 0 1rem;
}
.leadership-hero p{
  max-width:700px;
  color:rgba(255,255,255,.82);
  font-size:1.12rem;
}
.leadership-hero-card{
  border-radius:30px;
  padding:2rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 30px 70px rgba(0,0,0,.18);
}
.leadership-hero-card strong{
  display:block;
  font-family:Georgia,serif;
  font-size:2rem;
  margin-bottom:.7rem;
}
.leadership-hero-card p{font-size:.95rem;margin:0}
.leadership-hero-card .mini-line{
  width:64px;height:3px;background:var(--gold);
  margin:1rem 0;
}

.leadership-intro{
  max-width:860px;
  margin:0 auto 2.8rem;
  text-align:center;
}
.leadership-intro p{
  color:var(--muted);
  font-size:1.06rem;
}

.executive-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.6rem;
}
.executive-card{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  box-shadow:0 16px 38px rgba(18,36,28,.08);
  transition:transform .22s ease,box-shadow .22s ease;
}
.executive-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 46px rgba(18,36,28,.12);
}
.executive-photo{
  position:relative;
  padding:1.35rem 1.35rem 0;
}
.executive-photo::before{
  content:"";
  position:absolute;
  left:1.35rem;right:1.35rem;top:1.35rem;bottom:0;
  border-radius:22px 22px 0 0;
  background:linear-gradient(180deg,#edf5f0,#dbeae1);
}
.executive-photo img{
  position:relative;
  z-index:1;
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  border-radius:22px 22px 0 0;
}
.executive-info{
  padding:1.35rem 1.35rem 1.55rem;
  text-align:left;
}
.executive-role{
  display:inline-block;
  color:var(--green);
  font-size:.76rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:900;
  margin-bottom:.45rem;
}
.executive-info h2{
  font-size:1.55rem;
  margin:.15rem 0 0;
  line-height:1.2;
}
.executive-card.president{
  grid-column:span 2;
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  align-items:stretch;
}
.executive-card.president .executive-photo{
  padding:1.35rem 0 1.35rem 1.35rem;
}
.executive-card.president .executive-photo::before{
  left:1.35rem;right:0;top:1.35rem;bottom:1.35rem;
  border-radius:22px 0 0 22px;
}
.executive-card.president .executive-photo img{
  height:100%;
  aspect-ratio:auto;
  border-radius:22px 0 0 22px;
}
.executive-card.president .executive-info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:2.3rem;
  background:linear-gradient(135deg,#fff,#f6f1e8);
}
.executive-card.president .executive-info h2{
  font-size:clamp(2rem,3vw,2.8rem);
}
.executive-card.president .executive-info p{
  color:var(--muted);
  max-width:430px;
  margin:.9rem 0 0;
}

.leadership-principles{
  margin-top:3rem;
  background:#102f25;
  color:#fff;
  border-radius:30px;
  padding:2.2rem;
}
.leadership-principles-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}
.principle{
  padding:1.2rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}
.principle strong{
  display:block;
  color:#f1d79e;
  font-family:Georgia,serif;
  font-size:1.25rem;
  margin-bottom:.3rem;
}
.principle p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:.9rem;
}

.leadership-cta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2rem;
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:28px;
  padding:2.5rem;
  box-shadow:0 14px 36px rgba(18,36,28,.07);
}
.leadership-cta p{color:var(--muted);max-width:720px}

@media(max-width:1000px){
  .leadership-hero-inner{grid-template-columns:1fr}
  .executive-grid{grid-template-columns:repeat(2,1fr)}
  .executive-card.president{grid-column:1/-1}
  .leadership-principles-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .executive-grid{grid-template-columns:1fr}
  .executive-card.president{
    display:block;
    grid-column:auto;
  }
  .executive-card.president .executive-photo{
    padding:1.35rem 1.35rem 0;
  }
  .executive-card.president .executive-photo::before{
    left:1.35rem;right:1.35rem;top:1.35rem;bottom:0;
    border-radius:22px 22px 0 0;
  }
  .executive-card.president .executive-photo img{
    aspect-ratio:4/5;
    border-radius:22px 22px 0 0;
  }
  .executive-card.president .executive-info{padding:1.5rem}
  .leadership-cta{grid-template-columns:1fr}
}


/* =========================================================
   NAD COMMUNITY PAGE v1.4 — Events, fellowship, service
   ========================================================= */

.community-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 18%,rgba(197,154,69,.22),transparent 22%),
    linear-gradient(135deg,#0c3528 0%,#145f43 58%,#1f7656 100%);
  color:#fff;
}
.community-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 80%,rgba(255,255,255,.08),transparent 20%),
    linear-gradient(45deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:auto,46px 46px;
}
.community-hero-inner{
  position:relative;
  z-index:1;
  min-height:540px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:3rem;
  align-items:center;
  padding:5.2rem 0;
}
.community-hero h1{
  font-size:clamp(3.4rem,7vw,6.2rem);
  line-height:1.02;
  margin:.25rem 0 1rem;
}
.community-hero p{
  max-width:720px;
  color:rgba(255,255,255,.82);
  font-size:1.12rem;
}
.community-hero-art{
  padding:1rem;
  border-radius:32px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 28px 68px rgba(0,0,0,.2);
}
.community-hero-art img{border-radius:24px}

.community-feature-event{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:0;
  overflow:hidden;
  border-radius:32px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.community-feature-copy{
  padding:3rem;
  background:linear-gradient(135deg,#0f4432,#145f43);
  color:#fff;
}
.community-feature-copy h2{
  font-size:clamp(2.3rem,4vw,4rem);
  margin:.25rem 0 1rem;
}
.community-feature-copy p{color:rgba(255,255,255,.78)}
.community-feature-meta{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
  margin:1.4rem 0;
}
.community-feature-meta span{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.5rem .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.12);
  font-size:.82rem;
}
.community-feature-art{
  min-height:430px;
  background:#e8f1ec;
}
.community-feature-art img{
  width:100%;height:100%;object-fit:cover;
}

.community-calendar{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.3rem;
}
.calendar-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:1.45rem;
  box-shadow:0 12px 30px rgba(18,36,28,.06);
}
.calendar-top{
  display:flex;
  align-items:flex-start;
  gap:1rem;
}
.calendar-date{
  min-width:74px;
  padding:.7rem .65rem;
  border-radius:17px;
  background:var(--green-soft);
  color:var(--green);
  text-align:center;
}
.calendar-date strong{
  display:block;
  font:700 1.9rem Georgia,serif;
  line-height:1;
}
.calendar-date span{
  display:block;
  margin-top:.2rem;
  font-size:.68rem;
  letter-spacing:.08em;
  font-weight:900;
}
.calendar-card h3{
  font-family:Georgia,serif;
  font-size:1.35rem;
  margin:.1rem 0 .45rem;
}
.calendar-card p{color:var(--muted);margin:.4rem 0 0}
.calendar-label{
  color:var(--green);
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.community-pillars{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.4rem;
}
.community-pillar{
  position:relative;
  overflow:hidden;
  min-height:320px;
  border-radius:28px;
  padding:2rem;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}
.community-pillar::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.68) 100%);
}
.community-pillar > *{position:relative;z-index:1}
.community-pillar.family{background:linear-gradient(135deg,#876322,#c59a45)}
.community-pillar.culture{background:linear-gradient(135deg,#0f4432,#145f43)}
.community-pillar.service{background:linear-gradient(135deg,#315d50,#1f7656)}
.community-pillar h3{
  font-family:Georgia,serif;
  font-size:2rem;
  margin:.25rem 0 .6rem;
}
.community-pillar p{color:rgba(255,255,255,.8);margin:0}

.community-updates{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.3rem;
}
.community-update-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:1.5rem;
  box-shadow:0 10px 28px rgba(18,36,28,.05);
}
.community-update-card .type{
  display:inline-block;
  margin-bottom:.8rem;
  color:var(--green);
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.community-update-card h3{
  font-family:Georgia,serif;
  font-size:1.45rem;
  margin:.1rem 0 .6rem;
}
.community-update-card p{color:var(--muted)}

.community-photo-band{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:1rem;
}
.community-photo-band img{
  width:100%;
  min-height:360px;
  height:100%;
  object-fit:cover;
  border-radius:28px;
}
.community-photo-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-radius:28px;
  padding:2.4rem;
  background:#102f25;
  color:#fff;
}
.community-photo-copy p{color:rgba(255,255,255,.74)}

.community-cta{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:2rem;
  padding:2.7rem;
  border-radius:30px;
  background:linear-gradient(135deg,#fff,#f5efe4);
  border:1px solid var(--line);
  box-shadow:0 16px 40px rgba(18,36,28,.07);
}
.community-cta p{max-width:720px;color:var(--muted)}

@media(max-width:1000px){
  .community-hero-inner,
  .community-feature-event,
  .community-photo-band{grid-template-columns:1fr}
  .community-calendar,
  .community-pillars,
  .community-updates{grid-template-columns:1fr}
}
@media(max-width:650px){
  .community-feature-copy{padding:2rem}
  .community-cta{grid-template-columns:1fr;padding:2rem}
}


/* =========================================================
   NAD SPOTLIGHT PAGE v1.5 — Editorial / magazine treatment
   ========================================================= */

.spotlight-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 83% 16%,rgba(197,154,69,.28),transparent 20%),
    linear-gradient(135deg,#2a2114 0%,#6f5422 48%,#145f43 100%);
  color:#fff;
}
.spotlight-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;
}
.spotlight-hero-inner{
  position:relative;
  z-index:1;
  min-height:560px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:3rem;
  align-items:center;
  padding:5.4rem 0;
}
.spotlight-hero h1{
  font-size:clamp(3.7rem,8vw,6.8rem);
  line-height:.98;
  margin:.25rem 0 1rem;
}
.spotlight-hero p{
  max-width:720px;
  color:rgba(255,255,255,.82);
  font-size:1.13rem;
}
.spotlight-hero-card{
  border-radius:30px;
  padding:1rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 30px 70px rgba(0,0,0,.2);
}
.spotlight-hero-card img{border-radius:22px}

.spotlight-feature-premium{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  border-radius:34px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.spotlight-media{
  position:relative;
  min-height:620px;
  background:linear-gradient(145deg,#6f5422,#c59a45);
}
.spotlight-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.spotlight-month{
  position:absolute;
  left:1.2rem;
  top:1.2rem;
  padding:.55rem .8rem;
  border-radius:999px;
  background:var(--gold);
  color:#171717;
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.spotlight-feature-copy{
  padding:3.2rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.spotlight-feature-copy h2{
  font-size:clamp(2.6rem,5vw,4.7rem);
  line-height:1.05;
  margin:.3rem 0 1rem;
}
.spotlight-feature-copy p{
  color:var(--muted);
  font-size:1.06rem;
}
.spotlight-feature-copy .quote{
  margin:1.4rem 0;
  padding:1.1rem 0 1.1rem 1.2rem;
  border-left:4px solid var(--gold);
  font:1.2rem Georgia,serif;
  color:var(--green-dark);
}
.spotlight-meta{
  display:flex;
  gap:.7rem;
  flex-wrap:wrap;
  margin:1.2rem 0 1.5rem;
}
.spotlight-meta span{
  padding:.45rem .7rem;
  border-radius:999px;
  background:var(--green-soft);
  color:var(--green);
  font-size:.76rem;
  font-weight:800;
}

.spotlight-story{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:3rem;
  align-items:start;
}
.spotlight-story-aside{
  position:sticky;
  top:110px;
  border-radius:26px;
  padding:1.6rem;
  background:#102f25;
  color:#fff;
}
.spotlight-story-aside h3{
  font-family:Georgia,serif;
  margin:.2rem 0 1rem;
  font-size:1.45rem;
}
.spotlight-story-aside p{
  color:rgba(255,255,255,.72);
  font-size:.92rem;
}
.spotlight-story-aside .label{
  color:#f1d79e;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.spotlight-story-body p{
  color:var(--muted);
  font-size:1.07rem;
}
.spotlight-story-body .lead{
  color:var(--ink);
  font-size:1.18rem;
}
.spotlight-story-body h3{
  font-family:Georgia,serif;
  font-size:1.8rem;
  margin:2rem 0 .6rem;
}

.updates-grid-pro{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.3rem;
}
.update-card-pro{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:1.5rem;
  box-shadow:0 10px 28px rgba(18,36,28,.05);
}
.update-card-pro .type{
  display:inline-block;
  margin-bottom:.75rem;
  color:var(--green);
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.update-card-pro h3{
  font-family:Georgia,serif;
  font-size:1.45rem;
  margin:.15rem 0 .6rem;
}
.update-card-pro p{
  color:var(--muted);
  margin-bottom:0;
}
.update-card-pro.gold{
  background:linear-gradient(145deg,#fffaf0,#f4e2bb);
}
.update-card-pro.green{
  background:linear-gradient(145deg,#f4faf7,#e2efe8);
}

.spotlight-archive{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1.2rem;
}
.archive-card{
  position:relative;
  overflow:hidden;
  min-height:210px;
  border-radius:22px;
  padding:1.4rem;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 10px 26px rgba(18,36,28,.05);
}
.archive-card::after{
  content:"";
  position:absolute;
  width:100px;height:100px;border-radius:50%;
  right:-34px;bottom:-36px;
  background:var(--green-soft);
}
.archive-card .month{
  color:var(--green);
  font-size:.74rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.archive-card h3{
  font-family:Georgia,serif;
  font-size:1.4rem;
  margin:.6rem 0 .45rem;
}
.archive-card p{
  position:relative;
  z-index:1;
  color:var(--muted);
  font-size:.92rem;
}

.nomination-panel{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2rem;
  align-items:center;
  padding:2.8rem;
  border-radius:30px;
  background:linear-gradient(135deg,#0f4432,#145f43);
  color:#fff;
}
.nomination-panel p{
  max-width:760px;
  color:rgba(255,255,255,.76);
}

@media(max-width:1000px){
  .spotlight-hero-inner,
  .spotlight-feature-premium,
  .spotlight-story{grid-template-columns:1fr}
  .spotlight-story-aside{position:static}
  .updates-grid-pro{grid-template-columns:1fr}
  .spotlight-archive{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .spotlight-feature-copy{padding:2rem}
  .spotlight-media{min-height:360px}
  .spotlight-archive{grid-template-columns:1fr}
  .nomination-panel{grid-template-columns:1fr;padding:2rem}
}


/* =========================================================
   NAD GALLERY PAGE v1.6 — Curated albums + filters
   ========================================================= */

.gallery-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 15%,rgba(197,154,69,.22),transparent 22%),
    linear-gradient(135deg,#0c3528 0%,#145f43 56%,#1d7052 100%);
  color:#fff;
}
.gallery-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(45deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:46px 46px;
}
.gallery-hero-inner{
  position:relative;
  z-index:1;
  min-height:500px;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:3rem;
  align-items:center;
  padding:5.2rem 0;
}
.gallery-hero h1{
  font-size:clamp(3.5rem,7vw,6.3rem);
  line-height:1.02;
  margin:.25rem 0 1rem;
}
.gallery-hero p{
  max-width:700px;
  color:rgba(255,255,255,.82);
  font-size:1.12rem;
}
.gallery-hero-art{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:.75rem;
  padding:.9rem;
  border-radius:30px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 28px 68px rgba(0,0,0,.2);
}
.gallery-hero-art img{
  width:100%;
  height:100%;
  min-height:210px;
  object-fit:cover;
  border-radius:20px;
}
.gallery-hero-art img:first-child{
  grid-row:span 2;
  min-height:430px;
}

.gallery-intro{
  display:grid;
  grid-template-columns:1fr auto;
  gap:2rem;
  align-items:end;
  margin-bottom:2rem;
}
.gallery-intro p{
  color:var(--muted);
  max-width:760px;
}

.gallery-filters{
  display:flex;
  gap:.6rem;
  flex-wrap:wrap;
}
.gallery-filter{
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  padding:.7rem .95rem;
  border-radius:999px;
  font-weight:800;
  cursor:pointer;
}
.gallery-filter:hover,
.gallery-filter.active{
  background:var(--green);
  color:#fff;
  border-color:var(--green);
}

.gallery-albums{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1.5rem;
}
.gallery-album{
  overflow:hidden;
  border-radius:28px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 14px 36px rgba(18,36,28,.07);
  transition:transform .2s ease,box-shadow .2s ease;
}
.gallery-album:hover{
  transform:translateY(-3px);
  box-shadow:0 20px 44px rgba(18,36,28,.11);
}
.gallery-album[hidden]{display:none}
.album-media{
  position:relative;
  min-height:340px;
  overflow:hidden;
  background:var(--green-soft);
}
.album-media img{
  width:100%;
  height:100%;
  min-height:340px;
  object-fit:cover;
  cursor:zoom-in;
  transition:transform .35s ease;
}
.gallery-album:hover .album-media img{transform:scale(1.025)}
.album-badge{
  position:absolute;
  left:1rem;
  top:1rem;
  padding:.45rem .7rem;
  border-radius:999px;
  background:rgba(15,68,50,.92);
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.album-info{
  padding:1.5rem;
}
.album-info h2{
  font-size:1.7rem;
  margin:.1rem 0 .5rem;
}
.album-info p{
  color:var(--muted);
  margin:.35rem 0 0;
}
.album-meta{
  display:flex;
  gap:.65rem;
  flex-wrap:wrap;
  margin-top:1rem;
}
.album-meta span{
  font-size:.76rem;
  padding:.35rem .6rem;
  border-radius:999px;
  background:var(--green-soft);
  color:var(--green);
  font-weight:800;
}

.gallery-feature{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:1rem;
  margin-top:1.5rem;
}
.gallery-feature-main{
  min-height:460px;
  border-radius:28px;
  overflow:hidden;
  position:relative;
}
.gallery-feature-main img{
  width:100%;
  height:100%;
  min-height:460px;
  object-fit:cover;
  cursor:zoom-in;
}
.gallery-feature-caption{
  position:absolute;
  left:1rem;right:1rem;bottom:1rem;
  padding:1.1rem;
  border-radius:18px;
  background:rgba(15,68,50,.92);
  color:#fff;
}
.gallery-feature-caption strong{
  display:block;
  font-family:Georgia,serif;
  font-size:1.25rem;
}
.gallery-feature-caption span{
  display:block;
  margin-top:.2rem;
  color:rgba(255,255,255,.72);
  font-size:.84rem;
}
.gallery-feature-side{
  display:grid;
  gap:1rem;
}
.gallery-feature-side img{
  width:100%;
  min-height:220px;
  height:100%;
  object-fit:cover;
  border-radius:28px;
  cursor:zoom-in;
}

.gallery-story{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:3rem;
  align-items:center;
}
.gallery-story-card{
  padding:2rem;
  border-radius:28px;
  background:#102f25;
  color:#fff;
}
.gallery-story-card p{
  color:rgba(255,255,255,.72);
}
.gallery-story-copy p{
  color:var(--muted);
  font-size:1.05rem;
}

.gallery-cta{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:2rem;
  padding:2.7rem;
  border-radius:30px;
  background:linear-gradient(135deg,#fff,#f5efe4);
  border:1px solid var(--line);
  box-shadow:0 16px 40px rgba(18,36,28,.07);
}
.gallery-cta p{
  max-width:720px;
  color:var(--muted);
}

@media(max-width:1000px){
  .gallery-hero-inner,
  .gallery-feature,
  .gallery-story{grid-template-columns:1fr}
  .gallery-albums{grid-template-columns:1fr}
}
@media(max-width:700px){
  .gallery-hero-art{grid-template-columns:1fr 1fr}
  .gallery-hero-art img:first-child{
    grid-column:1/-1;
    grid-row:auto;
    min-height:320px;
  }
  .gallery-intro{grid-template-columns:1fr}
  .gallery-cta{grid-template-columns:1fr;padding:2rem}
}


/* =========================================================
   NAD JOIN & CONTACT PAGE v1.7 — Membership + contact flow
   ========================================================= */

.contact-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 18%,rgba(197,154,69,.22),transparent 22%),
    linear-gradient(135deg,#0c3528 0%,#145f43 58%,#1d7052 100%);
  color:#fff;
}
.contact-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(45deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:46px 46px;
}
.contact-hero-inner{
  position:relative;
  z-index:1;
  min-height:520px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:3rem;
  align-items:center;
  padding:5.3rem 0;
}
.contact-hero h1{
  font-size:clamp(3.5rem,7vw,6.3rem);
  line-height:1.02;
  margin:.25rem 0 1rem;
}
.contact-hero p{
  max-width:720px;
  color:rgba(255,255,255,.82);
  font-size:1.12rem;
}
.contact-hero-card{
  padding:1.8rem;
  border-radius:30px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 28px 68px rgba(0,0,0,.2);
}
.contact-hero-card h2{
  font-size:2.1rem;
  margin:.25rem 0 .8rem;
}
.contact-hero-card p{
  font-size:.96rem;
  margin-bottom:0;
}

.join-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.3rem;
}
.join-benefit{
  position:relative;
  min-height:250px;
  overflow:hidden;
  padding:1.6rem;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 12px 30px rgba(18,36,28,.06);
}
.join-benefit::after{
  content:"";
  position:absolute;
  width:110px;height:110px;border-radius:50%;
  right:-40px;bottom:-45px;
  background:var(--green-soft);
}
.join-benefit span{
  display:inline-grid;
  place-items:center;
  width:42px;height:42px;
  border-radius:13px;
  background:var(--green-soft);
  color:var(--green);
  font-weight:900;
}
.join-benefit h3{
  font-family:Georgia,serif;
  font-size:1.5rem;
  margin:1rem 0 .55rem;
}
.join-benefit p{
  position:relative;
  z-index:1;
  color:var(--muted);
}

.contact-layout{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:2rem;
  align-items:start;
}
.contact-sidebar{
  display:grid;
  gap:1.2rem;
}
.contact-info-card{
  padding:1.5rem;
  border-radius:22px;
  background:#102f25;
  color:#fff;
}
.contact-info-card h3{
  font-family:Georgia,serif;
  font-size:1.4rem;
  margin:.2rem 0 .6rem;
}
.contact-info-card p{
  color:rgba(255,255,255,.72);
  margin:.3rem 0;
}
.contact-info-card.light{
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:0 10px 28px rgba(18,36,28,.05);
}
.contact-info-card.light p{color:var(--muted)}

.contact-form-pro{
  padding:2rem;
  border-radius:28px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.contact-form-pro h2{
  margin-top:0;
  font-size:2.3rem;
}
.contact-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
.contact-field{
  display:grid;
  gap:.45rem;
}
.contact-field.full{grid-column:1/-1}
.contact-field label{
  font-weight:800;
  font-size:.9rem;
}
.contact-field input,
.contact-field select,
.contact-field textarea{
  width:100%;
  border:1px solid #ccd5d0;
  border-radius:14px;
  padding:.95rem 1rem;
  background:#fff;
}
.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus{
  outline:2px solid rgba(20,95,67,.18);
  border-color:var(--green);
}
.contact-field textarea{
  min-height:150px;
  resize:vertical;
}
.form-note{
  margin-top:1rem;
  padding:1rem;
  border-radius:16px;
  background:var(--green-soft);
  color:var(--green-dark);
  font-size:.88rem;
}

.contact-paths{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.3rem;
}
.contact-path{
  padding:1.5rem;
  border-radius:22px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 10px 28px rgba(18,36,28,.05);
}
.contact-path h3{
  font-family:Georgia,serif;
  font-size:1.4rem;
  margin:.2rem 0 .55rem;
}
.contact-path p{
  color:var(--muted);
}
.contact-path strong{
  color:var(--green);
}

.join-final-cta{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:2rem;
  padding:2.8rem;
  border-radius:30px;
  background:linear-gradient(135deg,#0f4432,#145f43);
  color:#fff;
}
.join-final-cta p{
  max-width:760px;
  color:rgba(255,255,255,.76);
}

@media(max-width:1000px){
  .contact-hero-inner,
  .contact-layout{grid-template-columns:1fr}
  .join-benefits,
  .contact-paths{grid-template-columns:1fr}
}
@media(max-width:650px){
  .contact-form-grid{grid-template-columns:1fr}
  .contact-field.full{grid-column:auto}
  .join-final-cta{grid-template-columns:1fr;padding:2rem}
}


/* =========================================================
   NAD v1.8 Production readiness
   Accessibility, focus, motion, and small-screen hardening
   ========================================================= */

.skip-link{
  position:absolute;
  left:1rem;
  top:-5rem;
  z-index:10000;
  background:#fff;
  color:var(--green);
  border:2px solid var(--green);
  padding:.75rem 1rem;
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
}
.skip-link:focus{top:1rem}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(197,154,69,.85);
  outline-offset:3px;
}

.nav-toggle{cursor:pointer}
.nav-toggle[aria-expanded="true"]{background:var(--dark)}

img{height:auto}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}

@media(max-width:900px){
  .nav{
    max-height:calc(100vh - 100px);
    overflow:auto;
  }
}

@media print{
  .site-header,.footer,.nav-toggle,.actions,.btn{display:none!important}
  body{background:#fff;color:#000}
  .section{padding:1.5rem 0}
  a{text-decoration:none;color:#000}
}


/* Photo-ready refinements */
.real-photo-loaded{
  object-fit:cover;
  object-position:center;
}
.hero-main-art.real-photo-loaded{
  aspect-ratio:4/5;
  object-fit:cover;
}
.president-card img.real-photo-loaded{
  object-position:center 25%;
}
.executive-photo img.real-photo-loaded{
  object-position:center 18%;
}
.home-gallery img.real-photo-loaded,
.gallery-feature img.real-photo-loaded,
.gallery-album img.real-photo-loaded{
  object-fit:cover;
}


/* =========================================================
   NAD v2.3 — Historical Gallery / Old Memories
   ========================================================= */
.archive-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
}
.archive-memory{
  margin:0;
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 12px 30px rgba(18,36,28,.06);
}
.archive-memory img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  cursor:zoom-in;
}
.archive-memory figcaption{
  padding:1rem 1.1rem;
  font-family:Georgia,serif;
  font-weight:700;
  color:var(--green-dark);
}
.archive-note{
  max-width:820px;
  margin:1.5rem auto 0;
  text-align:center;
  color:var(--muted);
  font-size:.92rem;
}
@media(max-width:900px){
  .archive-gallery-grid{grid-template-columns:1fr}
}


/* NAD Digital 2030 v1.2 — Uruak Spotlight */
.spotlight-feature-copy .spotlight-lead{
  color:var(--ink);
  font-size:1.15rem;
  line-height:1.75;
}
.spotlight-feature-copy p{
  line-height:1.75;
}
.spotlight-closing{
  margin-top:1.4rem;
  padding-top:1.25rem;
  border-top:1px solid var(--line);
  color:var(--green-dark)!important;
}


/* NAD Digital 2030 v1.3 — Uruak photo + current NAD moments */
.spotlight-photo-caption{
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  padding:.85rem 1rem;
  border-radius:16px;
  background:rgba(15,68,50,.92);
  color:#fff;
  font-size:.84rem;
  line-height:1.45;
}
.current-moments-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.25rem;
}
.current-moment{
  margin:0;
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 12px 30px rgba(18,36,28,.06);
}
.current-moment img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  cursor:zoom-in;
}
.current-moment figcaption{
  padding:1rem 1.1rem;
  font-family:Georgia,serif;
  font-weight:700;
  color:var(--green-dark);
}
@media(max-width:900px){
  .current-moments-grid{grid-template-columns:1fr}
}
