/* Unframed product screenshots and the homepage-only fight background. */
html body img.shot,
html body .lightbox img,
html body.homepage-concept .heroshot,
html body.homepage-concept .feature-image,
html body.homepage-concept .rr-gym-preview .feature-image {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  padding: 0;
}
html body.homepage-concept .heroshot::before,
html body.homepage-concept .feature-image::before { content: none; }
html body img.shot { height: auto; aspect-ratio: auto; object-fit: contain; }
.rr-product-shot { margin: 38px 0 28px; }
.rr-product-shot .shot { width: 100%; }
body.homepage-concept .hero.rr-fight-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: max(740px, calc(100svh - 80px));
  padding: 76px 0 88px;
  display: flex;
  align-items: center;
  background: #070d16;
}
.rr-fight-hero > .ambient-light { display: none; }
.rr-fight-backdrop { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.rr-fight-backdrop img {
  position: absolute; top: 0; right: 0; width: 78%; height: 100%;
  max-width: none; object-fit: cover; object-position: center; opacity: .85;
}
.rr-fight-backdrop::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, #070d16 0%, rgba(7,13,22,.96) 25%, rgba(7,13,22,.78) 42%, rgba(7,13,22,.18) 68%, rgba(7,13,22,.12)),
    linear-gradient(0deg, #090f18 0%, rgba(7,13,22,.08) 22%, rgba(7,13,22,.08) 76%, rgba(7,13,22,.52));
}
body.homepage-concept .rr-fight-hero > .wrap { width: 100%; position: relative; z-index: 1; }
.rr-fight-hero .hero-intro { display: block; width: 53%; max-width: 690px; }
.rr-fight-hero h1 { font-size: clamp(44px, 5.1vw, 74px); line-height: 1.04; margin-top: 22px; }
.rr-fight-hero p.sub { margin-top: 26px; max-width: 530px; color: #d2dce9; font-size: 17px; }
.rr-fight-hero .microcopy { max-width: 500px; }
.rr-fight-hero .rr-offer-strip { max-width: 500px; }
.rr-hero-motion {
  position: absolute; bottom: 24px; right: max(24px, calc((100% - 1344px) / 2)); z-index: 2;
  display: flex; align-items: center; gap: 8px; min-height: 40px;
  padding: 8px 12px; border: 0; border-radius: 4px; background: rgba(7,13,22,.65);
  color: #e6eef9; font: 500 12px/1.5 var(--font); cursor: pointer;
}
.rr-hero-motion:hover { background: rgba(7,13,22,.9); }
.rr-hero-motion[hidden] { display: none; }
@media (max-width: 1080px) and (min-width: 701px) {
  .rr-fight-hero .hero-intro { width: 58%; }
  .rr-fight-hero h1 { font-size: 58px; }
  body.homepage-concept .hero.rr-fight-hero { padding-top: 64px; padding-bottom: 80px; }
}
@media (max-width: 700px) {
  body.homepage-concept .hero.rr-fight-hero {
    min-height: calc(100svh - 68px); padding: 54px 0 260px; align-items: flex-start;
  }
  .rr-fight-hero .hero-intro { width: 100%; max-width: none; }
  .rr-fight-hero h1 { font-size: clamp(38px, 10.7vw, 58px); line-height: 1.06; }
  .rr-fight-hero p.sub { font-size: 16px; margin-top: 24px; }
  .rr-fight-backdrop img {
    top: auto; bottom: 0; width: 100%; height: auto; aspect-ratio: 1;
    object-fit: contain; object-position: center bottom; opacity: .9;
    mask-image: linear-gradient(180deg, transparent, #000 20%, #000 85%, transparent);
  }
  .rr-fight-backdrop::after {
    background: linear-gradient(180deg, #070d16 0%, #070d16 35%, rgba(7,13,22,.96) 48%, rgba(7,13,22,.6) 65%, rgba(7,13,22,.08) 82%, #090f18 100%);
  }
  .rr-hero-motion { bottom: 18px; right: 20px; }
  .rr-product-shot { margin-top: 28px; }
}