/* ==========================================================================
   Responsive refinements
   ========================================================================== */

/* Prevent any horizontal scroll from decorative/absolute elements */
html, body { max-width: 100%; overflow-x: hidden; }

/* Base fluid type scale using clamp, applied via utility classes in HTML */
.text-fluid-hero { font-size: clamp(2.5rem, 7vw, 6.5rem); line-height: 1.02; }
.text-fluid-h2 { font-size: clamp(1.9rem, 4vw, 3.25rem); line-height: 1.1; }
.text-fluid-lead { font-size: clamp(1rem, 1.6vw, 1.2rem); }

@media (max-width: 1024px) {
  .grid-pattern { background-size: 42px 42px; }
}

@media (max-width: 767px) {
  .glow-blob { filter: blur(60px); }
  #cursor-glow { display: none; }
  .glass-card:hover { transform: none; }
  .marquee-track { animation-duration: 18s; }
  

  #navbar.scrolled {
    background: none;
    backdrop-filter:none;
    -webkit-backdrop-filter: none;
    border-bottom: none;
  }

}

@media (max-width: 480px) {
  .text-fluid-hero { font-size: clamp(2.1rem, 9vw, 3rem); }
  .btn { padding: 0.75rem 1.4rem; font-size: 0.88rem; }
}

/* Large monitors: cap content width growth beyond max-w container, add breathing room */
@media (min-width: 1920px) {
  .container-max { max-width: 1440px; }
}