/* WaiMaoYa header mega banner 2 */
.f-mega-menu__inner--banner-2 { display: block; }
.f-mega-menu__inner--banner-2 .f-mega-banner-2__legacy-menu { display: none; }
.f-mega-menu__inner--banner-2 .f-mega-menu__content--banner-2 { width: 100%; padding-left: 0; flex: 1 1 100%; }
.f-mega-banner-2 { display: grid; grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr); width: 100%; overflow: hidden; border-radius: var(--blocks-radius, 0); }
.f-mega-banner-2__main, .f-mega-banner-2__aside { padding: 28px; }
.f-mega-banner-2__main-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.f-mega-banner-2__aside { display: flex; flex-direction: column; gap: 14px; }
.f-mega-banner-2__aside-list { display: grid; gap: 14px; }
.f-mega-banner-2__card { position: relative; display: block; color: rgb(var(--color-foreground)); text-decoration: none; min-width: 0; }
.f-mega-banner-2__image { position: relative; overflow: hidden; background: rgba(var(--color-foreground), .06); }
.f-mega-banner-2__image--main { aspect-ratio: 4 / 3; }
.f-mega-banner-2__image--aside { aspect-ratio: 32 / 13; }
.f-mega-banner-2__image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.f-mega-banner-2__card:hover .f-mega-banner-2__image img { transform: scale(1.025); }
.f-mega-banner-2__title { margin: 12px 0 0; font-size: 16px; line-height: 1.35; font-weight: 600; color: rgb(var(--color-heading-text, var(--color-foreground))); }
.f-mega-banner-2__desc { margin: 4px 0 0; font-size: 14px; line-height: 1.45; color: rgba(var(--color-foreground), .72); display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; }
.f-mega-banner-2__eyebrow { margin: 0; font-size: 12px; line-height: 1.4; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: rgb(var(--color-button)); }
.f-mega-banner-2__card:focus-visible { outline: 2px solid rgb(var(--color-button)); outline-offset: 4px; border-radius: 4px; }
.f-mega-banner-2--mobile { display: block; border-radius: 0; }
.f-mega-banner-2--mobile .f-mega-banner-2__main, .f-mega-banner-2--mobile .f-mega-banner-2__aside { padding: 20px; }
.f-mega-banner-2--mobile .f-mega-banner-2__main-grid { grid-template-columns: 1fr; gap: 20px; }
.f-mega-banner-2--mobile .f-mega-banner-2__aside { gap: 16px; }
@media (max-width: 1199px) {
  .f-mega-banner-2:not(.f-mega-banner-2--mobile) { grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); }
  .f-mega-banner-2:not(.f-mega-banner-2--mobile) .f-mega-banner-2__main-grid { grid-template-columns: repeat(3, minmax(180px, 1fr)); }
  .f-mega-banner-2:not(.f-mega-banner-2--mobile) .f-mega-banner-2__main { overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) { .f-mega-banner-2__image img { transition: none; } }

/* Visible per-card link; card geometry and mega-menu columns stay unchanged. */
.f-mega-banner-2__button {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
  color: rgb(var(--color-heading-text, var(--color-foreground)));
  font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
}
.f-mega-banner-2__button span {
  transition: transform .2s ease;
}
.f-mega-banner-2__card:hover .f-mega-banner-2__button span {
  transform: translateX(4px);
}
@media (prefers-reduced-motion: reduce) {
  .f-mega-banner-2__button span { transition: none; }
}

/* WaiMaoYa mega banner 2 interactions v1 */
/* Only compositor-friendly properties are animated; geometry stays unchanged. */
.f-mega-banner-2:not(.f-mega-banner-2--mobile) {
  transform: translateY(-8px);
  opacity: 0;
  transition: transform .2s ease, opacity .18s ease;
}
.f-menu__item--active .f-mega-banner-2:not(.f-mega-banner-2--mobile),
.f-menu__item--has-submenu:focus-within .f-mega-banner-2:not(.f-mega-banner-2--mobile) {
  transform: translateY(0);
  opacity: 1;
}
.f-mega-banner-2__card--main {
  transition: transform .2s ease;
}
.f-mega-banner-2__card--main:hover,
.f-mega-banner-2__card--main:focus-visible {
  transform: translateY(-2px);
}
.f-mega-banner-2__title {
  transition: color .2s ease;
}
.f-mega-banner-2__card--main:hover .f-mega-banner-2__title,
.f-mega-banner-2__card--main:focus-visible .f-mega-banner-2__title {
  color: rgb(var(--color-button));
}
.f-mega-banner-2__button {
  position: relative;
  padding-bottom: 3px;
}
.f-mega-banner-2__button::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: currentColor;
  content: '';
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .2s ease;
}
.f-mega-banner-2__card--main:hover .f-mega-banner-2__button::after,
.f-mega-banner-2__card--main:focus-visible .f-mega-banner-2__button::after {
  transform: scaleX(1);
}
.f-mega-banner-2__card--aside .f-mega-banner-2__image img {
  filter: brightness(.9);
  transition: transform .35s ease, filter .2s ease;
}
.f-mega-banner-2__card--aside:hover .f-mega-banner-2__image img,
.f-mega-banner-2__card--aside:focus-visible .f-mega-banner-2__image img {
  filter: brightness(1);
}
.f-mega-banner-2__card--aside .f-mega-banner-2__title {
  transition: color .2s ease;
}
.f-mega-banner-2__card--aside:hover .f-mega-banner-2__title,
.f-mega-banner-2__card--aside:focus-visible .f-mega-banner-2__title {
  color: rgb(var(--color-button));
}
.f-mega-banner-2--mobile .f-mega-banner-2__card:active {
  transform: scale(.99);
}
@media (prefers-reduced-motion: reduce) {
  .f-mega-banner-2,
  .f-mega-banner-2__card,
  .f-mega-banner-2__title,
  .f-mega-banner-2__button::after,
  .f-mega-banner-2__button span,
  .f-mega-banner-2__image img {
    transition: none !important;
  }
  .f-mega-banner-2:not(.f-mega-banner-2--mobile),
  .f-mega-banner-2__card--main:hover,
  .f-mega-banner-2__card--main:focus-visible {
    transform: none;
  }
}

/* WaiMaoYa two-card quote layout: only active for desktop instances with two main cards. */
.f-mega-banner-2--main-2:not(.f-mega-banner-2--mobile) .f-mega-banner-2__main-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.f-mega-banner-2--main-2:not(.f-mega-banner-2--mobile) .f-mega-banner-2__image--main {
  aspect-ratio: 16 / 7;
}

/* WaiMaoYa editorial text-only navigation: no boxes, no rounded card background. */
.f-mega-banner-2__eyebrow::after {
  display: block;
  width: 36px;
  height: 2px;
  margin-top: 9px;
  background: rgb(var(--color-button));
  content: '';
  border-radius: 999px;
}
.f-mega-banner-2__card--text-only {
  padding: 18px 4px 20px 0;
  overflow: visible;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, .16);
  border-radius: 0;
  background-color: transparent;
  background-image: linear-gradient(90deg, rgba(var(--color-button), 0), rgba(var(--color-button), 0));
  transition: transform .2s ease, background-image .2s ease;
}
.f-mega-banner-2__aside-list .f-mega-banner-2__card--text-only:last-child {
  padding-bottom: 4px;
  border-bottom: 0;
}
.f-mega-banner-2__card--text-only::before {
  position: absolute;
  top: 18px;
  bottom: 20px;
  left: -12px;
  width: 2px;
  background: rgb(var(--color-button));
  content: '';
  opacity: 0;
  transform: scaleY(.35);
  transition: opacity .2s ease, transform .2s ease;
}
.f-mega-banner-2__card--text-only::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, rgb(var(--color-button)), transparent);
  content: '';
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .25s ease;
}
.f-mega-banner-2__aside-list .f-mega-banner-2__card--text-only:last-child::after {
  display: none;
}
.f-mega-banner-2__card--text-only:hover,
.f-mega-banner-2__card--text-only:focus-visible {
  background-image: linear-gradient(90deg, rgba(var(--color-button), .075), rgba(var(--color-button), 0) 72%);
  transform: translateX(5px);
}
.f-mega-banner-2__card--text-only:hover::before,
.f-mega-banner-2__card--text-only:focus-visible::before {
  opacity: 1;
  transform: scaleY(1);
}
.f-mega-banner-2__card--text-only:hover::after,
.f-mega-banner-2__card--text-only:focus-visible::after {
  transform: scaleX(1);
}
.f-mega-banner-2__text-index {
  display: block;
  margin-bottom: 9px;
  color: rgba(var(--color-foreground), .5);
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .14em;
  transition: color .2s ease;
}
.f-mega-banner-2__card--text-only .f-mega-banner-2__title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-top: 0;
  font-size: 16px;
}
.f-mega-banner-2__card--text-only .f-mega-banner-2__desc {
  max-width: 29em;
  margin-top: 8px;
  color: rgba(var(--color-foreground), .66);
}
.f-mega-banner-2__text-arrow {
  flex: 0 0 auto;
  color: rgba(var(--color-foreground), .55);
  font-size: 17px;
  line-height: 1;
  transition: color .2s ease, transform .2s ease;
}
.f-mega-banner-2__card--text-only:hover .f-mega-banner-2__text-index,
.f-mega-banner-2__card--text-only:focus-visible .f-mega-banner-2__text-index,
.f-mega-banner-2__card--text-only:hover .f-mega-banner-2__text-arrow,
.f-mega-banner-2__card--text-only:focus-visible .f-mega-banner-2__text-arrow {
  color: rgb(var(--color-button));
}
.f-mega-banner-2__card--text-only:hover .f-mega-banner-2__text-arrow,
.f-mega-banner-2__card--text-only:focus-visible .f-mega-banner-2__text-arrow {
  transform: translateX(4px);
}
.f-mega-banner-2--mobile .f-mega-banner-2__card--text-only:active {
  transform: scale(.99);
}
@media (prefers-reduced-motion: reduce) {
  .f-mega-banner-2__card--text-only,
  .f-mega-banner-2__card--text-only::before,
  .f-mega-banner-2__card--text-only::after,
  .f-mega-banner-2__text-index,
  .f-mega-banner-2__text-arrow {
    transition: none !important;
  }
  .f-mega-banner-2__card--text-only:hover,
  .f-mega-banner-2__card--text-only:focus-visible {
    transform: none;
  }
}