.projectComponentsGrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:540px 540px 540px;.content,.media{background-position:50%;background-repeat:no-repeat;background-size:cover;background-color:rgb(var(--deepForest))}.content{color:white;overflow:hidden;position:relative;.body{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;align-content:center;z-index:99;padding:100px;h2{z-index:99;margin-bottom:10px;span{font-size:27px}}}}.content.community{order:1;background-color:rgb(var(--purple))}.content.biodiversity{order:4;background-color:rgb(var(--green))}.content.climate{order:5;background-color:rgb(var(--yellow))}.media.community{order:2;background-image:url(/projectComponentGrid/community.avif)}.media.biodiversity{order:3;background-image:url(/projectComponentGrid/biodiversity.avif)}.media.climate{order:6;background-image:url(/projectComponentGrid/climate.avif)}}@media screen and (max-width:440px){.projectComponentsGrid{grid-template-columns:1fr;grid-template-rows:repeat(6,440px);.content{.body{padding:35px;h2{font-size:43px;span{font-size:17px}}}}.content.community{order:2}.media.community{order:1}.content.climate{order:6}.media.climate{order:5}}}.purpose{--triangleSize:440px;text-align:center;.maxContentWidth{.triangle{height:var(--triangleSize);width:var(--triangleSize);margin:75px auto;position:relative;.image{width:100%;height:100%;background-color:rgb(var(--green));background-image:url(/backgroundPurpose.avif);background-position:50%;background-size:cover;-webkit-clip-path:polygon(50% 0,100% 100%,0 100%);clip-path:polygon(50% 0,100% 100%,0 100%)}span{text-transform:uppercase;position:absolute;font-weight:600}span.community{top:-35px;left:50%;transform:translateX(-50%)}span.biodiversity{bottom:-40px;left:0;transform:translateX(-20%)}span.climate{bottom:-40px;right:0;transform:translateX(30%)}}.content p{max-width:980px;margin:0 auto;font-size:27px}}}@media screen and (max-width:440px){.purpose{--triangleSize:260px;.maxContentWidth{padding:35px 30px;.header{h2{font-size:43px;span{margin-bottom:5px}}}.content p{margin:0;font-size:17px}}}}.resonating{.maxContentWidth{hr{margin:20px 0}.content{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;img{display:block;width:100%}p{text-align:justify;margin:0}}}}@media screen and (max-width:440px){.resonating{.maxContentWidth{padding:35px 30px;h1{font-size:43px}.content{grid-template-columns:1fr}}}}.ourVision{.globalImpact{background-color:rgb(var(--ocean));.masking{display:none}}}