:root { --care-display: "Chiron GoRound TC", "Noto Sans TC", sans-serif; }


.hero.hero--vitality {
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(440px, 1.18fr) minmax(290px, .78fr);
  grid-template-rows: minmax(650px, auto);
  gap: clamp(28px, 4vw, 58px);
  align-items: center;
  min-height: 820px;
  padding: clamp(72px, 8vw, 112px) max(24px, calc((100vw - 1280px) / 2));
  background:
    radial-gradient(circle at 6% 82%, rgba(239,170,141,.27) 0 7%, transparent 7.2%),
    radial-gradient(circle at 92% 10%, rgba(248,232,185,.84) 0 9%, transparent 9.2%),
    #f6f5ec;
}
.hero-vitality-heading {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  padding: 0;
}
.hero-vitality-heading .signature { margin-bottom: 28px; }
.hero-vitality-title {
  max-width: 360px;
  font-size: clamp(48px, 4.7vw, 68px);
  line-height: 1.3;
  letter-spacing: -.045em;
}
.hero-vitality-title span { display: block; }
.hero-vitality-title span + span::before { display: none; content: ""; }
.hero-vitality-visual {
  grid-column: 2;
  grid-row: 1;
  min-height: 650px;
  margin: 0;
}
.hero-vitality-photo-frame {
  inset: 0;
  border: 10px solid rgba(255,255,255,.9);
  border-radius: 190px 190px 44px 44px;
  box-shadow: 20px 23px 0 #d8e5d9, 0 25px 55px rgba(61,89,73,.12);
}
.hero-vitality-photo-frame img { object-position: 67% center; }
.hero-vitality-chip--tl { top: 22px; right: auto; left: 28px; }
.hero-vitality-chip--br { right: -18px; bottom: 28px; max-width: 260px; }
.hero-vitality-copy {
  display: block;
  grid-column: 3;
  grid-row: 1;
  align-self: center;
  width: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.hero-vitality-copy .hero-vitality-lede { margin: 0 0 23px; font-size: 18px; line-height: 1.9; }
.hero-vitality-copy .hero-vitality-sub { margin: 0 0 30px; line-height: 2; }
.hero-vitality-copy .hero-actions { display: grid; grid-template-columns: 1fr; gap: 12px; min-width: 0; margin: 0; }
.hero-vitality-copy .button { width: 100%; }


.faq-group summary {
  padding: 23px 48px 23px 18px;
}
.faq-group summary::after { right: 8px; }
.faq-group details p {
  margin-right: 36px;
  margin-left: 18px;
}


.cta-vitality {
  color: var(--care-ink);
  background: #edf4eb !important;
  isolation: isolate;
}
.cta-vitality::before {
  top: -115px;
  left: -85px;
  z-index: -1;
  width: 330px;
  height: 330px;
  background: rgba(248,232,185,.48);
  border-radius: 50%;
}
.cta-vitality::after {
  right: -70px;
  bottom: -90px;
  z-index: -1;
  width: 270px;
  height: 270px;
  background: rgba(239,170,141,.2);
  border: 0;
  border-radius: 48% 52% 43% 57%;
}
.cta-vitality .eyebrow { color: #a65d46; }
.cta-vitality .vitality-heading { color: var(--care-ink); }
.cta-vitality .section-heading > p:last-child { color: var(--care-muted); }
.cta-vitality-form {
  background: rgba(255,253,247,.94);
  border: 1px solid rgba(93,128,111,.15);
  box-shadow: 0 20px 48px rgba(61,89,73,.1);
}


.site-footer {
  color: var(--care-ink);
  background: #f8efe4;
  border-top: 1px solid #dfd3c6;
}
.site-footer .brand strong,
.site-footer > div:last-child > strong { color: var(--care-ink); }
.site-footer .brand-tagline,
.site-footer .footer-legal { color: var(--care-muted); }
.site-footer a { color: var(--care-ink); }
.site-footer nav a:hover { color: #a85b43; }

@media (max-width: 1050px) {
  .hero.hero--vitality {
    grid-template-columns: minmax(270px, .75fr) minmax(420px, 1.25fr);
    grid-template-rows: auto auto;
  }
  .hero-vitality-heading { grid-column: 1; grid-row: 1; }
  .hero-vitality-visual { grid-column: 2; grid-row: 1 / span 2; }
  .hero-vitality-copy { grid-column: 1; grid-row: 2; align-self: start; }
}

@media (max-width: 700px) {
  .hero.hero--vitality {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    gap: 34px;
    min-height: auto;
    padding: 58px 20px 88px;
  }
  .hero-vitality-heading { grid-column: 1; grid-row: 1; text-align: center; }
  .hero-vitality-heading .signature { margin-right: auto; margin-left: auto; }
  .hero-vitality-title { max-width: none; margin: 0 auto; font-size: clamp(42px, 12vw, 53px); }
  .hero-vitality-visual { grid-column: 1; grid-row: 2; min-height: 430px; }
  .hero-vitality-photo-frame { border-width: 7px; border-radius: 100px 100px 30px 30px; }
  .hero-vitality-chip--tl { top: 16px; left: 16px; }
  .hero-vitality-chip--br { right: -2px; bottom: -10px; }
  .hero-vitality-copy { grid-column: 1; grid-row: 3; padding: 30px 25px 34px; background: rgba(255,255,255,.72); border: 1px solid rgba(93,128,111,.14); border-radius: 26px; }
  .faq-group summary { padding-left: 14px; }
  .faq-group details p { margin-left: 14px; }
  .site-footer { background: #f8efe4; }
}