* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}

.video-stage {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    display: grid;
    place-items: center;
}

/* Yanlara yayılan görüntü */
.video-backdrop {
    position: absolute;
    inset: -4%;
    width: 108%;
    height: 108%;

    object-fit: cover;
    object-position: center;

    filter:
        blur(9px)
        brightness(1.65)
        contrast(1.18)
        saturate(1.35);

    transform: scale(1.08);
    z-index: 0;
}

/* Orijinal dikey video */
.video-main {
    position: relative;
    z-index: 2;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;

    display: block;
    background: transparent;
}

/* Mobil ayarlar */
@media (max-width: 768px) {

    .video-backdrop {
        filter:
            blur(7px)
            brightness(1.55)
            contrast(1.15)
            saturate(1.3);
    }

    .video-main {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

}