/* ===========================
   PAGES.CSS
   Section-specific styles and color overrides
   =========================== */

/* MISSION */
#mission{background:#8d9f8f;padding:120px 80px;position:relative;overflow:hidden;}
#mission::before{content:'MISSION';position:absolute;right:-20px;top:50%;transform:translateY(-50%) rotate(90deg);font-family:var(--body-font);font-size:8rem;color:rgba(255,255,255,.025);pointer-events:none;white-space:nowrap;letter-spacing:.3em;}
.mission-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;align-items:start;max-width:1280px;margin:0 auto;}
.mission-title{font-size:clamp(2.2rem,4vw,3.6rem);color:#f7f3ec;margin:20px 0 32px;}
.mission-body{font-family:var(--body-font);font-size:1.05rem;line-height:1.9;color:rgba(246,240,232,.65);}
.mission-body+.mission-body{margin-top:20px;}
.mission-pillars{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(196,96,58,.12);border:1px solid rgba(196,96,58,.12);margin-top:8px;}
.pillar{background:#5b7746;padding:32px 28px;transition:background .2s;}
.pillar:hover{background:rgba(255,255,255,.06);}
.pillar-icon{width:36px;height:36px;border-radius:50%;border:1px solid rgba(196,96,58,.4);display:flex;align-items:center;justify-content:center;font-size:1rem;margin-bottom:16px;}
.pillar-name{font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--terra-warm);margin-bottom:10px;}
.pillar-desc{font-family:var(--body-font);font-size:.92rem;line-height:1.7;color:rgba(246,240,232,.5);}

/* RESOURCES */
#resources{padding:120px 80px;background:var(--sand);position:relative;}
.resources-inner{max-width:1280px;margin:0 auto;}
.section-header{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:end;margin-bottom:64px;}
.section-title-block .display{font-size:clamp(2rem,3.5vw,3rem);color:var(--green-deep);margin:16px 0 0;}
.section-intro{font-family:var(--body-font);font-style:italic;font-size:1.05rem;line-height:1.75;color:var(--stone);max-width:420px;align-self:end;padding-bottom:6px;}

/* LEGACY */
#legacy{padding:120px 80px;background:var(--parchment);}
.legacy-inner{max-width:1280px;margin:0 auto;}
.legacy-header{margin-bottom:80px;}
.legacy-title{font-size:clamp(2.2rem,4vw,3.4rem);color:var(--green-deep);margin:16px 0 24px;}
.legacy-intro{font-family:var(--body-font);font-style:italic;font-size:1.1rem;line-height:1.75;color:var(--stone);max-width:580px;}
.legacy-cols{display:grid;grid-template-columns:5fr 6fr;gap:80px;}
.board-head{display:flex;align-items:center;gap:16px;margin-bottom:28px;}
.board-head .eyebrow{color:var(--green-mid);}
.board-cols{columns:2;column-gap:28px;list-style:none;}
.board-cols li{break-inside:avoid;padding:9px 0;border-bottom:1px solid var(--rule-green);}
.board-last{font-family:var(--body-font);font-weight:700;font-size:1rem;color:var(--green-deep);}
.board-first{font-family:var(--body-font);font-size:1rem;color:var(--stone);}
.board-note{margin-top:20px;font-family:var(--body-font);font-style:italic;font-size:.85rem;color:var(--terra);}
.activities-head{display:flex;align-items:center;gap:16px;margin-bottom:28px;}
.activities-head .eyebrow{color:var(--green-mid);}
.activities-list{list-style:none;}
.activity-item{display:grid;grid-template-columns:24px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--rule-green);align-items:start;}
.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--terra);margin-top:7px;flex-shrink:0;}
.activity-text{font-family:var(--body-font);font-size:1rem;line-height:1.7;color:var(--ink);}
.activity-text strong{color:var(--green-deep);font-weight:700;}

/* CONTACT */
#contact{padding:120px 80px;background:#4a5f6b;position:relative;overflow:hidden;}
#contact::after{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(196,96,58,.08) 0%,transparent 70%);pointer-events:none;}
.contact-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:100px;max-width:1280px;margin:0 auto;}
.contact-title{font-size:clamp(2rem,3.5vw,3rem);color:#f7f3ec;margin:16px 0 28px;}
.contact-body{font-family:var(--body-font);font-size:1.05rem;line-height:1.85;color:rgba(246,240,232,.58);margin-bottom:40px;}
.contact-detail{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid rgba(196,96,58,.15);}
.contact-detail-label{font-size:.6rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--terra-warm);min-width:80px;}
.contact-detail-val{font-family:var(--body-font);font-size:.95rem;color:rgba(246,240,232,.65);}

/* ===========================
   COLOR OVERRIDE BLOCK
   =========================== */
.rule-h { background: var(--terra) !important; }
.hero-eyebrow-line { background: rgba(215,139,123,.4) !important; }
.hero-scroll-line { background: linear-gradient(to bottom,rgba(195,144,123,.6),transparent) !important; }
.stat-chip { background: rgba(115,134,148,.7) !important; border-color: rgba(195,144,123,.2) !important; }
.stat-num { color: var(--terra-warm) !important; }
.stat-lbl { color: rgba(246,240,232,.4) !important; }
.btn-terra { background: #c3907b !important; }
.btn-terra:hover { background: #d78b7b !important; }
.pillar-icon { border-color: rgba(195,144,123,.4) !important; }
.pillar-name { color: var(--terra-warm) !important; }
.land-card::before { background: var(--terra) !important; }
.land-card-link { color: var(--terra) !important; }
.eyebrow { color: var(--terra) !important; }
#mission::before { color: rgba(255,255,255,.025) !important; }
.mission-pillars { background: rgba(195,144,123,.12) !important; border-color: rgba(195,144,123,.12) !important; }
.hero-title em { color: var(--terra-warm) !important; }
footer { background: #3a4a52 !important; border-color: rgba(195,144,123,.15) !important; }
.footer-brand span { color: var(--terra-warm) !important; }
#contact::after { background: radial-gradient(circle,rgba(195,144,123,.08) 0%,transparent 70%) !important; }
.contact-form { background: rgba(195,144,123,.06) !important; border-color: rgba(195,144,123,.12) !important; }
.form-field input, .form-field textarea { border-bottom-color: rgba(195,144,123,.2) !important; }
.form-submit { background: #c3907b !important; }
.form-submit:hover { background: #d78b7b !important; }
.contact-detail { border-bottom-color: rgba(195,144,123,.15) !important; }
.contact-detail-label { color: var(--terra-warm) !important; }
.board-head .eyebrow, .activities-head .eyebrow, .links-group-head .eyebrow { color: var(--green-mid) !important; }
.board-note { color: var(--terra) !important; }
.activity-dot { background: var(--terra) !important; }
.activity-text strong { color: var(--green-mid) !important; }
.land-card-num { color: rgba(91,119,70,.12) !important; }
.land-card-name { color: var(--green-deep) !important; }
.section-title-block .display { color: var(--green-deep) !important; }
.legacy-title { color: var(--green-deep) !important; }
.board-last { color: var(--green-deep) !important; }
.mission-title { color: #f6f0e8 !important; }
.nav-links a { color: rgba(246,240,232,.85) !important; }
.nav-links a::after { background: var(--terra-warm) !important; }

/* NAV SVG logo — update saguaro colors to match approved palette */

/* ===========================
   GALLERY PAGE
   =========================== */
.gallery-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.gallery-grid img { width:100%; aspect-ratio:1/1; object-fit:cover; display:block; transition:opacity .2s; cursor:pointer; }
.gallery-grid img:hover { opacity:0.88; }
@media(max-width:900px) { .gallery-grid { grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px) { .gallery-grid { grid-template-columns:1fr; } }
.lightbox-overlay { position:fixed; inset:0; background:rgba(0,0,0,.9); z-index:9999; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.lightbox-overlay img { max-width:90vw; max-height:90vh; object-fit:contain; }
.lightbox-close { position:absolute; top:20px; right:30px; font-size:2.5rem; color:#fff; background:none; border:none; cursor:pointer; }