/* Reference background preview: header, carousel and news ticker. */
.home-page { position:relative; isolation:isolate; }
.home-page::before {
  content:"";
  position:absolute;
  top:0;
  inset-inline:0;
  height:var(--home-masthead-height,900px);
  background-color:#fff;
  background-image:url("../img/xtra-hero-clean-background.webp");
  /* Keep the WebP silhouette while applying the exact requested palette. */
  filter:url("#home-hero-background-palette");
  background-position:top left;
  background-size:cover;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 220px),transparent 100%);
  mask-image:linear-gradient(to bottom,#000 calc(100% - 220px),transparent 100%);
  pointer-events:none;
  z-index:-1;
}





.home-page .hero-section::before { content:none; }
.home-page .ticker { border-color:rgba(122,75,125,.12); }




@media(max-width:1024px){.home-page::before{background-size:cover;background-position:70% bottom;}}

/* Mirror the uploaded row silhouette into the article/video boundary.
   Crop to its cream panel; the solid mask fill removes every symbol. */
.article-video-bridge{position:relative;height:0;pointer-events:none;z-index:-1}
.article-video-bridge::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:min(100%,1200px);
  aspect-ratio:1920/1110;
  background:#fef6e3;
  -webkit-mask-image:url("../img/row-bg-2-source.webp");
  mask-image:url("../img/row-bg-2-source.webp");
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  mask-mode:alpha;
  clip-path:inset(0 61% 16% 0);
  transform:translateY(-50%) scaleX(-1);
}