.hosted-video-popup {
            position: relative;
            width: min(1280px, 94vw);
            margin: 30px auto;
            overflow: hidden;
            border-radius: 14px;
            background: #000;
            box-shadow: 0 28px 90px rgba(0, 0, 0, 0.72);
        }

        .hosted-video-popup .plyr {
            width: 100%;
            max-height: 88vh;
            background: #000;
            border-radius: 14px;
            overflow: hidden;
        }

        .hosted-video-popup video {
            display: block;
            width: 100%;
            max-height: 88vh;
            background: #000;
            object-fit: contain;
        }

        .hosted-video-popup .mfp-close {
            top: -44px;
            right: 0;
            width: 42px;
            height: 42px;
            color: #fff;
            font-size: 36px;
            line-height: 42px;
            opacity: 0.9;
        }

        /* Premium Vimeo / Netflix-inspired player */
        .plyr {
            --plyr-color-main: #ffffff;
            --plyr-video-control-color: #ffffff;
            --plyr-video-control-color-hover: #ffffff;
            --plyr-video-control-background-hover: rgba(255, 255, 255, 0.14);
            --plyr-range-fill-background: #ffffff;
            --plyr-range-thumb-background: #ffffff;
            --plyr-control-radius: 999px;
            --plyr-menu-radius: 10px;
            --plyr-font-family: "DM Sans", sans-serif;
        }

        .plyr__controls {
            padding: 42px 22px 18px !important;
            background:
                linear-gradient(
                    180deg,
                    rgba(0, 0, 0, 0) 0%,
                    rgba(0, 0, 0, 0.18) 24%,
                    rgba(0, 0, 0, 0.88) 100%
                ) !important;
        }

        .plyr__control {
            transition: transform 0.18s ease, background 0.18s ease;
        }

        .plyr__control:hover {
            transform: scale(1.06);
        }

        .plyr__control--overlaid {
            width: 78px !important;
            height: 78px !important;
            padding: 23px !important;
            border: 1px solid rgba(255, 255, 255, 0.7);
            background: rgba(0, 0, 0, 0.52) !important;
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            box-shadow: 0 14px 38px rgba(0, 0, 0, 0.42);
        }

        .plyr__control--overlaid:hover {
            background: rgba(255, 255, 255, 0.18) !important;
            transform: translate(-50%, -50%) scale(1.08);
        }

        .plyr__progress input[type="range"] {
            height: 5px;
        }

        .plyr__progress__buffer {
            color: rgba(255, 255, 255, 0.28);
        }

        .plyr__time {
            font-size: 13px;
            font-weight: 600;
            letter-spacing: 0.02em;
        }

        .plyr__poster {
            background-size: cover;
        }

        .plyr--video.plyr--stopped .plyr__controls {
            opacity: 0;
            pointer-events: none;
        }

        .plyr--loading .plyr__control--overlaid {
            display: none;
        }

        .plyr__captions {
            font-family: "DM Sans", sans-serif;
        }

        @media (max-width: 767px) {
            .hosted-video-popup {
                width: 96vw;
                margin: 20px auto;
                border-radius: 10px;
            }

            .hosted-video-popup .plyr {
                border-radius: 10px;
            }

            .plyr__control--overlaid {
                width: 62px !important;
                height: 62px !important;
                padding: 18px !important;
            }

            .plyr__controls {
                padding: 30px 12px 10px !important;
            }
        }
    

/* home-premium-mobile-v2 */



:root{
    --home-bg:#080808;
    --home-panel:#111;
    --home-line:rgba(255,255,255,.11);
    --home-text:#f5f5f1;
    --home-muted:#969691;
    --home-accent:#c8ff00;
}
body,
.main-bg{
    background:var(--home-bg)!important;
}
.main-hero-area{
    position:relative;
    min-height:100vh;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:170px 0 110px!important;
    background:
      radial-gradient(circle at 85% 20%,rgba(200,255,0,.09),transparent 28%),
      radial-gradient(circle at 12% 82%,rgba(255,255,255,.045),transparent 26%),
      #080808!important;
}
.main-hero-area:after{
    content:"M";
    position:absolute;
    right:-3vw;
    bottom:-9vw;
    font-size:clamp(280px,42vw,680px);
    line-height:.7;
    font-weight:800;
    letter-spacing:-.12em;
    color:rgba(255,255,255,.018);
    pointer-events:none;
}
.main-hero-area .container{
    position:relative;
    z-index:2;
    max-width:1360px;
}
.home-hero-grid{
    display:grid;
    grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);
    gap:78px;
    align-items:center;
}
.home-portrait-frame{
    position:relative;
    overflow:hidden;
    aspect-ratio:4/5;
    border:1px solid var(--home-line);
    border-radius:28px;
    background:#111;
}
.home-portrait-frame:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    border:1px solid rgba(200,255,0,.22);
    border-radius:inherit;
    pointer-events:none;
}
.home-portrait-frame img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
}
.home-portrait-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.58));
}
.home-portrait-label{
    position:absolute;
    left:24px;
    bottom:22px;
    z-index:2;
    font-size:10px;
    font-weight:700;
    letter-spacing:.18em;
    color:#fff;
}
.home-kicker{
    display:block;
    margin-bottom:24px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.22em;
    color:#9b9b96;
}
.home-hero-copy h1{
    margin:0;
    max-width:860px;
    font-size:clamp(54px,6.7vw,104px);
    line-height:.92;
    letter-spacing:-.065em;
    color:var(--home-text);
}
.home-hero-copy p{
    max-width:760px;
    margin:34px 0 0;
    font-size:clamp(17px,1.6vw,22px);
    line-height:1.65;
    color:var(--home-muted);
}
.home-hero-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:26px;
    margin-top:40px;
}
.home-primary-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:58px;
    padding:15px 26px;
    border-radius:999px;
    background:var(--home-accent);
    color:#111!important;
    font-weight:700;
    transition:transform .25s ease,background .25s ease;
}
.home-primary-btn:hover{
    transform:translateY(-2px);
    background:#d8ff4d;
}
.home-secondary-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#ddd!important;
    font-size:14px;
    font-weight:600;
}
.projects-area,
.company-design-area,
.call-to-action-area{
    background:#080808!important;
}
.call-to-action-part{
    background:#c8ff00!important;
    border:none!important;
}
.call-to-action-part h2,
.call-to-action-part p{
    color:#111!important;
}
.call-to-action-part .theme-btn{
    background:#111!important;
    color:#fff!important;
}

/* Premium mobile navigation */
@media (max-width:991px){
    .main-header .header-upper{
        padding:14px 0!important;
        background:rgba(8,8,8,.82)!important;
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
        border-bottom:1px solid rgba(255,255,255,.08);
    }
    .main-header .logo img{
        max-width:118px!important;
    }
    .navbar-toggle{
        position:relative;
        width:46px!important;
        height:46px!important;
        padding:0!important;
        border:1px solid rgba(255,255,255,.22)!important;
        border-radius:50%!important;
        background:rgba(255,255,255,.05)!important;
        box-shadow:0 8px 28px rgba(0,0,0,.26);
    }
    .navbar-toggle .icon-bar{
        position:absolute;
        left:50%;
        width:20px!important;
        height:1.5px!important;
        margin:0!important;
        border-radius:999px;
        background:#fff!important;
        transform:translateX(-50%);
        transition:.28s ease;
    }
    .navbar-toggle .icon-bar:nth-child(1){top:15px}
    .navbar-toggle .icon-bar:nth-child(2){top:22px}
    .navbar-toggle .icon-bar:nth-child(3){top:29px}

    .navbar-collapse{
        position:fixed!important;
        top:0!important;
        right:0!important;
        bottom:0!important;
        left:auto!important;
        z-index:9999!important;
        display:block!important;
        width:min(88vw,390px)!important;
        height:100dvh!important;
        padding:28px 24px 24px!important;
        overflow-y:auto!important;
        border:0!important;
        border-left:1px solid rgba(255,255,255,.10)!important;
        background:rgba(13,13,13,.96)!important;
        backdrop-filter:blur(26px);
        -webkit-backdrop-filter:blur(26px);
        box-shadow:-30px 0 80px rgba(0,0,0,.55);
        transform:translateX(105%);
        transition:transform .38s cubic-bezier(.22,.61,.36,1)!important;
    }
    .navbar-collapse.show{
        transform:translateX(0);
    }
    .navbar-collapse:before{
        content:"";
        position:fixed;
        inset:0;
        right:min(88vw,390px);
        background:rgba(0,0,0,.58);
        opacity:0;
        pointer-events:none;
        transition:opacity .3s ease;
    }
    .navbar-collapse.show:before{opacity:1}

    .mobile-menu-premium-head{
        display:flex!important;
        justify-content:space-between;
        gap:18px;
        padding:4px 0 26px;
        border-bottom:1px solid var(--home-line);
    }
    .mobile-menu-premium-head span{
        font-size:11px;
        font-weight:700;
        letter-spacing:.2em;
        color:var(--home-accent);
    }
    .mobile-menu-premium-head small{
        font-size:10px;
        letter-spacing:.1em;
        color:#666;
    }
    .main-menu .navigation{
        display:block!important;
        margin:22px 0 0!important;
        padding:0!important;
    }
    .main-menu .navigation>li{
        float:none!important;
        width:100%!important;
        border:0!important;
        border-bottom:1px solid var(--home-line)!important;
        background:transparent!important;
    }
    .main-menu .navigation>li>a{
        position:relative;
        display:flex!important;
        align-items:center;
        min-height:62px;
        padding:0 36px 0 0!important;
        font-size:20px!important;
        font-weight:500!important;
        letter-spacing:-.025em;
        color:#eee!important;
        background:transparent!important;
    }
    .main-menu .navigation>li>a:after{
        content:"↗";
        position:absolute;
        right:0;
        top:50%;
        font-size:18px;
        color:#555;
        transform:translateY(-50%);
        transition:.25s ease;
    }
    .main-menu .navigation>li>a:hover{
        padding-left:8px!important;
        color:#fff!important;
    }
    .main-menu .navigation>li>a:hover:after{
        color:var(--home-accent);
    }
    .mobile-menu-premium-foot{
        display:block!important;
        padding-top:26px;
    }
    .mobile-menu-premium-foot a{
        display:block;
        margin-bottom:8px;
        font-size:14px;
        color:#ddd!important;
    }
    .mobile-menu-premium-foot span{
        display:block;
        font-size:11px;
        letter-spacing:.08em;
        color:#666;
    }
    .about-social{display:none!important}

    .home-hero-grid{
        grid-template-columns:1fr;
        gap:48px;
    }
    .home-portrait-wrap{
        max-width:640px;
        margin:0 auto;
    }
}
@media (min-width:992px){
    .mobile-menu-premium-head,
    .mobile-menu-premium-foot{
        display:none!important;
    }
}
@media (max-width:767px){
    .main-hero-area{
        min-height:auto;
        padding:118px 0 88px!important;
    }
    .main-hero-area .container{
        padding-left:12px!important;
        padding-right:12px!important;
    }
    .home-hero-grid{gap:36px}
    .home-portrait-frame{
        aspect-ratio:4/5;
        border-radius:24px;
    }
    .home-portrait-frame img{
        object-position:center top;
    }
    .home-portrait-label{
        left:18px;
        bottom:17px;
        font-size:9px;
    }
    .home-kicker{
        margin-bottom:18px;
        font-size:10px;
    }
    .home-hero-copy h1{
        font-size:clamp(43px,12vw,62px);
        line-height:.98;
    }
    .home-hero-copy p{
        margin-top:24px;
        font-size:17px;
        line-height:1.65;
    }
    .home-hero-actions{
        align-items:flex-start;
        flex-direction:column;
        gap:20px;
        margin-top:32px;
    }
    .home-primary-btn{
        min-height:56px;
        padding:14px 24px;
    }
    .navbar-collapse{
        width:min(90vw,370px)!important;
        padding:24px 22px!important;
    }
}