/* Contact: 48px between the header and the first thing on the page, at every laptop and desktop size */
@media (min-width:1024px){
section.hero{padding-top:48px !important;}
.hero-grid{align-items:start !important;}
}
/* >>> gap standard (generated) */
/* Contact: 32px between the header and the first text on phones and tablets, 48px from 901px up. */
@media (max-width:599.98px){html body section.hero{padding-top:25px !important;}}
@media (min-width:600px) and (max-width:900px){html body section.hero{padding-top:25px !important;}}
@media (min-width:900.02px) and (max-width:960px){html body section.hero{padding-top:36px !important;}html body .hero-grid{align-items:start !important;}}
@media (min-width:960.02px) and (max-width:1023.98px){html body section.hero{padding-top:36px !important;}html body .hero-grid{align-items:start !important;}}
@media (min-width:1024px){html body section.hero{padding-top:36px !important;}html body .hero-grid{align-items:start !important;}}
/* <<< gap standard */
/* >>> section spacing (generated) */
/* Contact: space between sections - 72px phones, 96px tablets, 120px desktop (what you see, not raw padding). */
@media (max-width:346.98px){
  html body main > section:nth-of-type(2):not(#_sg){padding-top:clamp(32px, calc(364.7px + -96.154vw), 57px) !important;padding-bottom:61px !important;}
  html body #reels:not(#_sg){padding-top:0px !important;}
}
@media (min-width:347px) and (max-width:374.98px){
  html body main > section:nth-of-type(2):not(#_sg){padding-top:32px !important;padding-bottom:61px !important;}
  html body #reels:not(#_sg){padding-top:0px !important;}
}
@media (min-width:375px) and (max-width:599.98px){
  html body main > section:nth-of-type(2):not(#_sg){padding-top:32px !important;padding-bottom:61px !important;}
  html body #reels:not(#_sg){padding-top:0px !important;}
}
@media (min-width:600px) and (max-width:639.98px){
  html body main > section:nth-of-type(2):not(#_sg){padding-top:56px !important;}
  html body #reels:not(#_sg){padding-top:21px !important;}
}
@media (min-width:640px) and (max-width:720.98px){
  html body main > section:nth-of-type(2):not(#_sg){padding-top:56px !important;}
  html body #reels:not(#_sg){padding-top:21px !important;}
}
@media (min-width:721px) and (max-width:767.98px){
  html body main > section:nth-of-type(2):not(#_sg){padding-top:36px !important;}
  html body #reels:not(#_sg){padding-top:21px !important;}
}
@media (min-width:768px) and (max-width:899.98px){
  html body main > section:nth-of-type(2):not(#_sg){padding-top:36px !important;}
  html body #reels:not(#_sg){padding-top:21px !important;}
}
@media (min-width:900px) and (max-width:1023.98px){
  html body main > section:nth-of-type(2):not(#_sg){padding-top:clamp(36px, calc(-51.8px + 9.756vw), 48px) !important;}
  html body #reels:not(#_sg){padding-top:21px !important;}
}
@media (min-width:1024px) and (max-width:1439.98px){
  html body main > section:nth-of-type(2):not(#_sg){padding-top:72px !important;}
  html body #reels:not(#_sg){padding-top:45px !important;}
}
@media (min-width:1440px){
  html body main > section:nth-of-type(2):not(#_sg){padding-top:72px !important;}
  html body #reels:not(#_sg){padding-top:45px !important;}
}
/* <<< section spacing */
/* >>> section heading size */
/* Contact: 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.ct-reels-h:not(#_sg),
  html body h2.ct-cta-h:not(#_sg){font-size:clamp(32px, 2.7vw, 48px) !important;line-height:1.15 !important;}
}
/* <<< section heading size */