/* Keep every photographic asset proportional at all viewport widths. */
.hero figure > picture > img,
.intro-left > picture > img,
.intro-night > picture > img,
.intro-city > picture > img,
.reason .gallery figure > picture > img {
  object-fit: cover;
}

/* Figma 231:1029 — reason 03 upper image crop. */
@media (min-width: 40rem) {
  .reason .copy h3 {
    margin-top: 1rem !important;
  }

  .reason .text {
    margin-top: 1.5rem;
  }

  .reason:nth-child(3) .split figure:nth-child(2) img {
    position: absolute !important;
    left: -0.02% !important;
    top: -36.36% !important;
    width: 113.26% !important;
    height: 136.33% !important;
    max-width: none;
    object-fit: cover;
    object-position: center;
  }
}

.closing {
  border-top: 0;
}

/* Client revision 0916 — floating page-top control. */
.to-top {
  position: fixed;
  z-index: 30;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(0.5rem);
  transition:
    opacity 0.25s ease,
    visibility 0.25s ease,
    transform 0.25s ease;
}

.to-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

@media (max-width: 39.9375rem) {
  .intro-copy aside {
    top: 18rem;
  }
}

/*
 * Fluid-rem proposal:
 * 87.5rem is the PC reference width. Above it, the root rem unit
 * follows the viewport so the complete PC composition grows proportionally.
 */
@media (min-width: 87.5625rem) {
  html {
    font-size: 1.142857vw;
  }
}