@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--forest:#183d34;--dark:#102b27;--gold:#d8ac66;--paper:#f6f2e8;--ink:#263c35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 'DM Sans',Arial,sans-serif}a{color:inherit}header{background:var(--dark);color:#fff;position:sticky;top:0;z-index:5;box-shadow:0 3px 15px #0002}.nav{max-width:1180px;margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px}.brand{text-decoration:none;font-family:'Libre Baskerville',Georgia,serif;font-size:18px;line-height:1.35;font-weight:bold}.brand small{display:block;color:var(--gold);font:600 10px/1.8 'DM Sans',sans-serif;letter-spacing:3px;text-transform:uppercase}.links{display:flex;gap:30px;align-items:center}.links a{text-decoration:none;font-size:13px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.links a:hover,.links a[aria-current]{color:var(--gold)}.hero{min-height:610px;display:flex;align-items:end;position:relative;background:linear-gradient(90deg,rgba(9,35,28,.88),rgba(9,35,28,.48) 57%,rgba(9,35,28,.12)),url('assets/pleistocene-louisiana-mural.jpg') center 44%/cover}.hero-content{max-width:1180px;width:100%;margin:auto;padding:100px 24px 92px;color:white}.eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold)}h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif;line-height:1.28}h1{font-size:clamp(40px,5.5vw,76px);max-width:850px;margin:18px 0 22px}h2{font-size:clamp(29px,3vw,43px);margin:10px 0 24px}h3{font-size:20px;margin:0 0 10px}.hero p{font-size:19px;max-width:650px;color:#f1eee5}.btn{display:inline-block;margin-top:18px;padding:13px 23px;background:var(--gold);color:#18332b;text-decoration:none;border-radius:3px;font-weight:700}.btn:hover{background:#e8c48d}.section{max-width:1120px;margin:auto;padding:86px 24px}.lead{font-size:19px;max-width:850px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.quote{background:#e9e2d2;padding:38px;border-left:4px solid var(--gold);font:italic 24px/1.55 Georgia,serif}.green{background:var(--forest);color:#f8f3e9}.green .section{padding-top:75px;padding-bottom:80px}.green p{color:#e1e8de}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.card{padding:29px;background:#fff;border:1px solid #e7dfd0;border-radius:4px}.green .card{background:#244b40;border-color:#40695b}.card .number{color:var(--gold);font-weight:700;letter-spacing:2px;font-size:13px}.card p{margin-bottom:0}.support{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.support span{padding:14px 17px;background:#eae4d7;border-left:3px solid var(--gold);font-weight:600}.cta{text-align:center;background:#e8ddc8;padding:72px 24px}.cta p{max-width:650px;margin:0 auto 18px}.biohero{background:linear-gradient(90deg,rgba(9,35,28,.91),rgba(9,35,28,.60)),url('assets/pleistocene-louisiana-mural.jpg') center 40%/cover;color:white;padding:110px 24px}.biohero .inner{max-width:1120px;margin:auto}.biohero h1{font-size:clamp(40px,5vw,66px)}.biohero p{max-width:750px;font-size:19px}.timeline{border-left:2px solid #d8ac66;padding-left:28px}.timeline article{margin-bottom:28px}.timeline strong{color:#94703c}.pubs li{margin-bottom:12px}footer{background:var(--dark);color:#dbe4da;padding:34px 24px;text-align:center;font-size:13px}footer a{color:#e9bf7e}footer p{margin:5px} @media(max-width:750px){.nav{align-items:flex-start;flex-direction:column}.links{gap:20px}.hero{min-height:570px}.hero-content{padding:70px 24px}.split,.cards,.support{grid-template-columns:1fr}.section{padding:58px 22px}.biohero{padding:75px 22px}.quote{font-size:20px}}

/* Founder portrait placeholder and CV download */
.founder-portrait{width:100%;max-width:390px;justify-self:center}.portrait-placeholder{aspect-ratio:4/5;border:2px dashed #9c9d86;border-radius:6px;background:linear-gradient(145deg,#eae4d6,#d7d0be);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;padding:30px;color:#3b5147}.portrait-placeholder .portrait-icon{font-size:84px;line-height:1;color:#88998d}.portrait-placeholder strong{font:700 23px Georgia,serif}.portrait-placeholder span:not(.portrait-icon){font-size:15px}.portrait-placeholder small{color:#627468}.resume-download{text-align:center}.resume-download p{max-width:670px;margin:0 auto}.resume-download .btn{margin-top:25px}
/* To add the photo later: replace the placeholder div in founder.html with <img src="assets/founder-photo.jpg" alt="Dr. James E. Martin" class="founder-photo"> */
.founder-photo{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:6px;box-shadow:0 12px 35px #0002}