.top-holder.bohfilm-top-holder {
    display: none;
}

@media screen and (min-width: 1025px) {
    .top-holder.bohfilm-top-holder {
        position: relative;
        z-index: 0;
        display: block;
        height: calc(var(--bohfilm-top-height, 300px) + var(--bohfilm-top-offset-y, 15px));
        background: #141414;
        pointer-events: none;
    }

    .top-holder.bohfilm-top-holder::before {
        content: "";
        position: absolute;
        z-index: 0;
        top: 0;
        left: 50%;
        width: 100vw;
        height: calc(100% + 96px);
        background: #141414;
        transform: translateX(-50%);
        pointer-events: none;
    }

    .bohfilm-top-banner {
        position: absolute;
        z-index: 1;
        top: var(--bohfilm-top-offset-y, 15px);
        left: 50%;
        --bohfilm-top-fade-bg: #141414;
        width: min(var(--bohfilm-top-width, 1380px), calc(100vw - 24px));
        height: var(--bohfilm-top-height, 300px);
        overflow: hidden;
        border-radius: 0 0 14px 14px;
        background: #141414;
        box-shadow:
            0 0 var(--bohfilm-top-glow-blur, 14px) var(--bohfilm-top-glow-spread, 2px) var(--bohfilm-top-glow-color, rgba(121, 193, 66, .08));
        transform: translateX(-50%);
        isolation: isolate;
        contain: paint;
    }

    .bohfilm-top-banner__media,
    .bohfilm-top-banner::before,
    .bohfilm-top-banner::after {
        content: "";
        position: absolute;
    }

    .bohfilm-top-banner::before,
    .bohfilm-top-banner::after {
        inset: -2px;
    }

    .bohfilm-top-banner__media {
        inset: -14% -8% -18%;
        z-index: 0;
        background-image: var(--bohfilm-top-image);
        background-repeat: no-repeat;
        background-position: var(--bohfilm-top-position-x, 50%) var(--bohfilm-top-position-y, 38%);
        background-size: cover;
        filter: brightness(var(--bohfilm-top-brightness, .92));
        transform: translate3d(var(--bohfilm-top-shift-x, 0%), var(--bohfilm-top-shift-y, 0%), 0) scale(var(--bohfilm-top-zoom, 1));
        transform-origin: center center;
        -webkit-mask-image: none;
        mask-image: none;
        will-change: transform;
    }

    .bohfilm-top-banner::before {
        z-index: 1;
        background:
            radial-gradient(ellipse 260px 150% at -70px 48%, var(--bohfilm-top-fade-bg, #141414) 0%, var(--bohfilm-top-fade-bg, #141414) 21%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 94%, transparent) 40%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 58%, transparent) 61%, transparent 88%),
            radial-gradient(ellipse 260px 150% at calc(100% + 70px) 48%, var(--bohfilm-top-fade-bg, #141414) 0%, var(--bohfilm-top-fade-bg, #141414) 21%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 94%, transparent) 40%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 58%, transparent) 61%, transparent 88%),
            radial-gradient(ellipse 300px 68% at -34px -10%, var(--bohfilm-top-fade-bg, #141414) 0%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 84%, transparent) 34%, transparent 76%),
            radial-gradient(ellipse 300px 68% at calc(100% + 34px) -10%, var(--bohfilm-top-fade-bg, #141414) 0%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 84%, transparent) 34%, transparent 76%),
            radial-gradient(ellipse 330px 82% at -44px 112%, var(--bohfilm-top-fade-bg, #141414) 0%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 88%, transparent) 38%, transparent 78%),
            radial-gradient(ellipse 330px 82% at calc(100% + 44px) 112%, var(--bohfilm-top-fade-bg, #141414) 0%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 88%, transparent) 38%, transparent 78%),
            radial-gradient(ellipse 86% 38% at 50% -14%, var(--bohfilm-top-fade-bg, #141414) 0%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 92%, transparent) 24%, transparent 58%),
            radial-gradient(ellipse 74% 82% at 50% 46%, rgba(20, 20, 20, var(--bohfilm-top-overlay, .12)) 0%, rgba(20, 20, 20, var(--bohfilm-top-overlay, .12)) 48%, transparent 84%);
        pointer-events: none;
    }

    .bohfilm-top-banner::after {
        z-index: 2;
        background:
            radial-gradient(ellipse 240px 132% at -78px 45%, var(--bohfilm-top-fade-bg, #141414) 0%, var(--bohfilm-top-fade-bg, #141414) 30%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 92%, transparent) 50%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 50%, transparent) 74%, transparent 100%),
            radial-gradient(ellipse 240px 132% at calc(100% + 78px) 45%, var(--bohfilm-top-fade-bg, #141414) 0%, var(--bohfilm-top-fade-bg, #141414) 30%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 92%, transparent) 50%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 50%, transparent) 74%, transparent 100%),
            radial-gradient(ellipse 260px 88% at 18px 8%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 72%, transparent) 0%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 42%, transparent) 40%, transparent 82%),
            radial-gradient(ellipse 260px 88% at calc(100% - 18px) 8%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 72%, transparent) 0%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 42%, transparent) 40%, transparent 82%),
            radial-gradient(ellipse 92% 34% at 50% -9%, var(--bohfilm-top-fade-bg, #141414) 0%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 92%, transparent) 22%, transparent 56%),
            radial-gradient(ellipse 52% 132% at -15% 44%, var(--bohfilm-top-fade-bg, #141414) 0%, var(--bohfilm-top-fade-bg, #141414) 12%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 90%, transparent) 34%, transparent calc(var(--bohfilm-top-edge-fade, 36%) + 30%)),
            radial-gradient(ellipse 46% 124% at 114% 51%, var(--bohfilm-top-fade-bg, #141414) 0%, var(--bohfilm-top-fade-bg, #141414) 14%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 88%, transparent) 36%, transparent calc(var(--bohfilm-top-edge-fade, 36%) + 28%)),
            linear-gradient(to bottom, var(--bohfilm-top-fade-bg, #141414) 0%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 80%, transparent) 7%, transparent 24%, transparent calc(100% - var(--bohfilm-top-bottom-fade, 68%)), var(--bohfilm-top-fade-bg, #141414) 100%);
        pointer-events: none;
    }

    .bohfilm-top-banner__edge {
        position: absolute;
        z-index: 3;
        top: -32%;
        bottom: -32%;
        width: clamp(230px, 18vw, 360px);
        pointer-events: none;
        filter: blur(12px);
        transform: translateZ(0);
    }

    .bohfilm-top-banner__edge--left {
        left: -112px;
        background:
            radial-gradient(ellipse 76% 56% at 0 50%, var(--bohfilm-top-fade-bg, #141414) 0%, var(--bohfilm-top-fade-bg, #141414) 36%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 94%, transparent) 54%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 54%, transparent) 76%, transparent 100%);
    }

    .bohfilm-top-banner__edge--right {
        right: -112px;
        background:
            radial-gradient(ellipse 76% 56% at 100% 50%, var(--bohfilm-top-fade-bg, #141414) 0%, var(--bohfilm-top-fade-bg, #141414) 36%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 94%, transparent) 54%, color-mix(in srgb, var(--bohfilm-top-fade-bg, #141414) 54%, transparent) 76%, transparent 100%);
    }
}

@media screen and (max-width: 1024px) {
    .top-holder.bohfilm-top-holder {
        display: none !important;
        height: 0 !important;
    }
}