:root{
  --cream:#f6f0e2;
  --sand:#ede3cd;
  --earth:#5b4632;
  --ink:#3a2f23;
  --green:#3e5d43;
  --green-dark:#2e4632;
  --clay:#a9502e;
  --gold:#c8963e;
  --card:#fffaf0;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:Georgia,'Times New Roman',serif;background:var(--cream);color:var(--ink);line-height:1.65;}
h1,h2,h3,h4{font-weight:700;line-height:1.25;}

/* NAV */
nav{position:sticky;top:0;z-index:50;background:var(--green-dark);box-shadow:0 2px 8px rgba(0,0,0,.25);}
nav .navwrap{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 16px;}
nav a{color:var(--cream);text-decoration:none;font-family:Verdana,Arial,sans-serif;font-size:.78rem;padding:8px 12px;border-radius:6px;letter-spacing:.02em;}
nav a:hover{background:var(--green);}
nav a.active{background:var(--green);color:var(--gold);}
nav a.brand{font-weight:bold;color:var(--gold);font-size:.85rem;margin-right:auto;}

/* HERO */
header.hero{background:linear-gradient(160deg,var(--green-dark) 0%,var(--green) 55%,#6b7d4f 100%);color:var(--cream);text-align:center;padding:70px 20px 60px;}
header.hero.small{padding:44px 20px 38px;}
header.hero h1{font-size:clamp(1.8rem,4vw,3rem);max-width:900px;margin:0 auto 14px;}
header.hero.small h1{font-size:clamp(1.5rem,3vw,2.3rem);}
header.hero p{max-width:720px;margin:0 auto;font-size:1.05rem;color:#e8e0c8;font-style:italic;}
header.hero .kicker{color:var(--gold);margin-bottom:10px;}
.hero-rule{width:90px;height:4px;background:var(--gold);margin:22px auto 0;border-radius:2px;}

/* LAYOUT */
main{max-width:1100px;margin:0 auto;padding:0 20px;}
section{padding:50px 0 30px;}
.kicker{font-family:Verdana,Arial,sans-serif;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--clay);margin-bottom:8px;}
section h2{font-size:1.75rem;color:var(--green-dark);margin-bottom:6px;}
.source-note{font-family:Verdana,Arial,sans-serif;font-size:.72rem;color:#8a7a62;margin-bottom:24px;}
section h3{color:var(--clay);font-size:1.15rem;margin:26px 0 10px;}
section p{margin-bottom:14px;max-width:72ch;}
ul.plain{margin:0 0 16px 22px;}
ul.plain li{margin-bottom:8px;max-width:70ch;}

/* CARDS + TABLES */
.cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:18px 0 8px;}
.card{background:var(--card);border:1px solid #e0d3b8;border-top:4px solid var(--green);border-radius:8px;padding:18px 20px;}
.card.clay{border-top-color:var(--clay);}
.card.gold{border-top-color:var(--gold);}
.card h4{color:var(--green-dark);margin-bottom:8px;font-size:1.02rem;}
.card .src{font-family:Verdana,Arial,sans-serif;font-size:.7rem;color:#8a7a62;display:block;margin-bottom:8px;}
.card p{font-size:.93rem;margin-bottom:0;}

.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0;}
.stat{background:var(--sand);border-radius:8px;padding:16px 18px;text-align:center;}
.stat .big{font-size:1.5rem;color:var(--clay);font-weight:bold;display:block;}
.stat .lbl{font-family:Verdana,Arial,sans-serif;font-size:.72rem;color:var(--earth);}

table{border-collapse:collapse;width:100%;margin:14px 0 20px;background:var(--card);font-size:.92rem;}
th{background:var(--green-dark);color:var(--cream);font-family:Verdana,Arial,sans-serif;font-size:.75rem;letter-spacing:.05em;text-align:left;padding:10px 12px;}
td{border:1px solid #e0d3b8;padding:10px 12px;vertical-align:top;}
tr:nth-child(even) td{background:#faf4e6;}

.callout{background:var(--sand);border-left:5px solid var(--gold);padding:16px 20px;border-radius:0 8px 8px 0;margin:20px 0;max-width:75ch;}
.callout.green{border-left-color:var(--green);}
.callout.clay{border-left-color:var(--clay);}
.callout p{margin-bottom:0;}

/* CONTENT LINKS */
main a{color:var(--clay);text-decoration:underline;text-underline-offset:2px;}
main a:hover{color:var(--green-dark);}
.timeline a,.pager a{text-decoration:none;}

/* PROFILE */
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:10px;}
@media(max-width:760px){.profile-grid{grid-template-columns:1fr;}}
.timeline{list-style:none;margin:10px 0 0;}
.timeline li{position:relative;padding:0 0 16px 22px;border-left:2px solid #c9b98f;margin-left:6px;}
.timeline li::before{content:"";position:absolute;left:-7px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--clay);border:2px solid var(--cream);}
.timeline .role{font-weight:bold;color:var(--green-dark);}
.timeline .org{font-style:italic;}
.timeline .yrs{font-family:Verdana,Arial,sans-serif;font-size:.72rem;color:#8a7a62;}

/* VIDEO */
.video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;box-shadow:0 6px 18px rgba(58,47,35,.25);margin:20px 0;background:#16314c;}
.video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
.video-caption{font-family:Verdana,Arial,sans-serif;font-size:.75rem;color:#8a7a62;margin-top:-10px;margin-bottom:20px;}

/* HOME */
.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:34px 0 20px;}
a.home-card{display:block;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid #e0d3b8;border-top:5px solid var(--green);border-radius:10px;padding:22px 24px;transition:transform .15s ease, box-shadow .15s ease;}
a.home-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(58,47,35,.18);}
a.home-card .num{font-family:Verdana,Arial,sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--clay);display:block;margin-bottom:6px;}
a.home-card h3{color:var(--green-dark);margin:0 0 8px;font-size:1.1rem;}
a.home-card p{font-size:.9rem;margin:0;color:var(--earth);}
a.home-card.clay{border-top-color:var(--clay);}
a.home-card.gold{border-top-color:var(--gold);}

/* INFOGRAPHICS */
img.infographic{display:block;max-width:100%;height:auto;border-radius:10px;box-shadow:0 6px 18px rgba(58,47,35,.25);margin:20px 0;}

/* CONTACT FORM */
.contact-form{max-width:560px;background:var(--card);border:1px solid #e0d3b8;border-radius:10px;padding:24px 26px;margin:20px 0;}
.contact-form label{display:block;font-family:Verdana,Arial,sans-serif;font-size:.75rem;letter-spacing:.05em;color:var(--green-dark);margin:14px 0 5px;font-weight:bold;}
.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;border:1px solid #c9b98f;border-radius:6px;background:#fffdf7;font-family:Georgia,serif;font-size:.95rem;color:var(--ink);}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--green);border-color:var(--green);}
.contact-form textarea{min-height:140px;resize:vertical;}
.contact-form button{margin-top:18px;background:var(--green-dark);color:var(--cream);border:none;border-radius:8px;padding:12px 26px;font-family:Verdana,Arial,sans-serif;font-size:.85rem;letter-spacing:.04em;cursor:pointer;}
.contact-form button:hover{background:var(--green);}
.form-note{font-family:Verdana,Arial,sans-serif;font-size:.72rem;color:#8a7a62;margin-top:10px;}

/* PAGER + FOOTER */
.pager{display:flex;justify-content:space-between;gap:12px;padding:10px 0 50px;font-family:Verdana,Arial,sans-serif;font-size:.8rem;}
.pager a{color:var(--green-dark);text-decoration:none;background:var(--sand);padding:10px 16px;border-radius:8px;}
.pager a:hover{background:#e0d3b0;}
footer{background:var(--green-dark);color:#d9d2b8;text-align:center;padding:30px 20px;font-family:Verdana,Arial,sans-serif;font-size:.75rem;line-height:1.8;margin-top:30px;}
.disclaimer{font-size:.78rem;color:#8a7a62;font-style:italic;max-width:75ch;}
