.page-home .club-map {
  --map-accent:#ff1641;
  margin:0 0 48px;
  padding:26px;
  border:1px solid #353537;
  border-left:4px solid #ff0038;
  background:#080809;
  color:#f5f5f5;
}
.page-home .club-map-nav {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  padding-bottom:17px;
  margin-bottom:22px;
  border-bottom:1px solid #b40028;
}
.page-home .club-map-nav-label {
  display:flex;
  align-items:center;
  min-height:40px;
  margin-right:11px;
  padding:7px 29px 7px 13px;
  clip-path:polygon(0 0,100% 0,calc(100% - 17px) 100%,0 100%);
  background:#f0002f;
  color:#fff;
  font:700 13px/1 var(--display);
  white-space:nowrap;
}
.page-home .club-map-nav button {
  min-height:40px;
  padding:8px 13px;
  border:1px solid #414143;
  border-bottom:2px solid #7d1728;
  background:#1b1b1d;
  color:#f1f1f2;
  font:700 11px/1.2 var(--display);
  white-space:nowrap;
  cursor:pointer;
  transition:background .2s,border-color .2s,transform .2s;
}
.page-home .club-map-nav button:hover { background:#303032;transform:translateY(-2px); }
.page-home .club-map-nav button[aria-pressed=true] { border-color:#ff0038;background:#ef0034;color:#fff; }
.page-home .club-map-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:22px;
}
.page-home .club-map-kicker {
  color:#a9a9ad;
  font:700 10px/1.2 var(--mono);
  letter-spacing:.15em;
}
.page-home .club-map-heading h3 {
  margin:11px 0 0;
  font:700 clamp(29px,3.8vw,50px)/1 var(--display);
  letter-spacing:-.02em;
}
.page-home .club-map-heading>p {
  max-width:230px;
  margin:0 0 4px;
  color:#c7c7cb;
  font:500 13px/1.4 var(--body);
}
.page-home .club-map-stage {
  position:relative;
  width:100%;
  aspect-ratio:1180/1092;
  border:1px solid #555558;
  border-top:5px solid #f0002f;
  background:#101011;
  overflow:visible;
}
.page-home .club-map-stage::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid #ffffff10;
  box-shadow:inset 0 0 40px #0008;
}
.page-home .club-map-canvas { position:absolute;inset:0; }
.page-home .club-map-canvas canvas { display:block;width:100%;height:100%; }
.page-home .club-map-fallback {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  color:#eee;
  text-align:center;
  font:600 16px/1.4 var(--body);
  background:#101011;
}
.page-home .club-map-ready .club-map-fallback { display:none; }
.page-home .club-map-card[hidden] { display:none; }
.page-home .club-map-card {
  position:sticky;
  z-index:2;
  top:92px;
  width:min(438px,calc(100% - 44px));
  margin:22px 22px 0 auto;
  padding:17px;
  border:1px solid #77777b;
  background:#111113f7;
  box-shadow:0 22px 55px #000d;
  animation:club-map-card-in .22s ease-out both;
}
.page-home .club-map[data-card-side=left] .club-map-card { margin-left:22px;margin-right:auto; }
@keyframes club-map-card-in { from { opacity:0;transform:translateY(-7px); } to { opacity:1;transform:translateY(0); } }
.page-home .club-map-card-top { display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-17px -17px 13px;padding:8px 17px;background:#f0002f; }
.page-home #club-map-panel-index { color:#fff;font:700 11px/1.2 var(--display);letter-spacing:.02em; }
.page-home .club-map-close {
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid #ffffff94;
  background:#b80028;
  color:#fff;
  font:400 21px/1 Arial,sans-serif;
  cursor:pointer;
}
.page-home .club-map-close:hover { background:#760019; }
.page-home .club-map-panel-body { margin-top:5px; }
.page-home .club-map-panel-type {
  margin:0;
  color:var(--map-accent);
  font:700 10px/1.25 var(--body);
  letter-spacing:.1em;
}
.page-home .club-map-card h4 {
  margin:4px 0 7px;
  color:#fff;
  font:700 clamp(22px,2.2vw,29px)/1.05 var(--display);
  text-transform:uppercase;
  white-space:nowrap;
}
.page-home #club-map-panel-copy { margin:0;color:#dedee1;font:400 12px/1.4 var(--body); }
.page-home #club-map-panel-specs { display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none; }
.page-home #club-map-panel-specs li {
  padding:5px 8px;
  border:1px solid #56565b;
  background:#222225;
  color:#f0f0f1;
  font:600 11px/1.2 var(--body);
}
.page-home .club-map-card-photos { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px; }
.page-home .club-map-card-photos img { display:block;width:100%;height:94px;object-fit:cover;background:#262629; }
.page-home .club-map-card-actions { display:flex;align-items:stretch;gap:8px;margin-top:13px; }
.page-home .club-map-book,.page-home .club-map-panel-link {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:42px;
  padding:8px 11px;
  color:#fff;
  font:700 11px/1.2 var(--body);
  white-space:nowrap;
  text-decoration:none;
  transition:background .2s,transform .2s;
}
.page-home .club-map-book { flex:1;border:1px solid #ff1641;background:#f0002f; }
.page-home .club-map-book:hover { background:#ff2853;transform:translateY(-2px); }
.page-home .club-map-panel-link { border:1px solid #747477;background:#232326; }
.page-home .club-map-panel-link:hover { background:#353538; }
.page-home .club-map :is(button,a):focus-visible { outline:2px solid #fff;outline-offset:3px; }
@media(max-width:1050px) {
  .page-home .club-map { padding:18px; }
  .page-home .club-map-card { top:82px;width:min(390px,calc(100% - 28px));margin:14px 14px 0 auto; }
  .page-home .club-map[data-card-side=left] .club-map-card { margin-left:14px; }
  .page-home .club-map-card h4 { font-size:23px; }
  .page-home .club-map-card-photos img { height:76px; }
}
@media(max-width:767px) { .page-home .club-map { display:none; } }
@media(prefers-reduced-motion:reduce) {
  .page-home .club-map-card { animation:none; }
  .page-home .club-map-nav button,.page-home .club-map-book,.page-home .club-map-panel-link { transition:none; }
}