.site-body.is-home.has-home-background {
    background-image:
        linear-gradient(180deg, rgba(255, 255, 255, var(--home-background-overlay)), rgba(244, 248, 252, var(--home-background-overlay)) 48%, rgba(238, 243, 248, .94)),
        var(--home-background-image);
    background-position: center center, var(--home-background-position);
    background-size: cover, var(--home-background-size);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.site-body.is-home.has-home-background .site-header::before {
    background: rgba(255, 255, 255, .84);
}

.site-body.is-home.has-home-background .transfer-stage .upload-panel,
.site-body.is-home.has-home-background .album-promo,
.site-body.is-home.has-home-background .trust-band > div {
    backdrop-filter: blur(18px);
}

.site-body.is-home.has-home-hero .transfer-story-panel[data-transfer-story="send"] {
    background-image:
        linear-gradient(135deg, rgba(17, 24, 39, var(--home-hero-overlay)), rgba(17, 24, 39, .72)),
        var(--home-hero-image);
    background-position: center center, var(--home-hero-position);
    background-size: cover, var(--home-hero-size);
    background-repeat: no-repeat;
}

.site-body.is-home.has-home-hero .transfer-story-panel[data-transfer-story="send"] .story-metrics span {
    background: rgba(255, 255, 255, .14);
    border-color: rgba(255, 255, 255, .22);
    backdrop-filter: blur(10px);
}

@media (max-width: 920px) {
    .site-body.is-home.has-home-background {
        background-attachment: scroll;
    }
}