:root{--container-max:1200px;--gutter:20px}
*,*::before,*::after{box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports(padding:max(0px)){:root{--gutter-left:max(var(--gutter),env(safe-area-inset-left));--gutter-right:max(var(--gutter),env(safe-area-inset-right))}}
@supports not (padding:max(0px)){:root{--gutter-left:var(--gutter);--gutter-right:var(--gutter)}}
.container,.page,.page .container{max-width:var(--container-max);width:100%;margin-left:auto;margin-right:auto;padding-left:clamp(12px,4vw,var(--gutter-left));padding-right:clamp(12px,4vw,var(--gutter-right))}
.section,.hero,main{padding-top:clamp(16px,3vw,36px);padding-bottom:clamp(16px,3vw,36px)}
img,video,canvas{max-width:100%;height:auto;border-radius:12px}figure{margin:0}