.container-slice,.container-slice section{display:flex;flex-direction:column}.container-slice section{--block-padding:5vw;--inline-padding:max(1rem,15vw);--gap-padding:max(1rem,5vw)}section.hero{position:relative}section.hero>picture{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}:is(section.hero>picture) img{object-fit:cover}section.hero>div{max-width:50%}section.hero>div,section.horizontal,section.vertical{margin:var(--block-padding) var(--inline-padding)}section .horizontal,section.horizontal{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap-padding)}:is(section.horizontal,section .horizontal)>div{min-width:30ch;width:calc(50% - var(--gap-padding)/2)}section>.inline-start{justify-items:start;text-align:start}section>.inline-center{justify-items:center;text-align:center}section>.inline-end{justify-items:end;text-align:end}section>.block-start{margin:0 0 auto}section>.block-center{margin:auto 0}section>.block-end{margin:auto 0 0}:is(:is(section>.background-img)>picture)>img{height:100%;object-fit:cover}section>.grid{list-style:none;padding-inline:0}:is(section>.grid)>li{border:var(--border-width) solid var(--border-color,currentColor);border-radius:var(--border-radius);padding:var(--padding-fixed)}