/*
  Temporary desktop-only hero override.
  Keeps the current hero layout, text placement and mobile setup intact.
  Desktop keeps using the normal preloaded hero <img> instead of reloading
  the same file as a CSS background. This improves perceived loading speed
  while preserving the desktop crop and the logo-landscape placement.
  Remove this file and its link in index.html to return to the previous setup.
*/

@media (min-width: 761px) {
  .hero-visual {
    background-image: none;
  }

  .hero-visual img {
    opacity: 1;
    object-position: 62% center;
  }

  .hero-logo-landscape {
    left: -60px;
    bottom: -225px;
    width: min(1400px, 76vw);
    opacity: 0.90;
    filter: saturate(1.05) contrast(0.98);
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .hero-visual img {
    object-position: 58% center;
  }

  .hero-logo-landscape {
    left: -72px;
    bottom: -155px;
    width: min(1280px, 104vw);
    opacity: 0.94;
  }
}