/* Tighter blocks: less empty space between content and the edges of coloured and plain sections */
section:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero),.panel,.about-block{padding-top:clamp(44px,5vw,80px);padding-bottom:clamp(44px,5vw,80px)}
.dark-panel{padding-top:clamp(48px,5.5vw,88px);padding-bottom:clamp(48px,5.5vw,88px)}

/* Page-specific sections keep their rhythm, a step tighter */
section.wt-how:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero),section.ho-situations:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero){padding-top:clamp(40px,4.5vw,72px);padding-bottom:clamp(28px,3vw,44px)}
section.wt-offers:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero),section.wt-partners:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero),section.wt-people:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero),section.ho-start:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero),section.ho-work:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero),section.sv-work:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero){padding-top:clamp(28px,3.5vw,52px);padding-bottom:clamp(28px,3.5vw,52px)}
section.wt-when:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero){padding-top:clamp(28px,3.5vw,52px);padding-bottom:clamp(40px,5vw,72px)}

/* Heroes fill the whole screen on every page, so no white band shows below them on load */
section.field-hero{min-height:100vh;min-height:100svh}
@media(max-width:767px){
  section:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero),.panel,.about-block,.dark-panel{padding-top:40px;padding-bottom:40px}
}