/* The desktop header uses the viewport while its shop anchor retains fixed behavior. */
@media (min-width: 1001px) {
 .rg-header-inner {
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 24px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 28px;
 }
 .rg-header-inner > .rg-logo,
 .rg-header-inner > .custom-logo-link { justify-self: start; }
 .rg-header-inner > .rg-navigation { justify-self: center; }
 .rg-header-actions { justify-self: end; }
}
.rg-about-editorial { align-items: start; }
.rg-about-editorial .rg-editorial-image img { height: auto; max-height: 850px; object-fit: contain; }
.rg-editorial-copy .rg-about-promise { color: var(--white); font-weight: 600; margin-block: 26px; }
.rg-about-closing { max-width: 920px; margin-top: 45px; }
.rg-about-closing p { font-size: 17px; line-height: 1.8; }
.rg-check-list li { align-items: flex-start; }
.rg-check-list .rg-icon { flex-shrink: 0; margin-top: 2px; }
.rg-story-card > div > h2:first-child { margin-top: 0; }

/* The complete mobile photograph has a natural-aspect image region above the copy. */
@media (max-width: 760px) {
 .rg-home-hero {
  height: auto;
  min-height: 0;
  max-height: none;
  overflow: hidden;
  background: var(--bg);
 }
 .rg-home-hero > .rg-hero-image {
  display: block;
  position: relative;
  inset: auto;
  z-index: 0;
  width: 100%;
  height: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
  animation: none;
 }
 .rg-home-hero > .rg-hero-vignette { display: none; }
 .rg-home-hero-copy {
  position: relative;
  bottom: auto;
  padding: 29px 22px 35px;
 }
 .rg-home-hero h1 { font-size: clamp(30px, 7.3vw, 50px); max-width: 290px; margin-inline: auto; }
 .rg-home-hero-copy .rg-eyebrow { font-size: 8px; letter-spacing: .14em; }
 .rg-home-hero-copy .rg-hero-tagline { font-size: clamp(15px, 3.5vw, 20px); margin-bottom: 23px; }
 .rg-home-hero > .rg-hero-caption { display: none; }
 .rg-about-closing { margin-top: 32px; }
 .rg-about-closing p { font-size: 16px; }
}