/* Responsive layout system: appended after all existing page styles. */
:root{font-synthesis:none}
html,body{width:100%;max-width:100%;overflow-x:clip}
img,video,iframe{max-width:100%}
.container{width:min(1540px,calc(100% - clamp(36px,6vw,128px)));max-width:none}
.mainnav{width:min(1540px,calc(100% - clamp(36px,6vw,128px)));padding-block:10px;gap:clamp(18px,2vw,38px)}
.wordmark{width:clamp(185px,15vw,240px)}
.brandtext strong{font-size:clamp(22px,2vw,32px)}
.navright{min-width:0}
nav{gap:clamp(12px,1.35vw,25px)}
.hero{height:clamp(450px,35vw,640px)}
.heroContent{padding-top:clamp(45px,5vw,100px)}
.heroDesc{max-width:540px;font-size:clamp(17px,1.25vw,21px)}
.cards{gap:clamp(18px,2vw,36px);padding-bottom:36px}
.infoCard img{height:clamp(175px,14vw,250px)}
.cardText{padding:18px 23px 24px}
.cardText p{font-size:clamp(15px,1.05vw,17px);line-height:1.5}
.eventsGrid{gap:clamp(30px,5vw,100px)}
.eventCard img{height:clamp(160px,15vw,220px)}
.stats{padding-block:28px}
.stat{gap:clamp(12px,1.3vw,26px);padding-inline:clamp(12px,1.6vw,28px)}
.footGrid{gap:clamp(25px,3vw,60px)}
@media(min-width:1800px){.container,.mainnav{width:min(1660px,calc(100% - 160px))}}
@media(max-width:1100px){
 .container,.mainnav{width:calc(100% - 48px)}
 .wordmark{width:172px}.emblem{width:54px;height:65px}.brand{gap:10px}.brandtext{padding-left:10px}.brandtext strong{font-size:22px}
 .mainnav{min-height:86px}.navright{gap:10px}nav{gap:12px}nav a{font-size:13px}
 .navctas .btn{font-size:12px;padding:9px 12px}
 .cards{gap:15px}.infoCard img{height:160px}.eventsGrid{gap:26px}
 .member-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
 .container,.mainnav{width:calc(100% - 36px)}
 .mainnav{position:relative;min-height:78px;align-items:center;gap:12px}
 .wordmark{width:clamp(120px,24vw,180px);max-height:62px}.emblem{width:clamp(36px,7vw,50px);height:auto;max-height:58px}.brandtext strong{font-size:clamp(16px,3.2vw,23px)}.brandtext small{font-size:7px}
 .navright{display:flex;flex-direction:row;gap:10px}
 .navctas{display:none}#menuToggle{display:block;border:1px solid #cbd5df;border-radius:4px;padding:6px 10px;font-size:24px;line-height:1.2}
 nav{display:none;position:absolute;z-index:50;top:100%;left:0;right:0;background:#fff;padding:14px 16px;box-shadow:0 12px 22px #0002;flex-direction:column;align-items:stretch;gap:0}
 nav.open{display:flex}nav a{padding:13px 6px!important;font:700 16px Georgia,serif;border-bottom:1px solid #e6edf5!important;color:var(--navy)!important}nav a[aria-current="page"]{color:var(--red)!important}
 .hero{height:500px}.heroContent{padding-top:55px}.hero h1{font-size:clamp(41px,6vw,60px)}.heroShade{background:linear-gradient(90deg,rgba(0,16,35,.94),rgba(0,16,35,.68) 65%,rgba(0,16,35,.16))}
 .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{border-right:0;padding:10px!important;min-width:0}.stat:nth-child(odd){border-right:1px solid #d7dde3}.stat strong{font-size:31px}
 .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.infoCard img{height:175px}
 .eventsGrid{grid-template-columns:1fr}.eventCards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about-history,.member-eligibility,.next-grid,.resource-grid,.intro-grid,.timeline-grid{grid-template-columns:1fr!important}
 .timeline-block.reverse .timeline-copy,.timeline-block.reverse .timeline-media{order:initial}
 .timeline-media.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .footGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.footGrid>div{border-right:0!important}
}
@media(max-width:580px){
 .container,.mainnav{width:calc(100% - 32px)}.topinner{font-size:10px;gap:10px}.topinner>span:last-child{white-space:nowrap}.top b{padding:0 3px}
 .brand{gap:5px}.wordmark{width:108px}.emblem{width:35px;height:auto}.brandtext{padding-left:7px}.brandtext strong{font-size:15px}.brandtext small{display:none}
 .mainnav{min-height:70px}.hero{height:auto;min-height:540px}.heroContent{padding-top:58px;padding-bottom:70px}.hero h1{font-size:clamp(39px,10vw,52px)}.heroDesc{font-size:16px;max-width:330px}.heroactions{display:flex;flex-wrap:wrap;gap:10px}.heroShade{background:linear-gradient(90deg,rgba(0,16,35,.94),rgba(0,16,35,.75))}
 .stats{gap:6px;padding:19px 0}.stat{align-items:flex-start;gap:9px}.stat strong{font-size:27px}.stat b{font-size:14px}.stat small{font-size:12px}.sicon{font-size:25px}
 .cards{grid-template-columns:1fr;gap:20px}.infoCard img{height:205px}.cardText{padding:14px 17px 18px}.cardText h2{font-size:24px}
 .events{padding-block:36px}.eventsIntro h2{font-size:35px}.eventsIntro p:not(.eyebrow){font-size:16px}.eventCards{grid-template-columns:1fr}.eventCard img{height:190px}
 .mission{min-height:280px}.mission h2{font-size:30px}.mission p{max-width:280px}.missioninner{padding-block:40px}
 .member-hero h1{font-size:clamp(40px,10vw,56px)}.member-eligibility,.member-step-grid,.next-grid,.resource-grid{grid-template-columns:1fr!important}.member-step-grid{gap:16px}.member-eligibility img{height:auto;max-height:400px;object-fit:contain}.member-steps,.member-resources{padding-block:46px}
 .about-hero h1,.historic-hero h1{font-size:clamp(36px,9vw,52px)}.about-hero-inner,.historic-hero-inner{padding-block:70px}.about-hero,.historic-hero{min-height:340px}
 .pillar-grid,.timeline-media.gallery{grid-template-columns:1fr!important}.timeline-media img{max-height:none;height:auto;min-height:0}.timeline-grid{gap:20px}.timeline-block{padding-block:30px}
 .footGrid{grid-template-columns:1fr 1fr;gap:22px}.footGrid p{overflow-wrap:anywhere}.footLinks{justify-content:flex-start;gap:15px 19px}.footBottom{text-align:left}
}
@media(max-width:365px){.wordmark{width:88px}.emblem{width:30px}.brandtext strong{font-size:13px}#menuToggle{padding:4px 7px}}
