@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Oswald:wght@400;500;600&display=swap');

/* Official JTH brand-kit palette; font families visually matched to the kit. */
:root{--burgundy:#6E2535;--rose:#A66F78;--blush:#D9A7A5;--champagne:#C7A58B;--copper:#B07A67;--gold:#B59A62;--cream:#F4EFE8;--brown:#4A332E;--ink:#4A332E;--soft:#F4EFE8;--white:#fff;--title-font:'Cormorant Garamond',Georgia,serif;--heading-font:'Oswald',sans-serif}
body{background:#fff;color:var(--ink)}
.nav{gap:18px}.nav-donate{margin-left:auto;white-space:nowrap;min-height:46px;padding:0 22px;font-size:1rem}
.donation-banner{padding:52px 0;background:var(--cream);border-top:1px solid var(--champagne)}
.donation-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.donation-banner h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 12px}
.donation-banner p{margin:0;max-width:640px}
.donation-banner .btn{white-space:nowrap;font-size:1.1rem;min-height:56px}
.donate-floating{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:40;background:var(--burgundy);color:#fff;border:2px solid #fff;border-radius:30px;padding:13px 24px;text-decoration:none;font-weight:700;box-shadow:0 6px 24px rgba(74,51,46,.25)}
.donate-floating:hover,.donate-floating:focus-visible{background:var(--brown)}
footer{padding-bottom:100px}
@media(max-width:1050px){.navlinks{gap:14px}.navlinks a{font-size:.82rem}.nav-donate{padding:0 15px}}
@media(max-width:850px){.donation-banner-inner{display:block}.donation-banner .btn{margin-top:22px}.nav-donate{font-size:.9rem}.nav{gap:12px}}
@media(max-width:380px){.brand strong{font-size:1rem}.logo{gap:6px}.nav-donate{padding:0 10px}.globe{width:36px;height:36px}.nav{gap:8px}}
.contact-page .section{padding:54px 0}
.contact-page .pagehero{padding:60px 0}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;align-items:start}
.contact-details{padding:28px;background:var(--cream);border-radius:8px;margin-top:24px}
.contact-page .community-signup{padding:24px;border:1px solid var(--champagne);border-radius:8px}
.contact-photo{width:100%;height:240px;object-fit:cover;border-radius:8px;display:block;margin-bottom:24px}
.contact-page .safety{margin-top:0;border-radius:8px}
.contact-page .donation-row{align-items:center}
.path{transition:transform .3s ease,box-shadow .3s ease}
.path:hover,.path:focus-within{transform:translateY(-8px);box-shadow:0 18px 36px rgba(110,37,53,.13)}
.path:before{animation:jth-number-glow 4s ease-in-out infinite alternate}
.path:nth-child(2):before{animation-delay:1s}
.path:nth-child(3):before{animation-delay:2s}
@keyframes jth-number-glow{from{transform:translateY(0);color:var(--champagne)}to{transform:translateY(-6px);color:var(--rose)}}
@media(max-width:850px){.contact-layout{grid-template-columns:1fr;gap:28px}}
@media(prefers-reduced-motion:reduce){.path:before{animation:none}.path:hover,.path:focus-within{transform:none}.path{transition:none}}
.community-signup{min-width:0;width:100%}
.community-signup ._form_1{max-width:100%}
.community-signup form{max-width:100%!important;margin:0!important}
.trustbar,.programs,.story,.newsletter,.section.soft,.section.cream{background:#fff}
h1,.brand strong,.globe,.trustitem strong,.quote,.signature,.storycopy blockquote,.storyvisual:after{font-family:var(--title-font)}
h1{font-weight:600;letter-spacing:.005em;line-height:1.12;color:var(--burgundy)}
h2,h3{font-family:var(--heading-font);font-weight:500;letter-spacing:.015em;color:var(--burgundy);line-height:1.25}
.brand strong{font-weight:600;font-size:1.25rem;color:var(--burgundy)}
.brand span,.eyebrow,.card a,.path a{color:var(--burgundy)}
.btn{border-radius:6px}
.btn-primary,.btn.primary{background:var(--burgundy);color:#fff}
.btn-primary:hover,.btn.primary:hover{background:var(--brown);color:#fff}
.btn-outline{border-color:var(--burgundy);color:var(--burgundy)}
.btn-outline:hover{background:var(--burgundy);color:#fff}
.navlinks a:hover,.navlinks a[aria-current=page]{color:var(--burgundy)}
.navlinks a.btn-primary,.navlinks a.btn.primary{color:#fff}
.topbar,.safety,.impact{background:var(--burgundy)}
.topbar a,.safety a{color:var(--cream)}
.hero{background:linear-gradient(90deg,rgba(74,51,46,.96) 0%,rgba(110,37,53,.84) 42%,rgba(110,37,53,.12) 72%),url('jth-sisterhood.png') center/cover}
.hero h1,.impact h2,.safety h3,.promise h3,.ctabox h2{color:#fff}
.hero h1 em,.hero .eyebrow,.impact .eyebrow,.outcome strong{color:var(--champagne)}
.promise,.ctabox{background:var(--burgundy)}
.promise p,.ctabox p,.hero p,.impact p,.outcome span,.safety p{color:var(--cream)}
.signature{color:var(--champagne)}
.pagehero{background:#fff}
.storyvisual,.founder-photo{background:linear-gradient(145deg,#fff,var(--cream))}
.card,.pillar,.path{border-color:var(--gold)}
.card p,.path p,.sectionhead p,.involve>p,.trustitem span{color:var(--brown)}
.icon{background:var(--blush);color:var(--burgundy)}
.path:before{color:var(--champagne)}
footer{background:var(--brown);color:var(--cream)}
.footergrid a,.footergrid a:hover{color:var(--cream)}
.footergrid h3{font-family:'DM Sans',sans-serif;color:#fff}
@media(max-width:900px){.hero{background:linear-gradient(90deg,rgba(74,51,46,.94),rgba(110,37,53,.6)),url('jth-sisterhood.png') 66% center/cover}}
.program-photo{display:block;width:100%;height:260px;object-fit:cover;margin:0 0 24px;border-radius:6px}
.program-photo[src*="personal-stock"]{object-position:50% 42%}
.program-photo[src*="advocacy-stock"]{object-position:50% 64%}
.section-photo{display:block;width:100%;max-height:450px;object-fit:cover;border-radius:6px;margin-bottom:28px}
.hero{isolation:isolate;overflow:hidden;background:none}
.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:url('jth-sisterhood.png') center/cover;animation:jth-hero-drift 24s ease-in-out infinite alternate}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(74,51,46,.96),rgba(110,37,53,.84) 42%,rgba(110,37,53,.12) 72%)}
.hero.motion-paused:before{animation-play-state:paused}
.hero-motion-toggle{position:absolute;right:20px;bottom:20px;border:1px solid #fff;background:var(--burgundy);color:#fff;border-radius:6px;padding:10px 16px;font:inherit;cursor:pointer}
@keyframes jth-hero-drift{from{transform:scale(1)}to{transform:scale(1.09) translateX(-1%)}}
@media(max-width:900px){.hero:after{background:linear-gradient(90deg,rgba(74,51,46,.94),rgba(110,37,53,.6))}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none}.hero-motion-toggle{display:none}}

.hero-purpose{margin:0 0 28px;display:grid;gap:18px}.hero-purpose h2{font-family:"DM Sans",sans-serif;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0 0 6px}.hero .hero-purpose p{font-size:1rem;line-height:1.65;margin:0;max-width:620px}.hero-content{padding-top:64px;padding-bottom:76px}