/* GB-WEB04.2 Correction 03 — Original Avista flow-height contract.
   Avista derives visible Hero height from the in-flow oversized heading.
   Keep the original heading LINE BOX at each Avista breakpoint, while
   calibrating the visible glyphs independently via font-size. This restores
   the parent theme's intrinsic section height without arbitrary vh values.
   GSAP pin, ScrollTrigger, image layers and transforms are untouched. */
.gb-hero-brand .as-hero-3-big-title {
  font-size: clamp(46px, 16.5vw, 332px);
  line-height: 600px;
  letter-spacing: -0.065em;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: -50px;
  /* Visual-only offset: position:relative keeps the 600px line box in flow. */
  position: relative;
  top: -2px;
}
@media (min-width: 1600px) and (max-width: 1799px) {
  .gb-hero-brand .as-hero-3-big-title { top: -10px; }
  .gb-hero-brand .as-hero-3-big-title { line-height: 420px; margin-bottom: 30px; }
}
@media (min-width: 1400px) and (max-width: 1599px) {
  .gb-hero-brand .as-hero-3-big-title { top: -8px; }
  .gb-hero-brand .as-hero-3-big-title { line-height: 380px; margin-bottom: 0; }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .gb-hero-brand .as-hero-3-big-title { top: -6px; }
  .gb-hero-brand .as-hero-3-big-title { line-height: 340px; margin-bottom: 0; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .gb-hero-brand .as-hero-3-big-title { top: -4px; }
  .gb-hero-brand .as-hero-3-big-title { line-height: 300px; margin-bottom: 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .gb-hero-brand .as-hero-3-big-title { top: -2px; }
  .gb-hero-brand .as-hero-3-big-title { line-height: 240px; margin-bottom: 0; }
}
@media (max-width: 767px) {
  .gb-hero-brand .as-hero-3-big-title {
    font-size: clamp(38px, 10.4vw, 80px);
    top: 0;
    line-height: 100px;
    letter-spacing: -0.075em;
    margin-bottom: 0;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .gb-hero-brand .as-hero-3-big-title { line-height: 160px; }
}
/* Recolor Avista's existing animated overlay layers; do not alter animation. */
.gb-hero-brand .as-hero-3-overly .overly-1 {
  background-image: linear-gradient(100deg, rgba(52,210,153,.54) 0%, rgba(6,181,211,.24) 52%, rgba(1,17,43,0) 100%);
}
.gb-hero-brand .as-hero-3-overly .overly-2 {
  background-image: linear-gradient(260deg, rgba(6,181,211,.46) 0%, rgba(52,210,153,.20) 50%, rgba(1,17,43,0) 100%);
}

/* Correction 05: Keep the Avista line box and scroll geometry intact.
   Slightly larger brand glyphs with visual-only vertical placement.
   At 1920px, ~317px glyph size is designed to approach the ~1188px pill width.
   Verify rendered width after Elementor/font loading; font metrics vary. */
@media (min-width: 1200px) {
  .gb-hero-brand .as-hero-3-big-title { max-width: calc(100vw - 64px); }
}