/* One complete wide photograph: no product masks, shading overlays or photo edges. */
.rt .rt-photo-hero {
  position: relative;
  display: flex;
  align-items: center;
  aspect-ratio: 1922 / 818;
  min-height: 0;
  margin: -48px calc(-1 * max(24px, (100vw - 1360px) / 2)) 36px;
  padding: 48px max(24px, calc((100vw - 1360px) / 2));
  overflow: hidden;
  isolation: isolate;
  background: #101112;
  color: #fff;
}
.rt .rt-photo-hero-media { position: absolute; inset: 0; z-index: -1; max-width: none; }
.rt-photo-hero-media picture, .rt-photo-hero-media img { display: block; width: 100%; height: 100%; }
.rt-photo-hero-media img { max-width: none; object-fit: cover; object-position: center; }
.rt-photo-hero-copy { width: 44%; max-width: 660px; }
.rt .rt-photo-hero .rt-kicker { color: #d0d0d2; margin-bottom: 24px!important; }
.rt .rt-photo-hero h1 { font-size: clamp(36px, 3.8vw, 58px); line-height: 1.1; letter-spacing: -.035em; color: #fff; margin-bottom: 24px; max-width: none; }
.rt .rt-photo-hero p:not(.rt-kicker) { color: #e2e2e4; font-size: 17px; line-height: 1.65; max-width: 430px; }
@media (min-width: 701px) and (max-width: 1000px) {
  .rt .rt-photo-hero { margin: -32px -20px 36px; padding: 32px 24px; }
  .rt .rt-photo-hero .rt-kicker { font-size: 10px!important; margin-bottom: 16px!important; }
  .rt .rt-photo-hero h1 { font-size: 30px; margin-bottom: 16px; }
  .rt .rt-photo-hero p:not(.rt-kicker) { font-size: 14px; line-height: 1.55; }
}
@media (max-width: 700px) {
  .rt .rt-photo-hero { display: flex; flex-direction: column; align-items: stretch; gap: 0; aspect-ratio: 948 / 1659; margin: -28px -16px 24px; padding: 36px 24px 0; }
  .rt-photo-hero-copy { position: relative; width: 100%; max-width: none; order: 0; }
  .rt .rt-photo-hero .rt-kicker { font-size: 10px!important; margin-bottom: 18px!important; }
  .rt .rt-photo-hero h1 { font-size: clamp(32px, 8.7vw, 44px); max-width: 420px; margin-bottom: 18px; }
  .rt .rt-photo-hero p:not(.rt-kicker) { font-size: 15px; line-height: 1.6; max-width: 420px; }
}

@media (max-width: 360px) { .rt .rt-photo-hero { margin-left: -12px; margin-right: -12px; } }