/* ---------------------------------------------------------------------------
   Green at the top and the bottom, so the Elf Rave band is framed by its own
   colour rather than sitting in it alone.
   ------------------------------------------------------------------------- */
:root{ --nav-bg: #153935; }

.pagefoot{
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 8px calc(50vw - 50%) 0;
  background: #153935;
}
.pagefoot .wrap{ max-width: 1180px; padding: 0 32px; }
@media (max-width: 720px){ .pagefoot .wrap{ padding: 0 22px; } }

/* ---- the characters are used exactly as Holly drew them: black ---------- */
:root{
  --critter-light: none;
  --critter-dark:  none;
  --critter-fill:  none;
}
.critter img, .critter-party img{ filter: none; }
.ep-note-critter{ filter: none; }

#video{ background: #141d26; }

/* ---- looped dancers ---------------------------------------------------- */
.release-dancers{
  flex-wrap: nowrap;
  justify-content: space-around;
  gap: clamp(6px, 1.6vw, 26px);
  overflow: hidden;
}

/* ---- teaser video ------------------------------------------------------ */
.teaser-frame{ background: rgba(0,0,0,0.3); }

/* ---- dancers: fewer, further apart -------------------------------------- */
.release-dancers{
  gap: clamp(26px, 6vw, 92px);
  justify-content: center;
}

/* ---- Video: brighter, and off the blue entirely ------------------------- */
#video{ background: #2e6f62; }

/* ---- the gig photo's frame was the old page blue ------------------------ */
.shows-photo img{ border-color: #faf3e8; }

/* ---- Happy Garden × Robot Swing ---------------------------------------- */
.post-title .x{ font-weight: 400; opacity: 0.72; padding: 0 0.06em; }

/* ---- Support Us: copy beside the park photo ---------------------------- */
.support-layout{
  display: grid;
  grid-template-columns: 1fr 1.08fr;
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
}
.support-photo{
  margin: 0;
  border-radius: 14px;
  overflow: hidden;
  transform: rotate(-1deg);
  box-shadow: 0 16px 36px rgba(63,51,65,0.22);
}
.support-photo img{ width: 100%; display: block; }
@media (max-width: 880px){
  .support-layout{ grid-template-columns: 1fr; gap: 30px; }
  .support-photo{ transform: none; }
}
/* the brighter green lifted the peach link below AA, so it goes cream here */
#video .video-caption a{ color: #faf3e8; }