.fv-b .fv-bg{background:none;overflow:hidden}
.fv-b .fv-bg::before,.fv-b .fv-bg .wx-hero-slide{
  content:"";
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center 46%;
  transform:scale(1);
  animation:wx-hero-zoom 22s ease-out infinite alternate;
}
.fv-b .fv-bg::before{background-image:url(lp-an1-hero-hd.webp)}
.fv-b .fv-bg .wx-hero-slide{opacity:0;transition:opacity 1.2s ease-in-out}
.fv-b .fv-bg .wx-hero-slide.is-active{opacity:1}
.fv-b .fv-bg .wx-hero-slide--2{background-image:url(wx-hero-2-hd.webp)}
.fv-b .fv-bg .wx-hero-slide--3{background-image:url(wx-hero-3-hd.webp)}
.fv-b .fv-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(17,17,17,.58) 0%,rgba(17,17,17,.45) 58%,rgba(17,17,17,.18) 100%);
  pointer-events:none;
}
@keyframes wx-hero-zoom{to{transform:scale(1.045)}}
@media(max-width:900px){
  .fv-b .fv-bg::before{background-image:url(lp-an1-hero-mobile.webp)}
  .fv-b .fv-bg .wx-hero-slide--2{background-image:url(wx-hero-2-mobile.webp)}
  .fv-b .fv-bg .wx-hero-slide--3{background-image:url(wx-hero-3-mobile.webp)}
}
@media(prefers-reduced-motion:reduce){
  .fv-b .fv-bg::before,.fv-b .fv-bg .wx-hero-slide{animation:none;transition:none}
}


.fv-b .wx-clock{margin-top:44px;max-width:420px;color:#fff;font-family:var(--font-display);
  font-variant-numeric:tabular-nums}
.fv-b .wx-clock-head{display:flex;align-items:center;gap:12px;margin:0 0 6px;
  font-size:10.5px;font-weight:600;letter-spacing:.24em;color:var(--brand)}
.fv-b .wx-clock-rule{flex:1;height:1px;background:rgba(232,176,35,.55);transform-origin:left;
  animation:wx-clock-rule 1.2s cubic-bezier(.2,.7,.2,1) .2s both}
.fv-b .wx-clock ul{list-style:none;margin:0;padding:0}
.fv-b .wx-clock li{display:flex;align-items:baseline;gap:10px;padding:7px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
  animation:wx-clock-row .7s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(.35s + var(--i) * .09s)}
.fv-b .wx-clock-city{font-size:13px;font-weight:600;letter-spacing:.12em}
.fv-b .wx-clock-diff{font-size:11px;letter-spacing:.06em;color:rgba(255,255,255,.62)}
.fv-b .wx-clock-time{margin-left:auto;font-size:17px;font-weight:600;letter-spacing:.04em}
.fv-b .wx-clock .ss{display:inline-block;margin-left:1px;font-size:12px;color:rgba(255,255,255,.7)}
.fv-b .wx-clock .ss::before{content:":"}
.fv-b .wx-clock .ss.is-tick{animation:wx-clock-tick .45s cubic-bezier(.2,.7,.2,1)}
.fv-b .wx-clock li.is-home .wx-clock-city,.fv-b .wx-clock li.is-home .wx-clock-time{color:var(--brand)}
.fv-b .wx-clock li.is-home .wx-clock-diff::before{content:"";display:inline-block;width:6px;height:6px;
  border-radius:50%;background:var(--brand);animation:wx-clock-pulse 2s ease-in-out infinite}
@keyframes wx-clock-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes wx-clock-row{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes wx-clock-tick{from{opacity:.2;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes wx-clock-pulse{0%,100%{opacity:1}50%{opacity:.3}}
@media (min-width:901px){.fv-b .wx-clock{display:none}}
 
@media (max-width:900px){.fv-b.has-clock{padding-bottom:0}.fv-b.has-clock .wrap{padding-bottom:28px}}
@media (prefers-reduced-motion:reduce){
  .fv-b .wx-clock-rule,.fv-b .wx-clock li,.fv-b .wx-clock .ss.is-tick,
  .fv-b .wx-clock li.is-home .wx-clock-diff::before{animation:none}
}