.section{--decor-height:100px;--vertical-padding:4rem;--decor-space:calc(var(--decor-height) + var(--vertical-padding));--decor-space-top:var(--decor-space);--decor-space-bottom:var(--decor-space);position:relative;padding-block:var(--vertical-padding);overflow-x:clip;background:var(--color-background);color:var(--color-foreground);&[data-decor-bottom=true],&[data-decor-top=true]{z-index:1}&[data-color=reversed]{background:var(--color-background-reversed);color:var(--color-foreground-reversed)}&[data-color=white]{background:white;color:var(--color-foreground)}}[data-decor-bottom=true]+.section{padding-top:var(--decor-space-top)}.section:has(+.section[data-decor-top=true]){padding-bottom:var(--decor-space-bottom)}.section__decor-bottom,.section__decor-top{position:absolute;left:50%;transform:translateX(-50%);width:100vw;min-width:22.5rem;height:var(--decor-height)}.section__decor-top{bottom:100%;img{width:100%;height:100%;object-fit:cover;object-position:bottom center}}.section__decor-bottom{top:100%;img{width:100%;height:100%;object-fit:cover;object-position:top center}}.section[data-decor-bottom=true]:has(+.fixed){.section__decor-bottom{display:none}}.fixed+.section[data-decor-top=true]{.section__decor-top{display:none}}.section:is([data-color=default]+[data-color=default],[data-color=white]+[data-color=white],[data-color=reversed]+[data-color=reversed]){--decor-space-top:calc(var(--decor-space) / 2);>.section__decor-top{display:none}}.section:is([data-color=default]:has(+[data-color=default]),[data-color=white]:has(+[data-color=white]),[data-color=reversed]:has(+[data-color=reversed])){--decor-space-bottom:calc(var(--decor-space) / 2);>.section__decor-bottom{display:none}}