/* ---------------------------------------------------------------------------
   The Latest run, stripped back: no heading band, no peach rules, no blue
   gaps. The hero drops straight into Elf Rave and the colour runs unbroken
   from there down into Shows.
   ------------------------------------------------------------------------- */

/* The hero used to fade into the blue page beneath it; the band below is
   plum now, and the photo is better left alone. */
.hero-scrim{ display: none; }

#latest{ padding: 0; border-bottom: none; }
.postfeed{ margin: 0; }

.post, .epstrip{
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 64px calc(50vw - 50%) 68px;
  border-radius: 0;
  border: 0;
}
.post + .post{ margin-top: 0; }
.newrelease{ margin-bottom: 0; border: 0; }

/* Shows follows straight on from the strip, with no blue bar between. */
#shows{ padding-top: 86px; }

.post-head{ align-items: start; }
.gigpost .post-head{ margin-bottom: 30px; }

/* ---------- Rivers and Reptiles: one line, not a section ---------- */
.epstrip{
  position: relative;
  display: flex;
  align-items: center;
  gap: 22px;
  padding-top: 26px;
  padding-bottom: 26px;
}
.epstrip .post-kicker{ margin-bottom: 0; flex: none; }
.epstrip-copy{
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.45;
}
.epstrip-copy strong{ font-weight: 700; }
.epstrip-critter{
  margin-left: auto;
  height: 76px; width: auto;
  align-self: flex-end;
  margin-bottom: -26px;
  transform: rotate(5deg);
  transform-origin: bottom center;
  flex: none;
}
@media (max-width: 720px){
  .epstrip{ flex-wrap: wrap; gap: 12px; padding-top: 22px; padding-bottom: 22px; }
  .epstrip-copy{ font-size: 0.98rem; flex: 1 1 100%; order: 3; }
  .epstrip-critter{ height: 56px; margin-bottom: -22px; }
  .post{ padding-top: 48px; padding-bottom: 52px; }
  #shows{ padding-top: 56px; }
}

/* ---------- pre-save row ---------- */
.track-row.presave .track-link{ color: var(--peach); font-weight: 600; }

/* ---------- Rivers and Reptiles: a note tucked under the release list ----- */
.ep-note{
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-top: 30px;
  padding: 20px 22px 20px 20px;
  max-width: 460px;
  border-radius: 10px;
  background: rgba(0,0,0,0.17);
  box-shadow: inset 0 0 0 1px rgba(255,199,164,0.26);
}
.ep-note p{
  margin: 0;
  font-size: 0.93rem; line-height: 1.58;
  color: rgba(250,243,232,0.88);
}
.ep-note strong{ color: var(--peach); font-weight: 700; }
.ep-note-critter{
  flex: none;
  width: 44px; height: auto;
  margin-top: 2px;
  transform: rotate(-5deg);
  filter: var(--critter-light);
}
@media (max-width: 600px){
  .ep-note{ max-width: none; padding: 16px 18px; gap: 12px; }
  .ep-note-critter{ width: 34px; }
}

/* ---------- four photos ---------- */
.g-flute{ grid-column: 4; grid-row: 1; }
.gig-gallery{ grid-template-columns: 1.5fr 0.82fr 0.82fr 1.18fr; }
.g-flute img{ object-position: 58% center; }
@media (max-width: 820px){
  .gig-gallery{ grid-template-columns: 1fr 1fr; }
  .g-hero { grid-column: 1 / -1; grid-row: 1; }
  .g-keys { grid-column: 1; grid-row: 2; }
  .g-drums{ grid-column: 2; grid-row: 2; }
  .g-flute{ grid-column: 1 / -1; grid-row: 3; height: clamp(170px, 42vw, 250px); }
}