@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');:root{--teal:#0d5755;--teal2:#123f42;--gold:#b89a59;--ink:#1b292b;--muted:#657375;--paper:#f7f7f2;--line:#dfe6e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.65;background:#fff}a{color:inherit}button,input,select,textarea{font:inherit}.topline{background:var(--teal2);color:#eaf1ee;padding:8px 5vw;font-size:.78rem;display:flex;justify-content:space-between;gap:1rem}.header{position:sticky;top:0;z-index:10;background:#ffffffed;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navwrap{max-width:1240px;margin:auto;padding:15px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:220px}.logo-placeholder{width:46px;height:46px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:1.2rem}.brand strong{display:block;font-size:.95rem;letter-spacing:.02em}.brand small{display:block;color:var(--muted);font-size:.69rem;letter-spacing:.13em;text-transform:uppercase}.navlinks{display:flex;align-items:center;gap:18px}.navlinks a{text-decoration:none;font-size:.82rem;color:#334345}.navcta,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--teal);color:white;padding:12px 18px;border:1px solid var(--teal);border-radius:3px;font-weight:600;font-size:.87rem;cursor:pointer;transition:transform .25s,background .25s}.btn.secondary{background:transparent;color:var(--teal);border-color:#a8c0ba}.btn.light{background:white;color:var(--teal);border-color:white}.menu-btn{display:none;border:1px solid var(--line);background:white;padding:8px 12px}.hero{background:linear-gradient(115deg,#103e40f2,#0d5755e8),url('https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=1800&q=85') center/cover;color:white;min-height:570px;display:flex;align-items:center}.hero-inner{width:min(1160px,90%);margin:auto;padding:84px 0}.eyebrow{font-size:.72rem;letter-spacing:.17em;text-transform:uppercase;color:var(--gold);font-weight:700}.hero h1,.pagehero h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(2.6rem,6vw,5.5rem);line-height:1.04;max-width:850px;font-weight:500;margin:18px 0}.hero p{font-size:1.1rem;max-width:690px;color:#e1eeea}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero .secondary{color:white;border-color:#c7d9d5}.pagehero{background:linear-gradient(115deg,#103e40,#0d5755);color:white;padding:76px 5vw 82px}.pagehero>div{max-width:1160px;margin:auto}.pagehero h1{font-size:clamp(2.4rem,5vw,4.2rem);max-width:900px}.pagehero p{max-width:760px;color:#e1eeea;font-size:1.05rem}.wrap{max-width:1160px;width:90%;margin:auto}.section{padding:78px 0}.section.soft{background:var(--paper)}.section.dark{background:var(--teal2);color:white}.section-head{max-width:740px;margin-bottom:32px}.section h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(2rem,4vw,3.3rem);line-height:1.15;margin:10px 0 18px}.lead{font-size:1.12rem;color:#536365}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:25px;border:1px solid var(--line);background:white;border-radius:5px;transition:transform .3s,border-color .3s}.card .num{color:var(--gold);font-size:.8rem;letter-spacing:.1em}.card h3{font-size:1.13rem;margin:12px 0 8px}.card p{color:var(--muted);font-size:.93rem}.arrow{color:var(--teal);font-weight:700;text-decoration:none}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}.notice{border-left:3px solid var(--gold);padding:16px 20px;background:#f5f3eb;color:#394749;font-size:.9rem}.timeline{border-left:1px solid #b7c8c0;padding-left:25px;display:grid;gap:24px}.timeline article{position:relative}.timeline article:before{content:'';position:absolute;left:-31px;top:8px;width:10px;height:10px;background:var(--gold);border-radius:50%}.timeline h3{margin:0 0 5px}.small{font-size:.82rem;color:var(--muted)}.searchrow{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.searchrow input,.searchrow select,form input,form select,form textarea{width:100%;padding:13px;border:1px solid #cdd8d3;border-radius:3px;background:white;color:var(--ink)}.searchrow input{max-width:420px}.publication{padding:20px 0;border-bottom:1px solid var(--line)}.publication h3{font-size:1rem;margin:4px 0}.publication p{margin:7px 0;color:var(--muted);font-size:.9rem}.tag{font-size:.7rem;color:var(--teal);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}label{font-size:.85rem;font-weight:600}textarea{min-height:130px;resize:vertical}.footer{background:#102f31;color:#e6eeeb;padding:48px 0 22px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.footer a{color:#d7e4df;text-decoration:none}.footer ul{padding:0;list-style:none;display:grid;gap:8px;font-size:.88rem}.footer p,.footer small{color:#b8c9c3}.demo{background:#f5edda;color:#5e4a20;text-align:center;padding:9px;font-size:.77rem}.reveal{animation:rise .7s both;animation-timeline:view();animation-range:entry 0% entry 22%}@keyframes rise{from{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media(max-width:940px){.navlinks{display:none;position:absolute;left:0;right:0;top:100%;background:white;border-bottom:1px solid var(--line);padding:20px 5vw;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu-btn{display:block}.navcta{display:none}.grid{grid-template-columns:repeat(2,1fr)}.split{gap:28px}.navwrap{padding:12px 5vw}}@media(max-width:620px){.topline{font-size:.7rem}.topline span:last-child{display:none}.brand{min-width:0}.brand strong{font-size:.82rem}.brand small{font-size:.58rem}.hero{min-height:560px}.hero-inner{padding:68px 0}.hero h1{font-size:2.8rem}.section{padding:54px 0}.grid,.split,.footgrid,.formgrid{grid-template-columns:1fr}.pagehero{padding:56px 5vw}.card{padding:21px}.field.full{grid-column:auto}.actions .btn{width:100%}}
.brand-logo{width:54px;height:54px;object-fit:contain;flex:0 0 auto;border-radius:50%;background:#fff}.profile-photo{object-position:center;max-height:520px;object-fit:cover}.historical-gallery .photo{width:100%;height:260px;object-fit:cover;display:block;border-radius:3px}.historical-gallery .card{overflow:hidden}.historical-gallery .card h3,.historical-gallery .card p{margin-left:18px;margin-right:18px}.historical-gallery .card p{margin-bottom:20px}@media(max-width:700px){.brand-logo{width:46px;height:46px}.historical-gallery .photo{height:220px}}


/* Yahweh Radio feature in the media library */
.yahweh-radio-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(22px,4vw,48px);align-items:center;margin:28px 0 46px;padding:clamp(16px,3vw,30px);background:#f2f6f5;border:1px solid #dce7e5;border-radius:18px;overflow:hidden}
.yahweh-radio-image{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.yahweh-radio-copy h2{margin:8px 0 12px}
.yahweh-radio-copy p:last-child{max-width:48ch;color:#4e6261;line-height:1.7}
@media(max-width:700px){.yahweh-radio-feature{grid-template-columns:1fr;gap:18px;margin:22px 0 36px}.yahweh-radio-image{aspect-ratio:4/3}}

/* Expanded information architecture */
.navlinks{gap:10px;flex-wrap:wrap}.navlinks a{font-size:.76rem}.navwrap{gap:14px}.navcta{white-space:nowrap;font-size:.78rem;padding:10px 12px}@media(max-width:1100px){.navlinks{gap:8px}.navlinks a{font-size:.72rem}}@media(max-width:940px){.navlinks{flex-wrap:nowrap}.navlinks a{font-size:.9rem}}

/* Public letter in the institutional profile */
.open-letter{max-width:900px;margin-inline:auto;line-height:1.75}
.open-letter h3{margin-top:28px;color:#0d5755}
.open-letter ol{padding-left:28px;line-height:1.8}
.open-letter li{padding-left:5px;margin-bottom:8px}
.open-letter p{overflow-wrap:anywhere}
@media(max-width:700px){.open-letter{padding:18px}.open-letter h3{font-size:1.1rem}}

/* Emphasize the second photograph on the homepage. */
.homepage-immunization-notice{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;border:4px solid #0d5755;border-radius:8px;box-shadow:0 14px 34px rgba(16,47,49,.24);padding:5px;background:#fff;}


/* Mobile navigation repair: keep every menu item separate and readable. */
@media(max-width:940px){.navlinks{gap:0;max-height:calc(100vh - 105px);overflow-y:auto;box-shadow:0 12px 22px rgba(16,47,49,.12)}.navlinks a{display:block;width:100%;padding:10px 0;line-height:1.45;white-space:normal;overflow-wrap:anywhere;border-bottom:1px solid #edf1ef}.navlinks a:last-child{border-bottom:0}.menu-btn{flex:0 0 auto;white-space:nowrap}}


/* Smooth, accessible scroll-reveal effects for images and content. */
.js-reveal{opacity:0;transform:translateY(24px) scale(.985);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.js-reveal.is-visible{opacity:1;transform:translateY(0) scale(1)}
img:not(.brand-logo){transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s ease,box-shadow .65s ease}

.gallery-card,.card,.yahweh-radio-feature{transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease}

@media(prefers-reduced-motion:reduce){.js-reveal,.js-reveal.is-visible,img:not(.brand-logo),.gallery-card,.card,.yahweh-radio-feature{opacity:1!important;transform:none!important;transition:none!important;animation:none!important;will-change:auto!important}}


/* Hover-only effects: keep touch navigation reliable on phones and tablets. */
@media (hover: hover) and (pointer: fine) {
.navlinks a:hover{color:var(--teal)}
.navcta:hover,.btn:hover{background:var(--teal2);transform:translateY(-2px)}
.card:hover{transform:translateY(-4px);border-color:#9cbab2}
.photo:hover,.gallery-card img:hover,.card img:hover,.yahweh-radio-image:hover{transform:scale(1.025);filter:saturate(1.06);box-shadow:0 16px 34px rgba(16,47,49,.16)}
.gallery-card:hover,.card:hover,.yahweh-radio-feature:hover{box-shadow:0 16px 36px rgba(16,47,49,.10)}
}