.mobile-menu-toggle{display:none}
.panel{scroll-margin-top:100px}
@media(max-width:900px){
nav{padding:14px 5%;background:rgba(6,8,15,.96)}
.nav-right{gap:12px}
.mobile-menu-toggle{display:block;background:transparent;color:#fff;border:1px solid #ffffff60;padding:10px 12px;min-height:44px;font:500 14px Inter,sans-serif;cursor:pointer}
nav .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#090e19;padding:16px 5% 24px;box-shadow:0 12px 20px #0006}
nav .nav-links.is-open{display:flex;flex-direction:column;gap:4px}
nav .nav-links a{display:block;padding:14px 8px;font-size:14px}
.panel-content{padding-left:5%!important;padding-right:5%!important}
.split>*{min-width:0}
.xl,.lg{font-size:clamp(2.8rem,8.5vw,4.5rem);line-height:1.02}
.md{font-size:clamp(2.4rem,7vw,3.4rem);line-height:1.05}
.cine-sub{font-size:16px;line-height:1.7}
.panel-content,.split-right,.cine-tag,.cine-headline,.cine-sub,.cine-action,.pain-grid,.process-steps,.metrics-grid,.testi-grid,.work-grid{opacity:1!important;transform:none!important}
.panel-img{will-change:auto;transform:none!important}
.footer-inner{gap:28px}.footer-nav{gap:28px}.footer-bottom{gap:20px;flex-wrap:wrap}
.footer-nav a,.footer-socials a{display:inline-block;padding:10px 0}
.nav-cta,.cta-btn,.form-submit{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:normal}
.ci-val{overflow-wrap:anywhere}.form-field textarea{resize:vertical}
}
@media(max-width:520px){
.contact-hero .lg{font-size:clamp(2.7rem,11vw,3.5rem)}
nav .nav-cta{display:none}
nav .nav-logo{font-size:1rem}
.panel-content{padding-top:90px;padding-bottom:55px}
.cine-headline{overflow-wrap:normal}
.artwork-grid{gap:12px}
.footer-logo{font-size:1.3rem}.footer-tag{max-width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}