* { /*backface-visibility: hidden;*/ /*will-change: transform;*/ }
        body { background: #000; }
        .overlay {
            background:   linear-gradient(to bottom, black 0, transparent 10%, transparent 60%, rgba(0, 0, 0, 0.65) 75%, rgba(0, 0, 0, 1) 100%);
            /*transition: all .65s ease;*/
        }
        .swiper-slide-duplicate-active .overlay, .swiper-slide-active .overlay { opacity: 1; }
        .swiper-pagination { width: 100%; }
        .swiper-nav-btn { display: none; }
        .ms-btn--slider {
            width: 65vw;
            height: 20px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            text-shadow: 1px 1px 2px #00000044;
        }
        .slide-inner--image { opacity: 0.9 !important; }
        .slide-inner--image::after {
            content: '';
            position: fixed;
            background: linear-gradient(180deg, transparent 0%, transparent 70%, rgba(0,0,0,0.5) 92%, rgba(0,0,0,0.7) 100%);
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
        }
        h1 { font-size: 3.2vw; max-width: 60vw; }
        a { }
        .swiper-slide p {
            font-weight: 400;
            max-width: 60vw;
            display: none;
            opacity: 0.9;
        }
        .logo {
            position: fixed;
            width: initial;
            bottom: 100px;
            z-index: 999;
            height: 50px;
            right: 48px;
        }
        .logo.top { bottom: initial; top: 48px; }

        .text-shadow h1 { text-shadow: 3px 3px 10px rgba(0,0,0,0.2); }
        .text-shadow a { text-shadow: 2px 1px 3px rgba(0,0,0,0.1); }
        .text-shadow .swiper-slide p { text-shadow: 2px 1px 3px rgba(0,0,0,0.1); }

        .qr-code {
            border: 6px solid #fff;
            border-radius: 3px;
            position: fixed;
            right: 30px;
            top: 30px;
        }
        .qr-code, .qr-code img { height: 128px; width: 128px; }