/* Start custom CSS for html, class: .elementor-element-8576c72 *//* ================= MOBILE FIX ================= */

@media (max-width:768px){

/* Hero */
#cinematic{
    height:320vh;
}

/* Header */
.nav{
    padding:15px 20px;
}

.brand-logo{
    width:55px;
    height:55px;
}

.brand-word{
    font-size:14px;
}

.brand-word .tag{
    font-size:8px;
}

.nav-links{
    gap:12px;
}

.nav-links a:not(.btn){
    display:none;
}

.nav-links .btn{
    padding:10px 18px;
    font-size:13px;
}

/* 3D Scene */

.scene{
    width:100%;
    height:420px;
}

.monitor{
    width:270px;
    top:42%;
}

.pc-case{
    width:110px;
    height:240px;
    transform:translate3d(145px,-10px,-120px);
}

/* Hero Text */

.panel{
    padding:0 24px;
}

.panel-inner{
    max-width:100%;
}

.panel.p-hero{
    padding-top:110px;
}

.p-hero h1{
    font-size:34px;
    line-height:1.4;
}

.p-hero p{
    font-size:15px;
    line-height:1.8;
}

.p-game h2{
    font-size:28px;
}

.p-case h2{
    font-size:30px;
}

.p-game p,
.p-case p{
    font-size:14px;
}

.scroll-cue{
    display:none;
}

/* Pricing */

.pricing{
    padding:80px 0;
}

.price-grid{
    grid-template-columns:1fr;
}

.price-card{
    padding:28px 22px;
}

/* Info */

.info-grid{
    grid-template-columns:1fr;
    gap:30px;
}

/* CTA */

.cta-band{
    padding:70px 0;
}

.cta-actions{
    flex-direction:column;
}

.cta-actions .btn{
    width:100%;
}

/* Footer */

.footer-row{
    flex-direction:column;
    text-align:center;
    justify-content:center;
}

.footer-row .brand{
    justify-content:center;
}

}/* End custom CSS */