/* Approved Beltana cover and scroll reveal. */
.page { position: relative; }
.page:focus { outline: none; }
.ac-intro {
  position: relative;
  min-height: 640px;
  height: 100svh;
  isolation: isolate;
  overflow: hidden;
  background: #19201b;
  color: #fff9eb;
  font-family: 'Beltana Work Sans', Arial, sans-serif;
}
.ac-og-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -2;
}
.ac-intro::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(#0005, transparent 27%, #0001 55%, #0009);
}
.ac-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 30px 4vw;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.ac-center {
  position: absolute;
  left: 4vw;
  right: 4vw;
  top: 49%;
  transform: translateY(-50%);
  text-align: center;
}
.ac-center .ac-visual-wordmark { margin: 0; line-height: 0; letter-spacing: 0; }
.ac-visual-wordmark img {
  display: block;
  width: min(66vw, 760px);
  max-width: 100%;
  height: auto;
  margin: auto;
  filter: drop-shadow(0 2px 12px #0005);
}
.ac-bottom {
  position: absolute;
  bottom: 7vh;
  left: 4vw;
  right: 4vw;
  display: flex;
  justify-content: flex-end;
}
.ac-enter {
  padding: 16px 0;
  border-bottom: 1px solid #fff9;
  color: inherit;
  text-decoration: none;
  font: 12px Arial, sans-serif;
  letter-spacing: 1px;
  display: flex;
  gap: 45px;
  align-items: center;
}
.ac-enter span[aria-hidden] { font-size: 22px; }
.ac-enter:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.ac-intro-visible .page > .topbar { visibility: hidden; }
.collective-brand .ac-header-wordmark { display: block; width: clamp(116px, 12vw, 172px); height: auto; }
.page .venue > img { filter: sepia(.16) saturate(1.14) brightness(.78); }
.page .venue.active > img { filter: sepia(.13) saturate(1.13) brightness(.88); }
.page .venue::before { background: linear-gradient(180deg, rgba(48,28,12,.08), rgba(40,23,11,.2) 48%, rgba(20,12,7,.9) 100%); }
@media (max-width: 820px) {
  .ac-top { padding: 18px 6vw; font-size: 8px; letter-spacing: 1px; }
  .ac-center { top: 47%; left: 5vw; right: 5vw; }
  .ac-visual-wordmark img { width: min(86vw, 520px); }
  .ac-bottom { left: 6vw; right: 6vw; bottom: 8vh; justify-content: flex-start; }
  .ac-enter { padding: 10px 0; gap: 25px; }
  .collective-brand .ac-header-wordmark { width: 126px; }
  .page > .topbar { position: absolute; }
}
@media (max-height: 650px) and (min-width: 821px) {
  .ac-intro { min-height: 560px; }
  .ac-center { top: 42%; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto !important; } }
