figure{margin:0}
.intro, .intro .content-container{position: relative;}
.intro .content-container{z-index: 3;}
.parallax-parent{position: absolute;padding-top: 47.92%;overflow: hidden;bottom: 0;width: 100%;height: 100%;}
.parallax-parent figure{position: absolute;inset:0;background-repeat: no-repeat;background-size: cover;}
.intro .content{padding:30px 20px;color:#fff}
.intro .content > :first-child{text-transform:uppercase;font-weight:800;margin-bottom:1rem}
.intro h2{margin:0 0 1rem;color:var(--aqm);text-transform:none;font-weight:700}
.our-story{color:var(--brown);line-height:1.25}
.our-story .flex{gap:1em}
.our-story figure{max-width:270px}
.our-story p:not(:last-child){font-size:clamp(1rem,0.5455rem + 2.2727vw,2.25rem);font-weight:500;margin:0 0 .7em}
.our-story p:last-child{margin:0}
.our-story a:hover, .our-story a:focus {color: var(--purple);}
.funding-strategy .section-intro{max-width:780px;margin:0 auto 40px}
.funding-strategy .section-intro p:first-child{font-size:1rem;font-weight:700;letter-spacing:3px;text-align:center;text-transform:uppercase}
.points-container h2{margin-bottom:1em}
/*.points-container figure{border-radius:50%;border:2px solid #000;overflow:hidden}*/
.points-container li{align-items:flex-start}
.points-container .icon{flex:0 0 40px}
.points-container .icon:has(img){aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:2px solid var(--brown)}
.points-container .icon img{max-width:80%}
.points-container li :where(h1,h2,h3){margin:0;font-size:clamp(1.25rem,1.0682rem + 0.9091vw,1.75rem)}
.points-container li :where(h1,h2,h3)+p{margin-top:5px}
.our-grantees>.flex{gap:2px;background-color:var(--brown)}
.our-grantees .content{padding:20px}
.our-grantees > .content h3{font-size:1rem;text-transform:uppercase;font-weight:800}
.our-grantees li{position:relative}
.our-grantees li .logo{position:absolute;inset:0;background-color:var(--aqm);z-index:3;display:grid;place-items:center;opacity:0}
.our-grantees li .logo,.our-grantees li .content,.our-grantees li a{transition:all .5s ease-in-out}
.our-grantees li:hover .logo{opacity:1}
.our-grantees li .logo img{max-width:250px}
.our-grantees li .content{position:absolute;left:0;bottom:0;color:#fff;z-index:7}
.our-grantees li:hover .content,.our-grantees li:hover a{color:var(--brown)}
.our-grantees li p{margin-bottom:10px}
.our-grantees li a{color:#fff}
.early-childhood .container{padding:20px;background-color:var(--purple);border:2px solid var(--brown);border-radius:15px;color:#FAFAFA;gap:20px}
.early-childhood h2{text-transform:none;font-weight:700}
.early-childhood figure{border:2px solid var(--brown)}
@media screen and (max-width: 767px) {
.our-story .flex,.points-container > .flex,.our-grantees > .flex,.early-childhood .container{flex-direction:column}
.our-story figure,.points-container figure{margin:0 auto}
.points-container figure{margin-bottom:20px;max-width:320px}
.parallax-parent figure{background-position:center}
.intro .content{background-color:var(--brown-7)}
}
@media screen and (min-width: 768px) {
.intro .content-container{position:relative;width:500px;height:460px;display:grid;place-items:center}
.intro .content-container::before{content:'';position:absolute;top:0;left:0;display:block;height:500px;max-height:800px;width:100%;background:url(../images/spotlight.svg) 0 0 no-repeat;background-size:cover}
.intro .content{position:relative;padding:30px 80px 30px 20px}
.parallax-wrapper {top: -30px;}
.our-story .flex,.points-container>.flex,.early-childhood .container{flex-direction:row-reverse}
.our-story .flex{align-items:center}
.our-story .arrow{margin-left:auto}
.our-story .content{text-align:right}
.our-story .arrow:hover svg{margin-left:7px;transform:translateX(7px)}
.points-container>.flex{gap:30px;align-items:flex-start;max-width:1170px;margin-left:auto;margin-right:auto}
.points-container figure{flex:1 0 40%}
.our-grantees > .flex{flex-wrap:wrap;border-top:2px solid var(--brown)}
.our-grantees li{flex:0 0 calc(50% - 1px);overflow:hidden}
}
@media screen and (min-width: 1024px) {
.intro .content-container{width:575px;height:510px}
.intro .content-container::before{height:575px}
.our-story .flex{gap:40px}
.funding-strategy .section-intro{margin-bottom:80px}
.points-container figure{flex-basis:50%}
.points-container p:has(.btn){margin-top:50px}
.points-container .icon{flex-basis:90px}
.our-grantees{display:flex}
.our-grantees > .flex{border-top:none;border-left:2px solid var(--brown)}
.our-grantees > .content{align-self:flex-end;text-align:right;flex:1 0 50%}
}
@media screen and (max-width: 1239px) {
.early-childhood{padding-left:20px;padding-right:20px}
}
@media screen and (min-width: 1240px) {
.parallax-parent figure{background-position:200px 0}
.intro .content{padding:10px 60px 10px 40px}
.parallax-parent{padding-top: 25%;}
.parallax-wrapper {top: -70px;}
.our-story .flex{gap:80px}
.our-story figure{flex:0 0 270px}
.points-container figure{flex:0 0 625px}
.our-grantees{justify-content:flex-end}
.our-grantees > .content{max-width:500px;padding:0 40px 40px 0}
.our-grantees ul{flex:0 0 57.55%}
.early-childhood .container{gap:50px;padding:60px 90px}
.early-childhood figure{flex:0 0 485px}
}
@media screen and (min-width: 1440px) {
.parallax-parent figure{background-size:auto 100%}
.intro .content-container{width:665px;height:530px}
.intro .content-container::before{height:665px}
.intro .content{padding-left:120px}
.our-grantees > .content{max-width:540px;padding:0 80px 80px 0}
}
@media screen and (min-width: 1600px) {
.parallax-parent figure{background-position:right center}
}