/*
 * Progressive fallbacks for Windows 7 / Chrome 109-class browsers.
 *
 * Every rule is feature-gated. Modern browsers keep the primary design from
 * the component style sheets; only an unsupported feature activates a simpler
 * opaque, non-masked or fixed-ratio presentation.
 */

@supports not (height: 100svh) {
  .gy-company-profile,
  .gy-company-greeting,
  .gy-company-location {
    min-height: calc(100vh - 121px);
  }
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .gy-header.is-scrolled,
  .gy-header.is-subnav-open,
  .gy-subnav {
    background-color: rgba(7, 17, 29, .98);
  }

  .gy-company-profile__statement,
  .gy-company-greeting__message,
  .gy-company-location__details,
  .gy-community__write-panel,
  .gy-poultry-story__hotspots button > b,
  .gy-mobile-action {
    background-color: rgba(7, 17, 29, .94);
  }
}

@supports not ((mask-image: linear-gradient(#000, transparent)) or (-webkit-mask-image: linear-gradient(#000, transparent))) {
  .gy-carousel__grid,
  .gy-community::before,
  .gy-company-greeting::after,
  .gy-poultry-story::before,
  .gy-solar-story::before,
  .gy-process-story__media::after {
    -webkit-mask-image: none;
    mask-image: none;
  }
}

@supports not (clip-path: inset(0 0 0 0)) {
  .gy-hero__shape,
  .gy-house-story__flight-flash,
  .gy-process-story__scanner {
    display: none;
  }

  .gy-solar-story__photo,
  .gy-house-story__photo {
    clip-path: none;
  }
}

@supports not (aspect-ratio: 16 / 9) {
  .gy-gallery-card__media { min-height: 260px; }
  .gy-gallery-video {
    height: 0;
    padding-top: 56.25%;
  }
  .gy-project-archive__intro::after,
  .gy-gallery-empty::after { height: min(46vw, 720px); }
}

@media (prefers-reduced-motion: reduce) {
  .gy-house-story__flight-flash,
  .gy-process-story__scanner { display: none; }
}
