/* Simplified 8080 visual language around the retained CMS. */

body.vitality-merged {
  --merged-navy: #132944;
  --merged-blue: #274d75;
  --merged-gold: #cfab68;
  --merged-paper: #f7f7f5;
  background: var(--merged-paper);
  color: #172232;
}

.vitality-merged > nav {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.96);
  border-top: 2px solid var(--merged-navy);
  border-bottom: 1px solid rgba(19, 41, 68, 0.1);
  backdrop-filter: blur(14px);
  height: 82px;
}

.vitality-merged > nav .nav-inner {
  min-height: 80px;
  max-width: 1230px;
  margin: 0 auto;
  padding: 0 24px;
}

.vitality-merged > nav .nav-links { gap: clamp(13px, 1.5vw, 28px); }
.vitality-merged > nav .nav-links > li > a { color: #131921; font-weight: 600; font-size: 14px; }
.vitality-merged > nav .nav-phone { color: var(--merged-gold) !important; }
.vitality-merged > nav .nav-cta { padding: 13px 20px; color: white !important; background: var(--merged-gold); border-radius: 0; }

.vitality-merged main { overflow: clip; padding-top: 0 !important; }
.vitality-merged .template-component { overflow: hidden; }

.vitality-merged .feature-section { padding: clamp(48px, 7vw, 96px) 24px; background: #fff; }
.vitality-merged .feature-block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: 1180px;
  margin: 0 auto;
  background: #f3f4f2;
  border-radius: 22px;
  overflow: hidden;
}
.vitality-merged .feature-block.reversed .feature-visual { order: 2; }
.vitality-merged .feature-block.reversed .feature-content { order: 1; }
.vitality-merged .feature-visual { min-height: 440px; background: #e9ecef; }
.vitality-merged .feature-visual img,
.vitality-merged .feature-visual video { width: 100%; height: 100%; min-height: 440px; display: block; object-fit: cover; }
.vitality-merged .feature-content { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: clamp(36px, 6vw, 78px); }
.vitality-merged .feature-content p { max-width: 68ch; }
.vitality-merged .feature-section--text-only .feature-block { display: block; max-width: 900px; }
.vitality-merged .feature-section--text-only .feature-content { padding: clamp(40px, 7vw, 88px); }

.vitality-merged .calm-showcase { padding: clamp(56px, 8vw, 112px) 24px; background: #eef2f4; }
.vitality-merged .calm-showcase__inner { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr); gap: clamp(32px, 6vw, 82px); align-items: center; max-width: 1180px; margin: 0 auto; }
.vitality-merged .calm-showcase__copy p { max-width: 62ch; }
.vitality-merged .calm-showcase__media { margin: 0; }
.vitality-merged .calm-showcase__media img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 22px; }
.vitality-merged .calm-showcase--text-only .calm-showcase__inner { grid-template-columns: minmax(0, 780px); justify-content: center; }

.vitality-merged .video-gallery-section { padding: clamp(56px, 8vw, 110px) 24px; background: #fff; }
.vitality-merged .video-gallery-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 38px; }
.vitality-merged .video-gallery-card { color: #172232; text-decoration: none; }
.vitality-merged .video-gallery-card__media { position: relative; display: block; overflow: hidden; border-radius: 16px; aspect-ratio: 16 / 9; background: #dfe4e8; }
.vitality-merged .video-gallery-card__media img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 220ms ease; }
.vitality-merged .video-gallery-card:hover img { transform: scale(1.025); }
.vitality-merged .video-gallery-card__play { position: absolute; inset: 50% auto auto 50%; translate: -50% -50%; display: grid; place-items: center; width: 54px; height: 54px; padding-left: 3px; border-radius: 50%; color: white; background: rgba(19, 41, 68, 0.88); }
.vitality-merged .video-gallery-card__title { display: block; margin-top: 13px; font-weight: 700; line-height: 1.35; }

.vitality-merged footer { background: var(--merged-navy); }
.vitality-merged footer,
.vitality-merged footer h4,
.vitality-merged footer p,
.vitality-merged footer a,
.vitality-merged footer .footer-section-title,
.vitality-merged footer .pill { color: rgba(255, 255, 255, 0.82); }
.vitality-merged footer h4,
.vitality-merged footer .footer-section-title { color: #fff; }
.vitality-merged footer .pill { border-color: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.04); }
.vitality-merged footer .footer-social a { color: var(--merged-gold); }
.vitality-merged .phone-bar { display: none; }

@media (max-width: 820px) {
  .vitality-merged .feature-block,
  .vitality-merged .calm-showcase__inner { grid-template-columns: 1fr; }
  .vitality-merged .feature-block.reversed .feature-visual,
  .vitality-merged .feature-block.reversed .feature-content { order: initial; }
  .vitality-merged .feature-visual,
  .vitality-merged .feature-visual img,
  .vitality-merged .feature-visual video { min-height: 300px; }
  .vitality-merged .video-gallery-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .vitality-merged .video-gallery-card__media img { transition: none; }
}