/* ═══════════════════════════════════════════════════════════════════════
   MOTUS WEDDINGS — Super 8 Video Background
   Shared styles for sections using the Super 8 video background.
═══════════════════════════════════════════════════════════════════════ */

/* ── Video element (used in both form sections and #experience) ───── */
.s8-video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
  display: block;
}

/* ── Experience section scrim (JS-injected on homepage) ────────────── */
.s8-exp-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(8, 8, 8, 0.28) 0%,
    rgba(8, 8, 8, 0.50) 40%,
    rgba(8, 8, 8, 0.62) 100%
  );
}

/* ── Experience section positioning ───────────────────────────────── */
#experience {
  position: relative;
  overflow: hidden;
  background: #0d0b09;
}

#experience .container {
  position: relative;
  z-index: 2;
}

/* ── Experience text — light on dark ──────────────────────────────── */
#experience .exp-text h2  { color: #F0EBE0; }
#experience .exp-item h3  { color: #C99D66; }
#experience .exp-item p   { color: rgba(240, 235, 224, 0.78); }
#experience .label        { color: #C99D66; }

#experience .btn-outline-dark {
  border-color: rgba(240, 235, 224, 0.50);
  color: #F0EBE0;
}
#experience .btn-outline-dark:hover {
  background: rgba(240, 235, 224, 0.08);
  border-color: #F0EBE0;
}

/* ── Form background wrapper ─────────────────────────────────────────
   Outer div that owns the video. The form section sits inside it.  */
.s8-bg-wrap {
  position: relative;
  overflow: hidden;
}

/* ── Full-section video backgrounds (index #inquire, contact .contact-intro) ── */
.s8-section {
  position: relative;
  overflow: hidden;
}

/* Section is fully transparent — video fills the entire width */
.s8-bg-wrap .mq-section,
.s8-section .mq-section,
.contact-intro .mq-section {
  background: transparent !important;
  position: relative;
  z-index: 1;
}