/* Slightly stronger navigation; keep the display titles and photographic layout. */
.header #nav a,
.ep-header .ep-nav a {
  font-size: 15px;
}
.header > .header-contact,
.ep-header > .ep-contact {
  font-size: 14px;
  gap: 15px;
}
.header > .header-contact > svg,
.ep-header > .ep-contact > svg {
  width: 34px;
  height: 24px;
  flex: 0 0 34px;
  stroke-width: 1.3;
  opacity: 1;
  animation: consultation-direction 4s ease-in-out infinite;
}
@keyframes consultation-direction {
  0%, 70%, 100% { transform: translateX(0); }
  82% { transform: translateX(4px); }
  92% { transform: translateX(0); }
}
.header > .header-contact:is(:hover, :focus-visible) > svg,
.ep-header > .ep-contact:is(:hover, :focus-visible) > svg {
  animation: none;
  transform: translateX(6px);
  opacity: 1;
}

/* Chinese section labels sit above, and remain distinct from, the English kicker. */
.ep-hero-copy > .ep-eyebrow {
  font-size: 15px;
  line-height: 1.65;
  color: #c2c8be;
}
.ep-hero-copy .ep-kicker {
  font-size: 12px;
  line-height: 1.6;
}
.home-story47 .home-story45-copy .eyebrow {
  font-size: 14px;
}

@media (min-width: 761px) and (max-width: 1100px) {
  .header #nav a,
  .ep-header .ep-nav a { font-size: 14px; }
  .header > .header-contact,
  .ep-header > .ep-contact { font-size: 13px; gap: 11px; }
  .header > .header-contact > svg,
  .ep-header > .ep-contact > svg { width: 30px; flex-basis: 30px; }
}
@media (max-width: 760px) {
  .header #nav a,
  .ep-header .ep-nav a { font-size: 15px; }
  .header > .header-contact,
  .ep-header > .ep-contact { font-size: 13px; gap: 7px; }
  .header > .header-contact > svg,
  .ep-header > .ep-contact > svg { width: 26px; height: 22px; flex-basis: 26px; }
  .ep-hero-copy > .ep-eyebrow { font-size: 14px; }
  .ep-hero-copy .ep-kicker { font-size: 11px; }
  .home-story47 .home-story45-copy .eyebrow { font-size: 13px; }
  .tea46-preview-copy { font-size: 12px; }
  .tea46-image-note { font-size: 11px; line-height: 1.7; }
  .home-story47 figcaption .home-story47-image-note { font-size: 11px; }
  .home-story47 figcaption p { font-size: 12px; line-height: 1.8; }
  .ep-footer-top { flex-direction: column; align-items: flex-start; gap: 20px; }
  .ep-footer-nav { width: 100%; }
}
@media (max-width: 360px) {
  .header > .header-contact,
  .ep-header > .ep-contact { font-size: 12px; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  .header > .header-contact > svg,
  .ep-header > .ep-contact > svg {
    animation: none !important;
    transform: none !important;
  }
}
