/* Reconnect the refreshed page content to the original INYOFiT site shell. */
@media (min-width: 769px) {
  body.visual-refresh.legacy-frame {
    padding-left: 32px;
    background: var(--cream);
  }

  .legacy-frame .brand-strip { display: flex !important; }
  .legacy-frame .navbar { left: 32px; }
  .legacy-frame .nav-inner { max-width: 1200px; }
}

.legacy-frame .vr-hero {
  max-width: none;
  margin: 0;
  min-height: 570px;
  border-bottom: 1px solid rgba(200, 100, 50, 0.18);
}

.legacy-frame .vr-hero-copy { padding: clamp(44px, 6vw, 88px); }
.legacy-frame .vr-hero-photo { border-left: 1px solid rgba(200, 100, 50, 0.18); }
.legacy-frame .vr-location { background: var(--ink); color: var(--white); }
.legacy-frame .vr-section { padding: 84px 0; }
.legacy-frame .vr-meet,
.legacy-frame .vr-start,
.legacy-frame .vr-group-hero { background: var(--cream-warm); }
.legacy-frame .vr-jump { background: var(--cream-warm); border-block: 1px solid rgba(200, 100, 50, 0.18); }
.legacy-frame .vr-org-page .portfolio-group { border-top-color: rgba(200, 100, 50, 0.28); }

@media (max-width: 768px) {
  .legacy-frame .brand-strip { display: none !important; }
  .legacy-frame .navbar { left: 0; }
  .legacy-frame .vr-hero { min-height: 0; }
  .legacy-frame .vr-hero-photo { border-left: 0; border-top: 1px solid rgba(200, 100, 50, 0.18); }
}