.intro .content{padding:20px}
.our-mission .container{font-size:clamp(1rem,0.5652rem + 2.1739vw,2.25rem)}
.our-mission .container :first-child,.our-values li :first-child{text-transform:uppercase;font-size:1rem;font-weight:800}
.our-mission .container :first-child{text-align:center}
.our-values .ttl{margin-bottom:2em}
.our-values ul{flex-wrap:wrap;gap:30px;justify-content:center}
.our-values li :first-child{margin-bottom:1rem}
.our-values li :first-child+*{margin-top:0}
.text-bg{background-size:cover;background-position:center}
.text-bg .container{color:#fff;font-size:clamp(1rem,0.5652rem + 2.1739vw,2.25rem);max-width:850px}
.text-only h2{text-transform:none;font-weight:700;color:var(--lead);margin-bottom:.7em}
.text-only + .theory-of-change{padding-top:0}
.theory-of-change{padding-bottom:80px}
.theory-of-change .grid{gap:30px;max-width:980px;margin:40px auto 0}
.theory-of-change .grid h3{font-size:clamp(1.25rem,0.9022rem + 1.7391vw,2.25rem)}
.theory-of-change .flex{gap:20px}
@media screen and (min-width: 560px) {
.our-values li{flex:1 1 45%}
}
@media screen and (max-width: 767px) {
.intro,.theory-of-change .flex{flex-direction:column}
.theory-of-change figure{margin-left:-20px;margin-right:-20px}
}
@media screen and (min-width: 768px) {
.intro{flex-direction:row-reverse}
.intro figure,.theory-of-change figure{flex:0 0 50%}
.intro img{width:100%;height:100%;object-fit:cover}
.our-mission .container{max-width:890px}
.theory-of-change .flex{align-items:center}
.theory-of-change .flex:nth-child(even){flex-direction:row-reverse}
}
@media screen and (min-width: 1024px) {
.intro .content{display:flex;flex-direction:column;justify-content:center}
.our-values .ttl{margin-bottom:70px}
.our-values .container{max-width:1140px}
.our-values ul{gap:50px}
.our-values li{flex:0 0 30%}
.theory-of-change{padding-bottom:120px}
.theory-of-change .grid{margin-top:80px;gap:65px}
.theory-of-change .flex{gap:100px}
.theory-of-change figure{flex-basis:46%}
}
@media screen and (min-width: 1240px) {
.intro{max-height:760px}
.intro .content{padding:20px 40px}
}
@media screen and (min-width: 1440px) {
.intro .content{padding:50px 120px}
.our-values{padding-bottom:120px}
.our-values li{flex-basis:30.3%}
}