/* homepage: 48px between the header and the first thing on the page, at every laptop and desktop size */
@media (min-width:1024px){
.hero-section .wrap.hero{padding-top:48px !important;align-items:start !important;}
}
/* >>> gap standard (generated) */
/* homepage: 32px between the header and the first text on phones and tablets, 48px from 901px up. */
@media (max-width:599.98px){html body .hero-section .wrap.hero{padding-top:34px !important;}}
@media (min-width:600px) and (max-width:699.98px){html body .hero-section .wrap.hero{padding-top:34px !important;}}
@media (min-width:700px) and (max-width:900px){html body .hero-section .wrap.hero{padding-top:36px !important;}}
@media (min-width:900.02px) and (max-width:1023.98px){html body .hero-section .wrap.hero{padding-top:50px !important;align-items:start !important;}}
/* <<< gap standard */
/* >>> section spacing (generated) */
/* homepage: space between sections - 72px phones, 96px tablets, 120px desktop (what you see, not raw padding). */
@media (max-width:374.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:35px !important;}
  html body #future:not(#_sg){padding-top:7px !important;}
  html body #rise:not(#_sg){padding-top:5px !important;}
  html body #stories:not(#_sg){padding-top:5px !important;}
  html body #eco:not(#_sg){padding-top:3px !important;}
  html body #faq:not(#_sg){padding-top:5px !important;}
}
@media (min-width:375px) and (max-width:599.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:clamp(30px, calc(43.4px + -2.232vw), 35px) !important;}
  html body #future:not(#_sg){padding-top:clamp(7px, calc(2.0px + 1.339vw), 10px) !important;}
  html body #rise:not(#_sg){padding-top:clamp(5px, calc(-0.0px + 1.339vw), 8px) !important;}
  html body #stories:not(#_sg){padding-top:clamp(5px, calc(-0.0px + 1.339vw), 8px) !important;}
  html body #eco:not(#_sg){padding-top:clamp(3px, calc(-2.0px + 1.339vw), 6px) !important;}
  html body #faq:not(#_sg){padding-top:clamp(5px, calc(-0.0px + 1.339vw), 8px) !important;}
}
@media (min-width:600px) and (max-width:639.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:54px !important;}
  html body #future:not(#_sg){padding-top:34px !important;}
  html body #rise:not(#_sg){padding-top:32px !important;}
  html body #stories:not(#_sg){padding-top:32px !important;}
  html body #eco:not(#_sg){padding-top:30px !important;}
  html body #faq:not(#_sg){padding-top:32px !important;}
}
@media (min-width:640px) and (max-width:699.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:56px !important;padding-bottom:clamp(50px, calc(-340.5px + 61.017vw), 86px) !important;}
  html body #future:not(#_sg){padding-top:clamp(0px, calc(414.7px + -59.322vw), 35px) !important;}
  html body #rise:not(#_sg){padding-top:34px !important;}
  html body #stories:not(#_sg){padding-top:clamp(2px, calc(369.3px + -52.542vw), 33px) !important;}
  html body #eco:not(#_sg){padding-top:32px !important;}
  html body #faq:not(#_sg){padding-top:34px !important;}
}
@media (min-width:700px) and (max-width:720.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:56px !important;padding-bottom:86px !important;}
  html body #future:not(#_sg){padding-top:0px !important;}
  html body #rise:not(#_sg){padding-top:34px !important;}
  html body #stories:not(#_sg){padding-top:2px !important;}
  html body #eco:not(#_sg){padding-top:32px !important;}
  html body #faq:not(#_sg){padding-top:34px !important;}
}
@media (min-width:721px) and (max-width:767.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:56px !important;padding-bottom:86px !important;}
  html body #future:not(#_sg){padding-top:0px !important;}
  html body #rise:not(#_sg){padding-top:34px !important;}
  html body #stories:not(#_sg){padding-top:2px !important;}
  html body #eco:not(#_sg){padding-top:32px !important;}
  html body #faq:not(#_sg){padding-top:2px !important;}
}
@media (min-width:768px) and (max-width:859.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:56px !important;padding-bottom:86px !important;}
  html body #future:not(#_sg){padding-top:0px !important;}
  html body #rise:not(#_sg){padding-top:34px !important;}
  html body #stories:not(#_sg){padding-top:2px !important;}
  html body #eco:not(#_sg){padding-top:32px !important;}
  html body #faq:not(#_sg){padding-top:2px !important;}
}
@media (min-width:860px) and (max-width:899.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:58px !important;padding-bottom:88px !important;}
  html body #future:not(#_sg){padding-top:0px !important;}
  html body #rise:not(#_sg){padding-top:clamp(4px, calc(718.6px + -79.487vw), 35px) !important;}
  html body #stories:not(#_sg){padding-top:4px !important;}
  html body #eco:not(#_sg){padding-top:clamp(2px, calc(716.6px + -79.487vw), 33px) !important;}
  html body #faq:not(#_sg){padding-top:4px !important;}
}
@media (min-width:900px) and (max-width:960.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:clamp(12px, calc(748.0px + -76.667vw), 58px) !important;padding-bottom:clamp(81px, calc(193.0px + -11.667vw), 88px) !important;}
  html body #future:not(#_sg){padding-top:0px !important;padding-bottom:clamp(85px, calc(133.0px + -5.000vw), 88px) !important;}
  html body #rise:not(#_sg){padding-top:clamp(0px, calc(64.0px + -6.667vw), 4px) !important;padding-bottom:clamp(85px, calc(133.0px + -5.000vw), 88px) !important;}
  html body #stories:not(#_sg){padding-top:clamp(0px, calc(64.0px + -6.667vw), 4px) !important;padding-bottom:clamp(83px, calc(163.0px + -8.333vw), 88px) !important;}
  html body #eco:not(#_sg){padding-top:clamp(0px, calc(32.0px + -3.333vw), 2px) !important;padding-bottom:clamp(85px, calc(133.0px + -5.000vw), 88px) !important;}
  html body #faq:not(#_sg){padding-top:clamp(0px, calc(64.0px + -6.667vw), 4px) !important;}
}
@media (min-width:961px) and (max-width:1023.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:12px !important;padding-bottom:81px !important;}
  html body #future:not(#_sg){padding-top:0px !important;padding-bottom:85px !important;}
  html body #rise:not(#_sg){padding-top:0px !important;padding-bottom:85px !important;}
  html body #stories:not(#_sg){padding-top:0px !important;}
  html body #eco:not(#_sg){padding-top:clamp(33px, calc(379.5px + -33.871vw), 54px) !important;padding-bottom:85px !important;}
  html body #faq:not(#_sg){padding-top:0px !important;}
}
@media (min-width:1024px) and (max-width:1279.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:36px !important;}
  html body #future:not(#_sg){padding-top:17px !important;}
  html body #rise:not(#_sg){padding-top:21px !important;}
  html body #stories:not(#_sg){padding-top:21px !important;}
  html body #eco:not(#_sg){padding-top:62px !important;}
  html body #faq:not(#_sg){padding-top:21px !important;}
}
@media (min-width:1280px) and (max-width:1439.98px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:36px !important;}
  html body #future:not(#_sg){padding-top:17px !important;}
  html body #rise:not(#_sg){padding-top:21px !important;}
  html body #stories:not(#_sg){padding-top:21px !important;}
  html body #eco:not(#_sg){padding-top:clamp(61px, calc(-156.4px + 16.981vw), 88px) !important;}
  html body #faq:not(#_sg){padding-top:21px !important;}
}
@media (min-width:1440px){
  html body > section:nth-of-type(2):not(#_sg){padding-top:36px !important;}
  html body #future:not(#_sg){padding-top:17px !important;}
  html body #rise:not(#_sg){padding-top:21px !important;}
  html body #stories:not(#_sg){padding-top:21px !important;}
  html body #eco:not(#_sg){padding-top:clamp(88px, calc(64.0px + 1.667vw), 96px) !important;}
  html body #faq:not(#_sg){padding-top:21px !important;}
}
/* <<< section spacing */
/* >>> section heading size */
/* homepage: every section heading is the same size on desktop - 32px at 1024px up to 48px at 1920px. Hero untouched. */
@media (min-width:1024px){
  html body h2.g-title:not(#_sg),
  html body h2.title.one-line:not(#_sg),
  html body h2.r-title:not(#_sg),
  html body h2.ec-title:not(#_sg),
  html body h2.fq-title:not(#_sg),
  html body #future .f-name:not(#_sg),
  html body .trusted .live-count:not(#_sg){font-size:clamp(32px, 2.7vw, 48px) !important;line-height:1.15 !important;}
}
/* <<< section heading size */