/* Hero background on /video/ pages only. Loaded via orionist_display.php
 * ($doc->addStyleSheet) => only on video pages. External <link> = GTranslate-safe;
 * independent of YooTheme custom_less / theme.NN.css (grain/tiles untouched elsewhere).
 *
 * The YooTheme grain sets background-image/repeat/position with !important on a selector
 * list that INCLUDES .uk-section-default (= .tm-main) -> we use !important too, or our
 * image loses to the grain and background-size:cover stretches the grain tile.
 * url() is root-relative -> resolves on the page's own domain (.org / .is). */
.tm-main {
  position: relative;
  background-image: url(/images/web3_burningmountain.webp) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-blend-mode: normal !important;
}
/* readability overlay: darken the hero behind the content (content lifted above it) */
.tm-main::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .4);
  pointer-events: none;
  z-index: 0;
}
.tm-main > * { position: relative; z-index: 1; }
/* tighten the gap between the article title (h1 "WCF Video") and the sticky bar.
 * The 40px comes from the com_content/YooTheme content wrapper .uk-margin-medium-top
 * (direct child of .uk-article), not from our PHP. Video pages only (sheet is scoped). */
.uk-article > .uk-margin-medium-top { margin-top: 20px !important; }