/* Fluid layout: phone, tablet, desktop and ultrawide. */
html{scroll-padding-top:100px;-webkit-text-size-adjust:100%}
body{min-width:0}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}
section,footer,.cta{padding-inline:max(6%,calc((100% - 1360px)/2))}
section{padding-block:clamp(48px,6vw,92px)}
section>*,footer>*,.committee-card,.leader,.mission-grid,.journey>div{min-width:0}
h1,h2,h3,p,summary,.person-name{overflow-wrap:break-word}
h2{font-size:clamp(30px,3.3vw,48px)}
p{font-size:clamp(15px,1.15vw,17px)}
header{padding-inline:max(5%,calc((100% - 1440px)/2));padding-top:max(12px,env(safe-area-inset-top));gap:15px}
header nav{gap:clamp(15px,1.7vw,28px)}
.hero{height:auto;min-height:max(760px,100svh);max-height:none}
.intro{width:100%;max-width:1060px;padding:150px 30px 185px}
h1{font-size:clamp(38px,5vw,76px)}
.intro p{max-width:780px}
.hero-down{bottom:24px}
.btn,button,summary,header nav a{touch-action:manipulation}
.btn{min-height:48px;justify-content:center}
.actions{gap:16px}
.leadership-grid{width:100%;max-width:1040px;grid-template-columns:repeat(2,minmax(0,1fr))}
.leader{padding:32px;min-width:0}
.committees-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.committee-card{padding:clamp(22px,2.2vw,32px)}
.committee-card h3{font-size:clamp(23px,2vw,28px)}
.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.stat{padding:32px 15px;min-width:0}
.stat-value{font-size:clamp(38px,4.2vw,60px);white-space:nowrap}
.stat-label{line-height:1.7}
.goals{grid-template-columns:repeat(4,minmax(0,1fr))}
.timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.timeline button{min-width:0;padding:12px 8px;font-size:13px;line-height:1.7}
.cta{width:calc(100% - 12%);max-width:1360px;margin:64px auto;padding:clamp(32px,5vw,70px);gap:32px}
.cta>div{min-width:0;flex:1}
.cta button,.cta>.btn{flex-shrink:0}
footer{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 160px;gap:40px}
.footer-brand,.footer-links{min-width:0}
.footer-brand .logo{font-size:clamp(21px,2vw,27px)}
.footer-brand{gap:20px;align-items:flex-start}
.footer-brand img{flex-shrink:0}
.footer-partnership{align-self:start}
.copyright{grid-column:1/-1}
#contact-links a{max-width:100%;overflow-wrap:anywhere}
dialog{max-height:calc(100dvh - 40px);overflow:auto;padding:40px 28px}
@media(min-width:1600px){.hero{background-position:center bottom}.intro{padding-block:170px 220px}.about,.journey,.faq{gap:80px}}
@media(max-width:1100px){
 header{display:flex;justify-content:space-between;flex-wrap:nowrap}
 .header-balance{display:none}
 .menu-toggle{display:grid;place-items:center;min-width:46px;min-height:46px;background:#3d2a1c;border:1px solid #b8986355;color:#ebcf9d;border-radius:7px;font-size:23px;cursor:pointer}
 header nav{display:none;position:absolute;top:100%;inset-inline:0;padding:18px 6% 24px;background:#24190ff7;border-bottom:1px solid #b48c4c60;max-height:calc(100dvh - 85px);overflow:auto}
 header nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:auto}
 header nav a{display:flex;align-items:center;min-height:48px;padding:12px 16px;font-size:15px;background:#48321f60;border:1px solid #bc925529;border-radius:5px}
 .about,.journey,.faq{grid-template-columns:1fr;gap:35px}
 .mission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
 .mission-grid small{grid-column:1/-1}
 .committees-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cta{flex-direction:column;align-items:flex-start}
 footer{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
 .footer-partnership{grid-column:1/-1;flex-direction:row;justify-content:space-between;width:100%}
}
@media(max-width:650px){
 html{scroll-padding-top:88px}
 section,footer{padding-inline:6%}
 header{padding-inline:6%}
 .hero{min-height:780px;min-height:max(730px,100svh);background-position:center bottom}
 .intro{padding:130px 7% 175px}
 .initiative-name{font-size:clamp(19px,5.5vw,26px);line-height:1.8}
 h1{font-size:clamp(33px,8.6vw,49px);line-height:1.5;margin:20px 0}
 .intro p{font-size:15px;line-height:2}
 .actions{width:100%;gap:12px}
 .hero .btn{padding:13px 22px;font-size:14px;min-width:145px}
 .strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;text-align:center;font-size:13px;padding:18px 5%}
 .strip span{display:block;margin-top:4px}
 .mission-grid,.leadership-grid,.committees-grid{grid-template-columns:1fr}
 .leader{padding:26px}
 .leader h3{font-size:27px}
 .committee-card{padding:26px}
 .goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .goals>div{padding:20px 16px}
 .goals h3{font-size:16px;line-height:1.8}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}
 .stat{padding:28px 10px}
 .stat-value{font-size:clamp(32px,9vw,43px)}
 .stat-label{font-size:13px}
 .period-tabs{gap:9px}
 .period-tabs button{padding:10px 16px;font-size:13px;min-height:46px}
 .timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
 .timeline button:last-child{grid-column:1/-1}
 .timeline button{display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:right;font-size:13px}
 .timeline button span{margin:0;font-size:24px}
 #journey-panel{padding:23px}
 summary{line-height:1.8;padding-inline-end:10px}
 .cta{margin-block:40px;width:88%;padding:32px 24px;gap:22px}
 .cta h2{font-size:30px;line-height:1.6}
 .cta .btn{white-space:normal;width:100%}
 footer{grid-template-columns:1fr;gap:32px;padding-block:40px}
 .footer-brand{gap:16px}
 .footer-brand img{width:42px;height:88px}
 .footer-links{gap:14px}
 .footer-partnership{grid-column:auto}
 .copyright{grid-column:auto;line-height:1.9}
 dialog{padding:38px 22px;width:92%}
 dialog .btn{white-space:normal;font-size:14px}
}
@media(max-width:360px){.actions{flex-direction:column}.hero .btn{width:100%}.intro{padding-inline:6%}h1{font-size:32px}.initiative-name{font-size:18px}.period-tabs button{width:100%}.footer-brand .logo{font-size:19px}}
@media(max-height:550px) and (orientation:landscape){.hero{min-height:640px}.intro{padding-top:120px;padding-bottom:120px}header .brand img{height:42px}.hero-down{bottom:15px}}
@media(hover:none){.committee-card:hover,.btn:hover{transform:none}}