/* Page-level overrides for audio-video.html. Shared service styles live in service-page.css. */
body{min-width:0;}
img,picture,video,canvas,svg{max-width:100%;}
img,picture,video{height:auto;}

@media(max-width:768px){
  body{font-size:16px;}
  nav{padding:18px 24px;} .nav-links{display:none;} .nav-ham{display:flex;} .nav-quote{display:none;}
  .nav-logo-img{height:42px;max-width:140px;}
  .nav-ham,.nav-quote,.btn-primary,.btn-secondary,.btn-text,.qr-btn,.modal-send,.modal-close-btn,.mobile-menu-links a,.mobile-menu-cta button{min-height:44px;min-width:44px;}
  .mobile-menu-links a{display:inline-flex;align-items:center;justify-content:center;font-size:clamp(2.25rem, 11vw, 3.25rem);line-height:1;}
  .mobile-menu-cta .nav-quote{display:inline-flex;align-items:center;justify-content:center;}
  .hero{padding:96px 24px 60px;}
  .hero-media{position:relative;top:auto;right:auto;transform:none;width:min(100%, 520px);margin:0 0 36px;}
  .hero-content{width:100%;}
  .hero-title{font-size:clamp(4rem, 18vw, 7.5rem);}
  .hero-sub,.intro-right p,.entail-desc,.proc-desc,.del-text,.sys-header-note,.ind-left p,.ind-note,.faq-a,.main-cta-sub,.ft-tag,.m-bub,.modal-inp{font-size:1rem;}
  .hero-actions{width:min(100%, 28rem);flex-direction:column;align-items:stretch;gap:.875rem;}
  .btn-primary,.btn-secondary,.btn-text{width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:.95rem 1.25rem;}
  .hero-stats{flex-wrap:wrap;} .hero-stat{min-width:140px;}
  .intro{grid-template-columns:1fr;} .intro-left,.intro-right{padding:70px 24px;} .intro-left{border-right:none;border-bottom:1px solid var(--border);}
  .entails{padding:70px 24px;} .entails-header{flex-direction:column;align-items:flex-start;gap:20px;} .entails-grid{grid-template-columns:1fr 1fr;}
  .process{padding:70px 24px;} .process-timeline{grid-template-columns:1fr 1fr;gap:32px;} .process-timeline::before{display:none;}
  .deliverables{padding:70px 24px;} .del-grid{grid-template-columns:1fr;}
  .systems{padding:60px 24px;} .sys-brands{flex-wrap:wrap;} .sys-brand{min-width:33%;}
  .industries{padding:70px 24px;} .ind-wrap{grid-template-columns:1fr;gap:40px;} .ind-grid{grid-template-columns:repeat(2,1fr);}
  .faq{padding:70px 24px;} .faq-inner{grid-template-columns:1fr;gap:40px;}
  .main-cta{padding:100px 24px;} .cta-actions{flex-direction:column;align-items:center;}
  .other-svcs{padding:60px 24px;} .osvc-grid{grid-template-columns:repeat(2,1fr);}
  footer{grid-template-columns:1fr;padding:60px 24px 36px;text-align:center;} .ft-col ul{align-items:center;} .ft-bottom{flex-direction:column;gap:1rem;text-align:center;} .ft-socials{justify-content:center;flex-wrap:wrap;} .hero-scroll{display:none;}
  .modal-bg{padding:1rem;}
  .modal-box{max-height:calc(100dvh - 2rem);}
  .modal-x{min-width:44px;min-height:44px;}
  .modal-inp-row{align-items:stretch;}
  .modal-send{min-width:46px;min-height:46px;}
}

@media(max-width:480px){
  nav{padding:.875rem 1rem;}
  .nav-logo-img{height:34px;max-width:120px;}
  .nav-ham{padding:.625rem;}
  .mobile-menu-links li{margin:1rem 0;}
  .mobile-menu-links a{font-size:clamp(2rem, 13vw, 2.75rem);}
  .hero{padding-top:88px;padding-left:1rem;padding-right:1rem;padding-bottom:3.5rem;}
  .hero-media{aspect-ratio:5 / 4;margin-bottom:28px;}
  .hero-media-label{left:20px;right:20px;bottom:18px;font-size:10px;letter-spacing:.18em;}
  .hero-eyebrow{font-size:.72rem;letter-spacing:.18em;line-height:1.45;}
  .hero-title{font-size:clamp(3.35rem, 20vw, 5rem);overflow-wrap:anywhere;}
  .hero-stats{display:grid;grid-template-columns:1fr 1fr;width:100%;}
  .hero-stat{min-width:0;padding:1rem;}
  .sec-title{font-size:clamp(2.6rem, 15vw, 4rem);}
  .intro-left,.intro-right,.entails,.process,.deliverables,.systems,.industries,.faq,.other-svcs{padding:4rem 1rem;}
  .entails-grid,.process-timeline,.ind-grid,.osvc-grid{grid-template-columns:1fr;}
  .systems{overflow:hidden;}
  .sys-header{flex-direction:column;align-items:flex-start;gap:1.25rem;}
  .sys-header-note{text-align:left;max-width:none;}
  .sys-brands{flex-direction:column;}
  .sys-brand{min-width:0;}
  .main-cta{padding:5rem 1rem;}
  footer{padding:3.5rem 1rem 2.25rem;}
  .modal-bg{padding:.75rem;}
  .modal-box{max-height:calc(100dvh - 1.5rem);}
  .modal-hd{padding:1rem;padding-right:3.25rem;}
  .modal-svc-tag{display:none;}
  .modal-inp-row{flex-direction:column;padding:.875rem 1rem 1rem;}
  .modal-send{width:100%;}
}