/**
 * Homepage hero, Version 1.
 * 0–479px Mobile Proof 03, 480–767px approved 600 × 440 tablet,
 * 768px and above Desktop Proof 18.
 */

.ys-home-hero {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.ys-home-hero picture.ys-home-hero__art {
  display: block;
  width: 100%;
  margin: 0;
  aspect-ratio: 2400 / 1000;
}

.ys-home-hero img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: fill;
  aspect-ratio: 2400 / 1000;
}

.ys-home-hero__overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.ys-home-hero__overlay--mobile,
.ys-home-hero__overlay--tablet {
  display: none;
}

.ys-home-hero__overlay a {
  cursor: pointer;
}

.ys-home-hero__overlay a:focus {
  outline: none;
}

.ys-home-hero__overlay a:focus-visible rect {
  stroke: #0c2832;
  stroke-width: 2;
}

body.page-id-51200 .x-section.e51200-e1 {
  display: none;
}

@media (max-width: 479px) {
  .ys-home-hero picture.ys-home-hero__art,
  .ys-home-hero picture.ys-home-hero__art img {
    aspect-ratio: 780 / 1688;
  }

  .ys-home-hero__overlay--desktop,
  .ys-home-hero__overlay--tablet {
    display: none;
  }

  .ys-home-hero__overlay--mobile {
    display: block;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .ys-home-hero picture.ys-home-hero__art,
  .ys-home-hero picture.ys-home-hero__art img {
    aspect-ratio: 1200 / 880;
  }

  .ys-home-hero__overlay--desktop,
  .ys-home-hero__overlay--mobile {
    display: none;
  }

  .ys-home-hero__overlay--tablet {
    display: block;
  }
}