/* Global vertical rhythm: one spacing value for every section on every page. */
:root{--section-y:60px}
@media(max-width:700px){:root{--section-y:50px}}

/* content sections */
html :is(main,body)>section:not(#x),
html body :is(.shero,.a11-home-hero,.work-hero,.about-hero,.contact-shell,.stats-bar-sec):not(#x){
  padding-top:var(--section-y)!important;
  padding-bottom:var(--section-y)!important;
}
/* the inner container never adds its own vertical padding */
html :is(main,body)>section:not(#x)>:is(.container,.wrap):not(#x){
  padding-top:0!important;
  padding-bottom:0!important;
}
/* two neighbouring sections with the same background share one gap instead of doubling it */
html body section[data-join]:not(#x){padding-top:0!important}