.venues-directory { min-height: 780px; padding-bottom: 90px; background: #0b0b0d; color: #f7f7f8; font-family: Inter, Arial, sans-serif; }
.venues-directory *, .venues-directory *::before, .venues-directory *::after { box-sizing: border-box; }
.venues-directory__shell { width: calc(100% - 40px); max-width: 1320px; margin-inline: auto; }
.venues-directory .venues-directory__crumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding-top: 13px; background: transparent !important; font-size: 10px; line-height: 1.4; }
.venues-directory__crumbs a { text-decoration: none; }
.venues-directory__intro { margin: 46px 0 38px; }
.venues-directory__intro h1 { margin: 0 0 6px; font: 700 clamp(56px, 6vw, 88px)/.98 'Barlow Condensed', Impact, sans-serif; }
.venues-directory__intro p { margin: 0; color: #d6d6da; font-size: clamp(15px, 1.5vw, 19px); line-height: 1.5; }
.venues-directory__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.venues-directory__card { display: block; min-width: 0; overflow: hidden; border: 1px solid #37373c; background: #0d0d10; color: #f7f7f8; text-decoration: none; transition: border-color .2s ease; }
.venues-directory__card[href]:hover { border-color: #e2344b; color: #fff; }
.venues-directory__card[href]:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.venues-directory__media { display: block; aspect-ratio: 1.85; overflow: hidden; background: #151216; }
.venues-directory__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.venues-directory__media--art { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; isolation: isolate; padding: 20px; color: var(--art-ink); text-align: center; background: radial-gradient(ellipse at 50% 115%, var(--art-glow), transparent 55%), linear-gradient(135deg, var(--art-back), #08080b); }
.venues-directory__media--art::before { content: ""; position: absolute; z-index: -1; inset: 0; background: repeating-linear-gradient(115deg, transparent 0 42px, var(--art-line) 43px 44px, transparent 45px 88px); }
.venues-directory__media--art::after { content: ""; position: absolute; inset: 16px; border: 1px solid var(--art-line); box-shadow: inset 0 0 60px #0008; pointer-events: none; }
.venues-directory__art-title { font: 700 clamp(60px, 7vw, 100px)/.9 'Barlow Condensed', Impact, sans-serif; letter-spacing: .08em; text-shadow: 0 0 28px var(--art-glow); }
.venues-directory__art-subtitle { margin-top: 12px; font-size: clamp(10px, 1.2vw, 13px); font-weight: 600; letter-spacing: .45em; text-transform: uppercase; }
.venues-directory__media--havana { --art-ink: #ffd0a0; --art-glow: #e6383980; --art-line: #ffc48d28; --art-back: #4c101a; }
.venues-directory__media--mjq { --art-ink: #b4e8ff; --art-glow: #326de580; --art-line: #8cb9ff33; --art-back: #0b2349; }
.venues-directory__media--mjq::before { background: repeating-radial-gradient(ellipse at 50% 105%, transparent 0 36px, var(--art-line) 37px 39px, transparent 40px 72px); }
.venues-directory__media--believe { --art-ink: #e1c5ff; --art-glow: #8539f080; --art-line: #ce9bff2c; --art-back: #26104c; }
.venues-directory__media--revel { --art-ink: #ffe2a5; --art-glow: #d5902780; --art-line: #ffca6a2b; --art-back: #3a210b; }
.venues-directory__card--district img { object-position: center; }
.venues-directory__card--tng img { object-position: center 42%; }
.venues-directory__card-body { display: flex; flex-direction: column; align-items: flex-start; min-height: 184px; padding: 18px 25px 22px; }
.venues-directory__name { margin: 0; font: 700 clamp(38px, 3.2vw, 48px)/1 'Barlow Condensed', Impact, sans-serif; }
.venues-directory__tagline { margin: 5px 0 0; color: #dfdfe1; font-size: 17px; font-weight: 600; line-height: 1.35; }
.venues-directory__address { margin: 12px 0 0; color: #bfbfc3; font-size: 14px; line-height: 1.4; }
.venues-directory__action { display: inline-flex; align-items: center; gap: 12px; margin-top: auto; padding-top: 15px; color: #ff3b54; font: 700 18px/1 'Barlow Condensed', Impact, sans-serif; }
.venues-directory__action--upcoming { color: #aaaab0; font-size: 16px; letter-spacing: .04em; }
.venues-directory__action svg { width: 24px; height: 14px; transition: transform .2s ease; }
.venues-directory__card:hover .venues-directory__action svg { transform: translateX(4px); }
@media (min-width: 768px) { .venues-directory__shell { width: calc(100% - 48px); } }
@media (min-width: 1200px) { .venues-directory__shell { width: 84%; } }
@media (max-width: 700px) {
  .venues-directory { min-height: 0; padding-bottom: 56px; }
  .venues-directory__intro { margin: 40px 0 28px; }
  .venues-directory__intro h1 { font-size: clamp(48px, 12vw, 68px); }
  .venues-directory__grid { grid-template-columns: 1fr; gap: 20px; }
  .venues-directory__media { aspect-ratio: 1.65; }
  .venues-directory__card-body { min-height: 0; padding: 17px 19px 20px; }
  .venues-directory__name { font-size: 38px; }
  .venues-directory__tagline { font-size: 15px; }
  .venues-directory__address { font-size: 13px; }
}
@media (max-width: 360px) { .venues-directory__art-title { font-size: 48px; letter-spacing: .05em; } }
@media (prefers-reduced-motion: reduce) {
  .venues-directory__card, .venues-directory__media img, .venues-directory__action svg { transition: none; }
}