@media (hover:hover) and (pointer:fine){
  .hero-panels:hover .panel{flex:.72;filter:saturate(.75) brightness(.82)}
  .hero-panels .panel:hover{flex:1.75;filter:saturate(1.05) brightness(1)}
  .panel:hover:after{opacity:.74;transform:scale(1.04)}
  .btn:hover{transform:translateY(-1px)}
  .card:hover{z-index:1;border-color:var(--line);box-shadow:0 0 40px 22px rgba(255,8,8,.06);transform:translateY(-2px)}
}

@media (max-width: 1180px){
  h1{font-size:5rem}
  h2{font-size:3.75rem}
  .hero{
    min-height:0;
    grid-template-columns:1fr;
    gap:0;
    padding:0 0 58px;
  }
  .hero-panels{
    width:100%;
    height:480px;
    min-height:0;
  }
  .hero-copy{
    width:var(--max);
    max-width:900px;
    margin:0 auto;
    padding:52px 0 0;
  }
  .hero-copy h1{font-size:4.5rem}
}

@media (max-width: 1080px){
  .menu-btn{display:inline-flex;align-items:center;justify-content:center}
  .nav-links{
    display:none;
    position:absolute;
    left:50%;
    top:calc(100% + 10px);
    width:var(--max);
    max-width:1540px;
    max-height:calc(100dvh - 92px);
    overflow-y:auto;
    transform:translateX(-50%);
    background:#0c0c0d;
    border:1px solid var(--line);
    border-radius:12px;
    padding:10px;
    flex-direction:column;
    align-items:stretch;
    gap:4px;
    box-shadow:0 20px 80px rgba(0,0,0,.45);
  }
  .nav-links.open{display:flex}
  .nav-links a{
    width:100%;
    padding:12px 13px;
  }
  .nav-cta{border-radius:10px}
}

@media (max-width: 980px){
  .split{grid-template-columns:1fr}
  .section{padding:68px 0}
  .page-hero{padding-top:76px;padding-bottom:36px}
  .service-row{grid-template-columns:1fr;gap:10px}
}

@media (max-width: 760px){
  :root{--max:min(calc(100% - 36px),1540px)}
  h1{font-size:3.6rem}
  h2{font-size:3rem}
  h3{font-size:1.25rem}
  .lead{font-size:1rem}
  .nav-inner{padding:13px 0}
  .hero-panels{
    height:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .hero-copy{order:-1}
  .panel{
    min-height:255px;
    padding:24px;
  }
  .panel-content{max-width:100%}
  .panel h3{font-size:1.375rem}
  .logo-img{height:30px;width:auto}
  .hero-copy{padding-top:24px}
  .hero-copy h1{font-size:3.25rem}
  .play{width:64px;height:64px;font-size:24px}
  .video-meta{align-items:flex-start;flex-direction:column}
  .price-card{min-height:0}
  .work-card img{height:210px}
}

@media (max-width: 620px){
  :root{--max:min(calc(100% - 32px),1540px)}
  .section{padding:56px 0}
  .page-hero{padding-top:58px;padding-bottom:30px}
  h1{font-size:2.9rem}
  h2{font-size:2.45rem}
  .hero{padding-bottom:50px}
  .hero-panels{grid-template-columns:1fr}
  .panel{min-height:210px;padding:22px}
  .panel p{font-size:.875rem}
  .logo-img{height: 30px;width:auto}
  .hero-copy{padding-top:30px; padding-bottom:30px}
  .hero-copy h1{font-size:2.75rem}
  .actions{flex-direction:column}
  .btn{width:100%;min-height:50px}
  .card,.price-card{padding:22px}
  .card .icon{margin-bottom:22px}
  .mock-body{padding:16px}
  .mock-top{flex-wrap:wrap}
  .caption-preview{aspect-ratio:4/3;padding:16px}
  .transcript{padding:16px}
  .service-row{padding:20px}
  .footer-inner{flex-direction:column}
}

@media (max-width: 420px){
  :root{--max:min(calc(100% - 28px),1540px)}
  .brand{font-size:.95rem;gap:10px}
  .logo-img{height:30px;width:auto}
  .menu-btn{min-height:40px;padding:8px 11px}
  h1{font-size:2.5rem}
  h2{font-size:2.15rem}
  .hero-copy h1{font-size:2.35rem}
  .panel{min-height:196px}
  .price{font-size:2.75rem}
  .play{width:56px;height:56px;font-size:21px}
  .work-card img{height:190px}
}

@media (hover:none), (max-width: 900px){
  .cursor-glow{display:none}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    scroll-behavior:auto !important;
    transition-duration:.01ms !important;
  }
}