/* Follow the hero's bold, energetic type; keep the later headings conversational.
   These three title slots do not alter the hero, photos or shared brand palette. */
#service-proof-title,
#moments-title,
#how-title {
  display: grid;
  gap: 10px;
  max-width: 100%;
  margin: 0;
  color: var(--v2-ink);
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-synthesis: none;
  font-size: clamp(34px, 3.7vw, 54px);
  line-height: 1.2;
  letter-spacing: -.025em;
}
#service-proof-title > .home-type-lead,
#moments-title > .home-type-lead,
#how-title > .home-type-lead {
  display: block;
  font-size: clamp(28px, 2.7vw, 36px);
  line-height: 1.32;
}
#service-proof-title .home-type-line,
#moments-title .home-type-line,
#how-title .home-type-line {
  display: flex;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: clamp(8px, 1vw, 12px);
  min-width: 0;
}
#service-proof-title .home-type-bridge,
#moments-title .home-type-bridge,
#how-title .home-type-bridge {
  flex: 0 0 auto;
  color: inherit;
  font-size: clamp(24px, 2.2vw, 28px);
  line-height: 1.3;
}
#service-proof-title .home-type-focus,
#moments-title .home-type-focus,
#how-title .home-type-focus {
  flex: 0 1 auto;
  min-width: 0;
  padding: 0 .04em;
  color: inherit;
  background: linear-gradient(transparent 58%, var(--v2-lime) 58%);
  font-size: clamp(34px, 3.7vw, 54px);
  line-height: 1.25;
  white-space: nowrap;
}
@media (max-width: 820px) {
  #service-proof-title,
  #moments-title,
  #how-title { gap: 8px; }
  #service-proof-title > .home-type-lead,
  #moments-title > .home-type-lead,
  #how-title > .home-type-lead { font-size: clamp(28px, 4vw, 32px); }
  #service-proof-title .home-type-bridge,
  #moments-title .home-type-bridge,
  #how-title .home-type-bridge { font-size: clamp(24px, 3.8vw, 28px); }
  #service-proof-title .home-type-focus,
  #moments-title .home-type-focus,
  #how-title .home-type-focus { font-size: clamp(34px, 6vw, 46px); }
}
@media (max-width: 460px) {
  #service-proof-title .home-type-line,
  #moments-title .home-type-line,
  #how-title .home-type-line { gap: 8px; }
  #service-proof-title > .home-type-lead,
  #moments-title > .home-type-lead,
  #how-title > .home-type-lead { font-size: 28px; }
  #service-proof-title .home-type-bridge,
  #moments-title .home-type-bridge,
  #how-title .home-type-bridge { font-size: 24px; }
  #service-proof-title .home-type-focus,
  #moments-title .home-type-focus,
  #how-title .home-type-focus { padding-inline: 0; font-size: clamp(34px, 8.8vw, 40px); }
}