.section{--decor-height:100px;--vertical-padding:4rem;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:calc(var(--decor-height) + var(--vertical-padding))}.section:has(+.section[data-decor-top=true]){padding-bottom:calc(var(--decor-height) + var(--vertical-padding))}.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}}