/* ==========================================================================
   06 · BACKGROUNDS — artwork, veils, panel grounds
   The artwork sits on .edgtf-wrapper. Everything above it is a stack of
   black veils. Adjusting the mood of the site happens almost entirely here.
   ========================================================================== */

/* --- Base ---------------------------------------------------------------- */

body {
  background-color: var(--sm-bg-body) !important;
}

/* --- Artwork -------------------------------------------------------------
   Back to the original behaviour, same as in rebellion-child: one crop
   pinned to the viewport, everything else scrolling over it.

   The repeat-y tiling experiment from 2026-09-07 is reverted — it required
   background-attachment: scroll, which is what made the artwork travel with
   the page instead of staying put.
   ------------------------------------------------------------------------ */

.edgtf-wrapper {
  background-image: var(--sm-artwork) !important;
  background-position: left bottom !important;
  background-size: var(--sm-artwork-size) !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
  background-color: transparent !important;
  height: 100% !important;
}

/* --- Veil stack ---------------------------------------------------------- */

.edgtf-wrapper-inner {
  background-color: var(--sm-veil-25) !important;
}

.edgtf-container {
  background-color: var(--sm-veil-25);
}

.edgtf-content,
.edgtf-content-inner > .edgtf-container {
  background-color: transparent !important;
}

/* --- Title strip ---------------------------------------------------------
   The strip below the slider is translucent, so the artwork carries
   through. Two opaque grounds had to be cleared for that: .edgtf-title
   itself painted rgb(235,235,235) from the theme, and the .edgtf-container
   nested inside the holder applied the same colour a second time — 80% on
   80% reads as 96% and produced a visible second tone across the strip.
   ------------------------------------------------------------------------ */

.edgtf-title {
  background-color: transparent !important;
}

.edgtf-title .edgtf-container,
.edgtf-title .edgtf-container-inner,
.edgtf-title-holder .edgtf-container {
  background-color: transparent !important;
}

.edgtf-title-holder {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: var(--sm-band-h) !important;
  background-color: var(--sm-band);
}

@media only screen and (max-width: 768px) {
  .edgtf-container {
    background-color: var(--sm-veil-50);
  }
  .edgtf-title-holder {
    background-color: var(--sm-band);
  }
}

/* Disabled alternatives, kept as reference:
   .edgtf-title-holder  { background-image: url(../images/keyvisual.jpg); }
   .edgtf-title-holder  { background-color: var(--sm-veil-35); }
   .edgtf-content-inner { background-image: var(--sm-artwork); background-attachment: fixed; }
   body                 { background-image: url(../images/artwork-180.jpg); }
*/