.event-glance {
  --glance-cream: #fff4e2;
  --glance-gold: #f2c988;
  --glance-muted: #e0cbb8;
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  background: #160d13;
  color: var(--glance-cream);
  font: 600 14px/1.45 Manrope, Arial, sans-serif;
}
.event-glance::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(180deg, #170c1399 0%, #170d14b8 52%, #160d13f2 100%),
    radial-gradient(ellipse at 50% 52%, #160c14d1 0%, #160c14ad 31%, transparent 78%),
    url("event-disco-ball.webp") 72% center / cover no-repeat;
  content: "";
}
.glance-shell {
  display: flex;
  flex-direction: column;
  width: min(100% - 36px, 570px);
  min-height: calc(100svh - var(--site-header-height));
  margin: auto;
  padding-bottom: 18px;
}
.glance-shell > main {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  padding: clamp(17px, 3.2svh, 28px) 0;
}
.glance-feature {
  margin: 0 0 clamp(17px, 3svh, 26px);
  text-align: center;
}
.glance-feature h1 {
  margin: 0 0 10px;
  color: var(--glance-gold);
  font: 700 .75rem/1.3 var(--font-display);
  letter-spacing: .15em;
  text-transform: uppercase;
}
.glance-feature img {
  width: min(100%, clamp(208px, min(74vw, 45svh), 365px));
  height: auto;
  margin: 0 auto;
}
.glance-details {
  display: grid;
  gap: 16px;
  text-align: center;
}
.glance-date {
  display: block;
  color: #fff7e8;
  font: 500 clamp(20px, 5.8vw, 30px)/1.25 "DM Sans", Manrope, Arial, sans-serif;
  letter-spacing: -.025em;
}
.glance-date span, .glance-venue strong span { color: var(--glance-gold); }
.glance-date .glance-date-accent, .glance-range span { color: #f3dbb2; }
.glance-venue {
  display: grid;
  gap: 2px;
  margin: 8px 0 0;
  color: var(--glance-muted);
  font-size: clamp(14px, 3.8vw, 17px);
  font-style: normal;
}
.glance-venue strong { color: var(--glance-muted); font-size: clamp(17px, 4.6vw, 21px); font-weight: 700; }
.glance-hours {
  width: min(100%, 215px);
  margin-inline: auto;
  padding-top: 13px;
  border-top: 1px solid #d7a76e6b;
}
.glance-range {
  margin: 0;
  color: var(--glance-cream);
  font: 700 clamp(32px, 9.5vw, 44px)/1.05 "DM Sans", Manrope, Arial, sans-serif;
  letter-spacing: -.045em;
  white-space: nowrap;
}
.glance-range span { font-size: .68em; letter-spacing: -.025em; }
.glance-range .glance-range-divider { color: var(--glance-gold); vertical-align: .12em; }
.glance-last-entry { margin: 5px 0 0; color: var(--glance-muted); font-size: clamp(14px, 3.8vw, 17px); }
.glance-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-self: center;
  gap: 0 clamp(16px, 6vw, 42px);
  width: min(100% - 4px, 430px);
  margin-top: clamp(18px, 3svh, 32px);
}
.glance-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 0;
  padding: 6px 0;
  font-size: clamp(11.5px, 3.5vw, 13px);
  white-space: nowrap;
  text-align: center;
  color: var(--glance-muted);
  text-decoration-color: #d7a76e75;
  text-underline-offset: 4px;
}
.glance-actions a:hover { color: var(--glance-cream); }

@media (max-width: 550px) {
  .event-glance::before {
    background:
      linear-gradient(180deg, #170c1373 0%, #170d14ab 45%, #160d13f5 100%),
      radial-gradient(ellipse at 50% 51%, #160c14c9 0%, #160c1499 46%, transparent 84%),
      url("event-disco-ball.webp") 80% center / cover no-repeat;
  }
}