.promo-box {
    padding-top: 144px;
    position: relative;
    width: 100%;
    background: var(--2);
    &::before,
    &::after {
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
    }
    &::before {
        background: var(--bg) top center / cover;
        background-attachment: fixed;
        opacity: .18;
    }
    &::after {
        background: url(../images/noise-r.webp) left top / 100% 100%;
    }
    > * {
        position: relative;
        z-index: 1;
    }
}