/* ===== VENUE NETWORK PAGE ===== */
.hero-word { display: inline-block; opacity: 0; animation: heroWordIn 0.85s cubic-bezier(.16,.84,.32,1) forwards; }
.hero-sub { opacity: 0; animation: heroWordIn 0.85s cubic-bezier(.16,.84,.32,1) forwards; animation-delay: 0.5s; }
@media (max-width: 640px) { .hero-word, .hero-sub { animation: none !important; opacity: 1 !important; transform: none !important; filter: none !important; } }

.venue-pill { cursor: pointer; font-family: inherit; font-size: 13.5px; font-weight: 500; padding: 11px 26px; border-radius: 999px; white-space: nowrap; transition: transform 0.2s ease, opacity 0.2s ease; border: 1px solid transparent; }
.venue-pill.inactive { color: #ffffff; background: transparent; border: 1px solid rgba(255,255,255,0.6); }
.venue-pill.inactive:hover { transform: translateY(-2px); background: rgba(255,255,255,0.10); border-color: #fff; }
.venue-pill.active { color: #0c0a18; background: #ffffff; font-weight: 600; border: 1px solid #ffffff; }

.enquire-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-decoration: none; font-size: 14px; font-weight: 500; color: #ffffff; padding: 13px 40px; border-radius: 999px; background: transparent; border: 1px solid rgba(255,255,255,0.6); transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease; }
.enquire-btn:hover { transform: translateY(-2px); border-color: #fff; background: rgba(255,255,255,0.10); }

@keyframes blockFade { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
.venue-block { opacity: 1; animation: blockFade 0.5s cubic-bezier(.16,.84,.32,1); }
.venue-row { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
@media (max-width: 760px) { .venue-row { grid-template-columns: 1fr; } .venue-row .v-img { order: -1 !important; } }
.v-img.order-first { order: 0; }
.v-img.order-last { order: 2; }
.v-txt { order: 1; }
.venue-carousel { position: relative; width: 100%; aspect-ratio: 4 / 3; border-radius: 17px; overflow: hidden; background: #0a0a14; }
.venue-carousel-slide { position: absolute; inset: 0; transition: opacity 1s ease; opacity: 0; pointer-events: none; }
.venue-carousel-slide.active { opacity: 1; pointer-events: auto; }
.venue-carousel-slide > div { width: 100%; height: 100%; background-size: cover; background-position: center; }
.v-kicker { font-size: 13.5px; font-weight: 400; line-height: 1.6; color: #ffffff; max-width: 420px; margin-bottom: 16px; display: block; }
.v-title { font-size: clamp(26px, 3.2vw, 38px); font-weight: 600; line-height: 1.1; letter-spacing: -0.01em; margin: 0 0 18px; }
.v-body { font-size: 15px; font-weight: 300; line-height: 1.75; color: #ffffff; margin: 0 0 28px; text-align: justify; max-width: 400px; }