:root {
  --film-rail: clamp(12px, 3.4vh, 28px);
  --film-hole: clamp(8px, 1.4vh, 16px);
  --film-speed: 7.5s;
}

/* INTRO SECTION FIXES */
.intro-section .wp-block-button__link {
  background-color: #ffcc00;
  color: #000;
  border: 2px solid #fff;
  font-weight: bold;
}
.intro-section .wp-block-button__link:hover {
  background-color: #000;
  color: #ffcc00;
  border-color: #fff;
}
.intro-section .extra-button { display: none !important; } /* hide Free Image→Video Prompts */

/* WATCH SECTION FIXES */
.watch-section {
  padding-top: 3rem;
}
.watch-section iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: none;
}

/* FS-RAILS SECTION */
.fs-rails {
  position: relative;
  overflow: hidden;
}
.fs-rails::before,
.fs-rails::after {
  content: "";
  position: absolute;
  left: -50%;
  width: 300%;
  height: var(--film-rail);
  background: repeating-linear-gradient(
    to right,
    #222,
    #222 90%,
    transparent 90%,
    transparent
  );
  background-size: var(--film-hole) var(--film-rail);
  animation: rail-move var(--film-speed) linear infinite;
  z-index: 0;
}
.fs-rails::before { top: 0; }
.fs-rails::after { bottom: 0; }

@keyframes rail-move {
  0% { transform: translateX(0); }
  100% { transform: translateX(-33.333%); }
}

/* HEADER NAV POLISH */
.site-header nav a:hover {
  color: #ffcc00 !important;
}
.menu-toggle,
.menu-toggle:focus,
.menu-toggle:hover {
  color: #ffcc00 !important;
}