@font-face {
  font-family: XstelboSong;
  src: url("assets/song-serif.woff2") format("woff2");
  font-display: swap;
}
.xst-mirror {
  --xst-song: XstelboSong, "Songti SC", "Microsoft YaHei", serif;
  scroll-margin-top: 0;
}
.xst-mirror .main-content :is(h1, h2) { font-family: var(--xst-song); }
.xst-mirror .main-content [id] { scroll-margin-top: 104px; }
.xst-mirror .video__container { background: #091311; isolation: isolate; }
.xst-mirror .video--gradient-bottom::after, .xst-mirror .video--gradient-top::before { pointer-events: none; }
.xst-mirror .video--gradient-bottom::after { height: 160px; }
.xst-water-hero {
  position: absolute;
  inset: 0 0 0 24%;
  width: 76%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
  mask-image: linear-gradient(90deg, transparent, #000 40%);
}
.xst-mirror .video__lower-info-title { margin-block: 6px 10px; font-size: clamp(60px, 6vw, 106px); line-height: 1.2; }
.xst-hero-kicker { color: #f9f5eb; font-size: 16px; font-weight: 700; letter-spacing: .24em; margin: 0; }
.xst-hero-line { color: #f9f5eb; font: 500 clamp(20px, 2vw, 32px)/1.5 var(--xst-song); margin: 0; }
.xst-mirror .video__lower-link:after { background-color: var(--xst-focus); }
.xst-mirror .video__lower-info { z-index: 3; }
body.xst-mirror.scrolled-to-top .header .header__actions-container .header__location .header__location-link,
body.xst-mirror.scrolled-to-top .header .header__actions-container .header__profile .header__profile-link { background: var(--xst-red); color: var(--xst-white); }
body.xst-mirror.scrolled-to-top .header .header__actions-container .header__location .header__location-link:hover,
body.xst-mirror.scrolled-to-top .header .header__actions-container .header__profile .header__profile-link:hover { background: #75241e; }
.xst-mirror .header .navbar-desktop .navbar-desktop__link > .navbar-desktop__link-content { color: var(--xst-white); }
.xst-mirror .inspirational-2-block__image-wrapper-mobile::before { background-color: var(--xst-red); }
.xst-mirror :is(.video__lower-link-arrow-icon, .product-families-block__link-icon) { color: var(--xst-red); }
.xst-mirror .video__lower-link-arrow-icon { color: var(--xst-focus); }
.xst-mirror .xst-row-mark { width: 34px; height: auto; mix-blend-mode: multiply; }
.xst-mirror .main-content :is(.button--primary, .button.primary) { color: #fff; background: var(--xst-red); }
.xst-mirror .main-content :is(.button--primary, .button.primary):hover { background: #75241e; }
.xst-mirror .image-and-text-block__header-container::after,
.xst-mirror .image-and-text-block__kicker::before,
.xst-mirror .product-families-block__kicker::before { background-color: var(--xst-red); }
.xst-mirror .product-feature-block__product-image,
.xst-mirror .product-feature-block__product-image-mobile { object-fit: contain; }
.xst-mirror .landingPage-block__image-wrapper img,
.xst-mirror .landingPage-block__image-wrapper-mobile img { width: 100%; max-height: 460px; object-fit: cover; }
.xst-news-icon { display: inline-block; width: 22px; height: 26px; border: 2px solid currentColor; background: repeating-linear-gradient(to bottom, transparent 0 3px, currentColor 3px 4px) center / 10px 14px no-repeat; }
@media (max-width: 1023px) {
  .xst-mirror .main-content [id] { scroll-margin-top: 74px; }
  .xst-water-hero { inset: 0; width: 100%; mask-image: none; object-position: 56% 46%; }
  .xst-mirror .video__lower-info-title { font-size: clamp(42px, 10vw, 64px); }
  .xst-hero-kicker { font-size: 13px; }
}