.venue-hero-media {
  background-image: url("assets/venues/arena-torquay-interior-v1.jpg");
  background-position: center;
}

.section-head {
  height: auto;
}

.venue-card,
.venue-feed-card {
  background: #080808;
}

.venue-card > img,
.venue-feed-card > img {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.01);
  transition: transform .7s ease, filter .4s ease;
}

.venue-card::before,
.venue-feed-card::before {
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, .04) 18%, rgba(0, 0, 0, .88) 72%, rgba(0, 0, 0, .97));
}

.venue-card::after,
.venue-feed-card::after {
  z-index: 2;
}

.venue-card > :not(img),
.venue-feed-card > :not(img) {
  z-index: 3;
}

.venue-card:hover > img,
.venue-feed-card:hover > img {
  transform: scale(1.07);
  filter: saturate(1.12);
}

.venue-card.ship > img { object-position: center 54%; }
.venue-card.phoenix > img { object-position: center 48%; }
.venue-card.move > img { object-position: center 50%; }
.venue-card.exmouth > img { object-position: center 48%; }
.venue-card.bicton > img { object-position: center 52%; }
.venue-card.arena > img { object-position: center 48%; }
.venue-card.rock-garden > img { object-position: center 56%; }
.venue-card.cavern-exeter > img { object-position: center 42%; }

.venue-feed-card > .venue-identity-art {
  position: absolute;
  z-index: 0;
  inset: 0;
  padding: 28px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 12%, hsla(var(--venue-hue), 82%, 58%, .48), transparent 28%),
    linear-gradient(145deg, hsl(var(--venue-hue), 54%, 21%), #090909 68%);
}

.venue-feed-card > .venue-identity-art::before,
.venue-feed-card > .venue-identity-art::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255, 255, 255, .13);
  border-radius: 50%;
}

.venue-feed-card > .venue-identity-art::before { width: 260px; height: 260px; right: -78px; top: -90px; }
.venue-feed-card > .venue-identity-art::after { width: 160px; height: 160px; right: -18px; top: -43px; }
.venue-feed-card > .venue-identity-art b { position: relative; z-index: 1; color: rgba(255,255,255,.95); font: 900 76px/.78 "Barlow Condensed",sans-serif; letter-spacing: -.06em; text-shadow: 0 12px 40px rgba(0,0,0,.48); }
.venue-feed-card > .venue-identity-art span { position: relative; z-index: 1; max-width: 84%; margin-top: 15px; color: #fff; font: 900 19px/.94 "Barlow Condensed",sans-serif; text-transform: uppercase; }
.venue-feed-card > .venue-identity-art small { position: relative; z-index: 1; margin-top: 7px; color: rgba(255,255,255,.58); font-size: 7px; font-weight: 900; letter-spacing: .1em; }

.venue-photo-policy {
  margin-top: 22px;
  padding: 16px 18px;
  display: flex;
  align-items: center;
  gap: 18px;
  border: 1px solid rgba(216, 177, 91, .32);
  border-radius: 10px;
  background: rgba(216, 177, 91, .06);
}

.venue-photo-policy b {
  flex: 0 0 auto;
  color: var(--gold);
  font-size: 9px;
  letter-spacing: .12em;
}

.venue-photo-policy span {
  color: rgba(255, 255, 255, .7);
  font-size: 11px;
  line-height: 1.55;
}

.venue-photo-policy a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.venue-directory-card {
  padding-top: 120px;
}

.venue-directory-card small {
  text-shadow: 0 1px 10px rgba(0, 0, 0, .9);
}

@media (max-width: 560px) {
  .venue-photo-policy {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}