/* Preserve the landscape photographs on phones instead of cropping to portrait. */
@media (max-width: 700px) {
  .top-redesign-v151.site-v79 .hero.hero--cinematic {
    height: 100svh;
    min-height: calc(76px + 66.6667vw + 290px);
    background: linear-gradient(#fff 0 76px, #202020 76px);
  }
  .hero--cinematic .cinematic-visual {
    inset: 76px 0 auto;
    height: auto;
    aspect-ratio: 3 / 2;
  }
  .hero--cinematic .staff-slideshow__image,
  .hero--cinematic .staff-slideshow__image:nth-child(3) {
    object-fit: cover;
    object-position: center;
  }
  .hero--cinematic .cinematic-visual::after {
    background: linear-gradient(180deg, transparent 72%, #202020);
  }
  .hero--cinematic .cinematic-copy {
    top: calc(76px + 66.6667vw);
    bottom: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

/* The two opposing streams remain diagonal behind the mobile recruitment copy. */
@media (max-width: 900px) {
  .top-redesign-v151 .flow .flow-recruit {
    position: relative;
    height: 100svh;
    min-height: 640px;
    background: #242424;
  }
  .top-redesign-v151 .flow .flow-recruit__inner {
    position: relative;
    height: 100%;
    min-height: 100%;
    padding: 100px 7% 90px;
    justify-content: center;
  }
  .top-redesign-v151 .flow .flow-recruit__inner::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(90deg, #000b, #0006), linear-gradient(180deg, #0003, transparent 40%, #0005);
    pointer-events: none;
  }
  .top-redesign-v151 .flow .flow-recruit__gallery.recruit-stream-v168 {
    position: absolute;
    inset: -30% -35%;
    width: 170%;
    height: 160%;
    min-height: 0;
    margin: 0;
    transform: none;
    overflow: visible;
    z-index: 1;
  }
  .top-redesign-v151 .flow .flow-recruit .recruit-stream-v168__tilt {
    inset: 0;
    width: 100%;
    height: 100%;
    transform: rotate(12deg);
    transform-origin: center;
  }
  .top-redesign-v151 .flow .flow-recruit__inner > .section-heading,
  .top-redesign-v151 .flow .flow-recruit__lead {
    position: relative;
    z-index: 3;
    color: #fff;
  }
  .top-redesign-v151 .flow .flow-recruit__inner > .section-heading h2,
  .top-redesign-v151 .flow .flow-recruit__inner > .section-heading h2 span,
  .top-redesign-v151 .flow .flow-recruit__lead p {
    color: #fff;
  }
}