.hero-media-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--theme-surface)}.hero-media-background__picture,.hero-media-background__asset{display:block;width:100%;height:100%}.hero-media-background__asset{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.hero-media-background__overlay,.hero-media-background__fade{position:absolute;inset:-1px;pointer-events:none}.hero-media-background__overlay{z-index:1;background:var(--hero-media-background-overlay)}.hero-media-background--overlay-auto{--hero-media-background-overlay: linear-gradient( 90deg, color-mix(in srgb, var(--theme-surface) 72%, transparent) 0%, color-mix(in srgb, var(--theme-surface) 58%, transparent) 46%, color-mix(in srgb, var(--theme-surface) 28%, transparent) 100% ), linear-gradient( 0deg, color-mix(in srgb, var(--theme-surface) 46%, transparent) 0%, color-mix(in srgb, var(--theme-surface) 16%, transparent) 54%, transparent 100% )}.hero-media-background--overlay-dark{--hero-media-background-overlay: linear-gradient(90deg, hsl(var(--theme-dark-page) / .52), hsl(var(--theme-dark-page) / .28)), linear-gradient(0deg, hsl(var(--theme-dark-page) / .38), hsl(var(--theme-dark-page) / .12) 54%, transparent 100%)}.hero-media-background--overlay-light{--hero-media-background-overlay: linear-gradient(90deg, hsl(var(--theme-light-surface) / .68), hsl(var(--theme-light-surface) / .34)), linear-gradient(0deg, hsl(var(--theme-light-surface) / .46), hsl(var(--theme-light-surface) / .14) 54%, transparent 100%)}.hero-media-background__fade{top:auto;bottom:-1px;z-index:2;height:clamp(260px,36vh,480px);background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--theme-surface) 30%,transparent) 36%,color-mix(in srgb,var(--theme-surface) 70%,transparent) 68%,var(--theme-surface) 100%)}@media(max-width:640px){.hero-media-background--overlay-auto{--hero-media-background-overlay: linear-gradient( 180deg, color-mix(in srgb, var(--theme-surface) 74%, transparent) 0%, color-mix(in srgb, var(--theme-surface) 42%, transparent) 42%, color-mix(in srgb, var(--theme-surface) 72%, transparent) 100% ), linear-gradient( 90deg, color-mix(in srgb, var(--theme-surface) 78%, transparent) 0%, color-mix(in srgb, var(--theme-surface) 38%, transparent) 52%, color-mix(in srgb, var(--theme-surface) 78%, transparent) 100% )}}