/*
Theme Name: HDRCRP Modern Research Theme
Theme URI: https://hdrcrp.org/
Author: HDRCRP Web Team + ChatGPT
Description: A modern WordPress theme for Health & Disease Research Center for Rural Peoples (HDRCRP), combining the original HDRCRP website content, AI Studio visual direction, GDM project section, staff directory, certificate gallery, partners, research activities, and contact sections.
Version: 2.1.0
License: GPL-2.0-or-later
Text Domain: hdrcrp-modern
*/
:root{
  --ink:#10231a;--muted:#63756b;--green:#12834c;--green2:#0b5d39;--lime:#d1ff4d;--soft:#f3faf6;--soft2:#e9f6ef;--line:#dcebe2;--white:#fff;--dark:#091711;--shadow:0 20px 60px rgba(7,56,34,.12);--radius:24px;--max:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.72;font-size:16px}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max);margin:0 auto;padding:0 22px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(209,255,77,.2);border:1px solid rgba(18,131,76,.12);border-radius:999px;color:var(--green2);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.section{padding:90px 0}.section-head{max-width:780px;margin:0 auto 42px;text-align:center}.section-head.left{text-align:left;margin-left:0}.section-head h2{font-size:clamp(30px,4vw,50px);line-height:1.08;margin:14px 0 14px;letter-spacing:-.04em}.section-head p{font-size:18px;color:var(--muted);margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 24px;font-weight:900;border:0;cursor:pointer;transition:.25s ease}.btn-primary{background:var(--lime);color:#07140d;box-shadow:0 12px 36px rgba(209,255,77,.55)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(209,255,77,.7)}.btn-dark{background:#07140d;color:white}.btn-light{background:white;color:var(--ink);border:1px solid var(--line)}.card{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.grid{display:grid;gap:24px}.top-strip{background:var(--dark);color:#d4e7dc;font-size:13px}.top-strip .container{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:8px;padding-bottom:8px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,235,226,.8)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:50px;height:50px;object-fit:contain}.brand-text{line-height:1}.brand-text strong{display:block;font-size:20px;letter-spacing:-.03em}.brand-text span{display:block;font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.nav{display:flex;align-items:center;gap:2px}.nav>li{list-style:none;position:relative}.nav>li>a{display:flex;padding:28px 11px;font-size:14px;font-weight:800;color:#2f473a}.nav>li:hover>a{color:var(--green)}.sub-menu{position:absolute;left:0;top:100%;min-width:250px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.14);padding:10px;opacity:0;visibility:hidden;transform:translateY(12px);transition:.2s;z-index:20}.nav>li:hover .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}.sub-menu a{display:block;padding:10px 12px;border-radius:12px;color:#365244;font-size:14px;font-weight:700}.sub-menu a:hover{background:var(--soft);color:var(--green)}.mobile-toggle{display:none;border:0;background:var(--soft);border-radius:12px;padding:11px;font-weight:900}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 75% 15%,rgba(209,255,77,.32),transparent 32%),linear-gradient(135deg,#f7fff9 0%,#eef8f2 45%,#fff 100%);padding:92px 0 70px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(18,131,76,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(18,131,76,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.06fr .94fr;gap:50px;align-items:center}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.02;margin:20px 0 24px;letter-spacing:-.06em}.highlight{display:inline-block;background:#07140d;color:var(--lime);padding:0 12px;border-radius:12px;transform:rotate(-1deg)}.hero p{font-size:19px;color:var(--muted);max-width:660px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}.stat{background:rgba(255,255,255,.76);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 30px rgba(7,56,34,.08)}.stat strong{display:block;font-size:30px;line-height:1;color:var(--green2)}.stat span{display:block;font-size:11px;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.09em;margin-top:8px}.hero-media{position:relative}.hero-photo{border-radius:42px;overflow:hidden;border:8px solid white;box-shadow:0 35px 90px rgba(7,56,34,.20);aspect-ratio:1/1;background:#ddd}.hero-photo img{width:100%;height:100%;object-fit:cover}.float-card{position:absolute;right:-18px;top:24px;background:white;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);max-width:230px}.float-card.bottom{left:-18px;right:auto;top:auto;bottom:24px}.float-card strong{display:block}.quick-nav{position:relative;margin-top:-30px;z-index:3}.quick-nav .container{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.quick-nav a{padding:12px 18px;background:white;border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.06);font-weight:800;color:#355447}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.text-block p{color:var(--muted);font-size:17px}.feature-list{display:grid;gap:14px;margin-top:25px}.feature{display:flex;gap:14px;align-items:flex-start;background:white;border:1px solid var(--line);border-radius:18px;padding:16px}.icon{width:44px;height:44px;min-width:44px;border-radius:14px;background:var(--lime);display:grid;place-items:center;font-weight:900;color:#07140d}.image-stack{display:grid;grid-template-columns:1fr 1fr;gap:16px}.image-stack img{border-radius:24px;height:240px;width:100%;object-fit:cover;box-shadow:var(--shadow)}.image-stack img:first-child{grid-row:span 2;height:496px}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.research-card{padding:26px;min-height:250px;position:relative;overflow:hidden}.research-card:after{content:"";position:absolute;right:-60px;bottom:-60px;width:160px;height:160px;background:rgba(209,255,77,.38);border-radius:50%}.research-card h3{margin:18px 0 10px;font-size:22px}.research-card p,.research-card li{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}.dark-panel{background:var(--dark);color:white;border-radius:36px;padding:38px;position:relative;overflow:hidden}.dark-panel:before{content:"";position:absolute;inset:auto -80px -80px auto;width:260px;height:260px;border-radius:50%;background:rgba(209,255,77,.18);filter:blur(15px)}.dark-panel p,.dark-panel li{color:#c9dbd0}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.metric{border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:20px;background:rgba(255,255,255,.05)}.metric strong{display:block;color:var(--lime);font-size:28px}.gdm-gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:26px}.gdm-gallery img{border-radius:24px;height:260px;object-fit:cover;width:100%;border:1px solid var(--line)}.gdm-gallery img:first-child{height:540px}.partners{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.partner{padding:22px;background:white;border:1px solid var(--line);border-radius:20px;min-height:112px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;color:#365244}.director{display:grid;grid-template-columns:320px 1fr;gap:32px}.director img{border-radius:30px;width:100%;height:390px;object-fit:cover;box-shadow:var(--shadow)}.bio-points{columns:2;column-gap:28px}.bio-points li{break-inside:avoid;margin-bottom:10px;color:var(--muted)}.staff-tabs{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}.tab-btn{border:1px solid var(--line);background:white;border-radius:999px;padding:11px 16px;font-weight:900;cursor:pointer}.tab-btn.active{background:var(--dark);color:var(--lime);border-color:var(--dark)}.staff-table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.staff-table{width:100%;border-collapse:collapse;min-width:720px}.staff-table th,.staff-table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line)}.staff-table th{background:var(--soft);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.staff-table tr:last-child td{border-bottom:0}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.certificate-card{overflow:hidden}.certificate-card img{width:100%;height:280px;object-fit:contain;background:#f7faf8;padding:12px;border-bottom:1px solid var(--line)}.certificate-card div{padding:18px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-item{position:relative;overflow:hidden;border-radius:22px;box-shadow:0 10px 30px rgba(0,0,0,.08);background:#eee;cursor:pointer}.gallery-item.large{grid-column:span 2;grid-row:span 2}.gallery-item img{width:100%;height:220px;object-fit:cover;transition:.5s}.gallery-item.large img{height:456px}.gallery-item:hover img{transform:scale(1.06)}.gallery-item span{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(9,23,17,.82);color:white;border-radius:14px;padding:10px;font-size:13px;font-weight:800}.donate{background:linear-gradient(135deg,var(--dark),#123e28);color:white;position:relative;overflow:hidden}.donate:before{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;background:rgba(209,255,77,.16);border-radius:50%;filter:blur(10px)}.donate .section-head p{color:#cbded2}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px}.contact-card{padding:30px}.contact-item{display:flex;gap:14px;align-items:flex-start;border-bottom:1px solid var(--line);padding:18px 0}.contact-item:last-child{border-bottom:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input{width:100%;border:1px solid var(--line);background:#f8fbf9;border-radius:14px;padding:14px 15px;font:inherit}.input:focus{outline:2px solid rgba(209,255,77,.8);border-color:var(--green)}textarea.input{min-height:150px;resize:vertical}.site-footer{background:#08140f;color:#bfd4c9;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:30px}.site-footer h4{color:white;margin:0 0 16px}.site-footer a{display:block;color:#bfd4c9;margin:8px 0}.site-footer a:hover{color:var(--lime)}.copyright{border-top:1px solid rgba(255,255,255,.12);margin-top:35px;padding-top:20px;font-size:13px;display:flex;justify-content:space-between;gap:16px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:999;display:none;align-items:center;justify-content:center;padding:24px}.lightbox.open{display:flex}.lightbox img{max-height:86vh;max-width:92vw;background:white;border-radius:16px}.lightbox button{position:absolute;right:24px;top:24px;background:white;border:0;border-radius:50%;width:44px;height:44px;font-size:24px;cursor:pointer}.soft-bg{background:var(--soft)}.notice{background:#fff8dc;border:1px solid #f4df97;border-radius:18px;padding:18px;color:#59490e}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill{background:var(--soft);border:1px solid var(--line);padding:7px 11px;border-radius:999px;font-size:13px;font-weight:800;color:#416251}.project-list{display:grid;gap:12px}.project-list li{background:white;border:1px solid var(--line);padding:14px 16px;border-radius:16px;color:var(--muted)}
@media(max-width:1050px){.nav{display:none}.mobile-toggle{display:block}.nav.open{display:flex;position:absolute;left:14px;right:14px;top:86px;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:12px;flex-direction:column;align-items:stretch}.nav.open>li>a{padding:12px}.nav.open .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding-left:12px}.hero-grid,.about-grid,.split,.director,.contact-grid{grid-template-columns:1fr}.hero-media{max-width:620px}.research-grid,.partners,.certificate-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.bio-points{columns:1}.image-stack img:first-child,.image-stack img{height:260px}.gdm-gallery{grid-template-columns:1fr}.gdm-gallery img:first-child{height:280px}}
@media(max-width:640px){.top-strip .container,.copyright{flex-direction:column;align-items:flex-start}.brand-text span{display:none}.section{padding:64px 0}.hero{padding-top:70px}.hero-stats{grid-template-columns:repeat(2,1fr)}.research-grid,.partners,.certificate-grid,.gallery-grid,.footer-grid,.form-grid{grid-template-columns:1fr}.gallery-item.large{grid-column:auto;grid-row:auto}.gallery-item.large img,.gallery-item img{height:260px}.hero h1{font-size:42px}.float-card{display:none}.gdm-gallery img,.gdm-gallery img:first-child{height:auto}.certificate-card img{height:240px}}


/* Update: fixed sticky-header anchor offsets and cleaned hero image text overlays */
html{scroll-padding-top:130px;}
[id]{scroll-margin-top:130px;}
.clean-hero-photo{max-width:560px;margin:0 auto;}
.clean-hero-photo img{filter:saturate(1.03) contrast(1.02);}
.gdm-visual-library,.gdm-resources{margin-top:46px;}
.gdm-material-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.gdm-material-card{overflow:hidden;cursor:pointer;background:#fff;}
.gdm-material-card img{width:100%;height:210px;object-fit:cover;background:#f7faf8;border-bottom:1px solid var(--line);}
.gdm-material-card figcaption{display:grid;gap:4px;padding:16px;margin:0;}
.gdm-material-card strong{font-size:16px;color:var(--ink);}
.gdm-material-card span{font-size:13px;line-height:1.45;color:var(--muted);font-weight:700;}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.resource-card{display:block;padding:22px;min-height:150px;transition:.22s ease;}
.resource-card:hover{transform:translateY(-4px);border-color:rgba(18,131,76,.35);box-shadow:0 20px 60px rgba(7,56,34,.13);}
.resource-card strong{display:block;font-size:19px;color:var(--ink);margin-bottom:10px;}
.resource-card span{display:block;color:var(--muted);font-weight:600;line-height:1.55;}
@media(max-width:1050px){html{scroll-padding-top:118px;}[id]{scroll-margin-top:118px;}.gdm-material-grid{grid-template-columns:repeat(2,1fr);}.resource-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){html{scroll-padding-top:104px;}[id]{scroll-margin-top:104px;}.gdm-material-grid,.resource-grid{grid-template-columns:1fr;}.gdm-material-card img{height:auto;}.clean-hero-photo{max-width:100%;}}

.contact-simple{max-width:850px;margin:0 auto}.contact-simple .contact-item{margin-top:20px}