@media (max-width: 1400px) {
  .banner-heading h1 { font-size: clamp(3rem, 6vw, 10rem); }
  .banner-heading h3 { font-size: clamp(1rem, 3.5vw, 2.5rem); }
}
@media (max-width: 1080px) {
  .banner-heading h1 { font-size: clamp(3rem, 5vw, 10rem); }
  .banner-heading h3 { font-size: clamp(1rem, 3vw, 2.5rem); }
  .home-banner-content { left: 40px; right: 40px; }
  .home-banner-content .container { padding: 40px; }
}
@media (max-width: 1000px) {
  .main-nav-links li { padding-bottom: 10px; }
  .banner-heading { padding: 0; }
  .home-banner { height: 100vh; }
  /* Scrolling Text — stack vertically, no scroll-driven switching */
  .scrolling-text-wrap { height: auto; }
  .scrolling-text {
    position: relative;
    height: auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 4rem 2rem;
  }
  .st-left, .st-right { width: 100%; padding: 0; }
  .st-left { margin-bottom: 3rem; }
  .st-intro { text-align: left; }
  .st-right { position: relative; min-height: 0; }
  .st-item {
    position: relative;
    top: auto;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    width: 100%;
    margin-bottom: 3rem;
  }
  .st-item:last-child { margin-bottom: 0; }
  body {
    font-size: 16px;
  }
  h1 {
    font-size: 2rem;
  }
  .container {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
  }
  .main-logo {
    width: 200px;
  }
  .main-header {
    top: 0;
  }
  .main-header.header-scrolled .header-inner {
    width: 90%;
    border-radius: 30px;
    margin-top: 8px;
  }

}

@media (max-width: 800px) {
  .home-banner-content .container { padding: 0; }
  .home-banner-content { padding: 2rem 1rem; }
}
@media (max-width: 700px) {
  .cc-display-0 { font-size: 50px; line-height: 60px; }
  .cc-display-1, .h1-lrg { font-size: 50px; line-height: 60px; }
  .tabbed-layout-title { font-size: 50px; line-height: 60px; }
  .row-layout-title { font-size: 50px; line-height: 60px; }
  .row-layout-item .row { --bs-gutter-y: 1rem; }
  .clients-logo { height: 84px; }
  .full-bleed-image { height: auto; background-image: none !important; }
  .full-bleed-mobile-img { display: block; width: 100%; height: auto; }
  .work-single-hero { aspect-ratio: 16 / 9; height: auto; }
  .testimonial-card,
  .testimonial:hover .testimonial-card,
  .testimonials.is-out .testimonial:first-child .testimonial-card,
  .testimonials.is-out .testimonial:first-child:hover .testimonial-card {
    max-height: none;
  }
  .testimonial { margin-top: 20px; }
  .testimonial:last-child { padding-bottom: 20px; }
  .t-col-right .image { height: 240px; margin-top: 20px; }
  .fading-text {
    flex-direction: column;
    padding: 4rem 0;
  }
  .ft-left,
  .ft-right {
    width: 100%;
    padding: 1rem 1.5rem;
  }
  .ft-intro {
    font-size: 2rem;
    text-align: left;
    margin-left: 0;
  }
  .ft-heading {
    font-size: 2rem;
  }
}