/* vg-halls.css — Halls portfolio redesign (2 Oct 2026). Scoped to main.vh; !important only where the site skin forces colour/size. */
.vh{--paper:#fff9fc;--lilac:#f7eff8;--line:#e8d9e9;--ink:#34203f;--muted:#6b5b71;--violet:#733b91;--deep:#32173f;--deeper:#1f0d2a;--pink:#f7b5d3;--gold:#c9a24b;--gold-lt:#dcb277;--display:'Bodoni Moda',Didot,serif;--serif:'Cormorant Garamond',Georgia,serif;--ui:'Outfit',sans-serif;background:var(--paper);color:var(--ink);overflow-x:clip}
.vh .vh-wrap{width:min(100% - 32px,1240px);margin-inline:auto}
.vh .vh-sec{padding:clamp(4.5rem,8vw,7rem) 0}
.vh .vh-sec--lilac{background:var(--lilac)}
.vh .vh-eyebrow{font:500 .75rem/1.3 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--violet);display:inline-flex;align-items:center;gap:.7rem}
.vh .vh-eyebrow::before{content:"";width:28px;height:1px;background:currentColor;opacity:.6;flex:none}
.vh .vh-head{max-width:72ch;margin:0 0 clamp(1.8rem,3.5vw,2.8rem)}
.vh .vh-head h2,.vh .vh-head .section-head h2{font-family:var(--display)!important;font-weight:500!important;font-size:clamp(2.1rem,4vw,3.6rem)!important;line-height:1.03!important;letter-spacing:-.02em!important;color:var(--deep)!important;-webkit-text-fill-color:var(--deep);margin:.8rem 0 0!important;text-align:left!important;text-wrap:balance}
.vh .vh-head p{font-size:1.1rem!important;line-height:1.65!important;color:var(--muted)!important;margin:1rem 0 0!important;max-width:64ch}
.vh .section-head{text-align:left!important;margin-inline:0!important}
/* hero */
.vh-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--deeper);color:#fff9fc;padding:clamp(7.5rem,11vw,10rem) 0 clamp(3.5rem,6vw,5rem);min-height:min(90svh,960px);display:grid;align-items:center}
.vh-hero-bg{position:absolute;inset:0;z-index:0;margin:0}
.vh-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:saturate(.85) brightness(.9);animation:vh-ken 18s ease-out both}
@keyframes vh-ken{from{transform:scale(1.06)}to{transform:none}}
.vh-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(31,13,42,.96) 0%,rgba(31,13,42,.84) 42%,rgba(31,13,42,.4) 100%),linear-gradient(180deg,rgba(31,13,42,.35),transparent 40%,rgba(31,13,42,.88))}
.vh-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(50% 45% at 85% 15%,rgba(247,181,211,.16),transparent 70%)}
.vh .vh-hero-label{top:auto!important;left:auto!important;bottom:16px;right:16px}
.vh-hero-grid{position:relative;z-index:2;display:grid;gap:2.2rem 3.5rem;align-items:center}
@media(min-width:1000px){.vh-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,400px)}}
.vh .vh-hero .vh-eyebrow{color:#f3cfe0}
.vh .vh-hero h1{font-family:var(--display)!important;font-weight:500!important;font-size:clamp(2.8rem,6vw,5.6rem)!important;line-height:.98!important;letter-spacing:-.03em!important;color:#fff9fc!important;-webkit-text-fill-color:#fff9fc;margin:1.1rem 0 0!important;max-width:13ch;text-wrap:balance}
.vh .vh-hero h1::after{content:none!important}
.vh .vh-hero .vh-hero-sub{font-family:var(--serif)!important;font-style:italic;font-size:clamp(1.2rem,1.8vw,1.55rem)!important;line-height:1.42!important;color:var(--pink)!important;max-width:44ch;margin:1.2rem 0 0!important;opacity:1!important}
.vh-hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}
.vh .vh-hero-actions .btn.ghost{color:#fff9fc!important;border-color:rgba(255,249,252,.5)!important}
.vh-hero-stats{display:grid;grid-template-columns:repeat(2,1fr);margin:2.4rem 0 0;border-top:1px solid rgba(247,181,211,.28)}
@media(min-width:640px){.vh-hero-stats{grid-template-columns:repeat(4,1fr)}}
.vh-hero-stats div{display:flex;flex-direction:column-reverse;padding:1.1rem 1rem 0 0}
.vh-hero-stats dt{font:500 .72rem/1.3 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--pink);margin-top:.45rem}
.vh-hero-stats dd{margin:0;font-family:var(--display);font-size:clamp(1.7rem,2.5vw,2.3rem);line-height:1;color:#fff9fc}
.vh .vg-hero-form{background:#fff!important;color:var(--ink);border-radius:8px!important;padding:1.5rem!important;border:1px solid var(--line)!important;box-shadow:0 50px 90px -40px rgba(0,0,0,.75)!important;position:relative!important;top:auto!important}
@media(max-width:999px){.vh .vg-hero-form{max-width:640px}}
/* finder */
.vh-finder-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:clamp(1.4rem,3vw,2.6rem);display:grid;gap:2rem}
@media(min-width:900px){.vh-finder-card{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}}
.vh-finder-q{font:500 .75rem/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:block}
.vh-finder-n{display:block;font-family:var(--display);font-size:clamp(3.8rem,8vw,6.2rem);line-height:1;color:var(--deep);margin:.5rem 0 0;font-variant-numeric:tabular-nums}
.vh-finder-n small{font-family:var(--serif);font-style:italic;font-size:.3em;color:var(--violet);margin-left:.35em}
.vh-ruler{position:relative;height:64px;margin:1.6rem 0 .3rem}
.vh-ruler-track{position:absolute;left:0;right:0;top:30px;height:6px;border-radius:999px;background:#efe3f1}
.vh-ruler-seg{position:absolute;top:30px;height:6px}
.vh-ruler-seg.s-pearl{background:#e7b9d2}.vh-ruler-seg.s-grand{background:#b88ad0}.vh-ruler-seg.s-royal{background:#733b91}
.vh-ruler-seg span{position:absolute;bottom:14px;left:0;font:500 .72rem/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.vh-ruler input[type=range]{position:absolute;left:0;right:0;top:0;width:100%;height:64px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.vh-ruler input[type=range]::-webkit-slider-runnable-track{height:64px;background:transparent}
.vh-ruler input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:18px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 3px 12px rgba(50,23,63,.35)}
.vh-ruler input[type=range]::-moz-range-track{height:64px;background:transparent}
.vh-ruler input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 3px 12px rgba(50,23,63,.35)}
.vh-ruler input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid var(--violet);outline-offset:2px}
.vh-ruler input[type=range]:focus-visible::-moz-range-thumb{outline:3px solid var(--violet);outline-offset:2px}
.vh-ruler-scale{position:relative;height:1.2rem;font:500 .78rem/1 var(--ui);color:var(--muted);font-variant-numeric:tabular-nums}
.vh-ruler-scale span{position:absolute;transform:translateX(-50%)}
.vh-ruler-scale span:last-child{transform:translateX(-100%)}
@media(max-width:600px){.vh-ruler-seg span{display:none}}
.vh-finder-out{border-left:2px solid var(--pink);padding:.2rem 0 .2rem 1.6rem;min-height:12rem}
.vh-finder-k{font:500 .75rem/1 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--violet)}
.vh .vh-finder-out h3{font-family:var(--display)!important;font-weight:500!important;font-size:clamp(2rem,3.2vw,2.8rem)!important;line-height:1.05!important;color:var(--deep)!important;margin:.6rem 0 0!important}
.vh .vh-finder-band{font-family:var(--serif)!important;font-style:italic;font-size:1.3rem!important;color:var(--violet)!important;margin:.3rem 0 0!important}
.vh .vh-finder-out p{color:var(--ink)!important;line-height:1.65;margin:.8rem 0 0}
.vh-finder-links{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:1.2rem}
.vh-finder-links a{font:600 .8rem/1.3 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--violet)!important;text-decoration:underline;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
/* flagship spreads */
.vh-hall{display:grid;gap:1.8rem 4.5rem;align-items:center;padding:clamp(2.4rem,4.5vw,3.6rem) 0;border-top:1px solid var(--line);scroll-margin-top:100px;transition:background .4s}
.vh-hall:first-of-type{border-top:0;padding-top:0}
@media(min-width:900px){.vh-hall{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.vh-hall:nth-of-type(even) .vh-hall-img{order:2}}
.vh-hall-img{position:relative;margin:0;border-radius:12px;overflow:hidden;aspect-ratio:4/5;background:#efe3f1;transition:box-shadow .4s}
@media(min-width:900px){.vh-hall-img{aspect-ratio:5/6}}
.vh-hall-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}
.vh-hall:hover .vh-hall-img img{transform:scale(1.03)}
.vh-hall.is-match .vh-hall-img{box-shadow:0 0 0 3px var(--gold),0 30px 60px -30px rgba(50,23,63,.45)}
.vh-hall-k{font:500 .75rem/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--violet)}
.vh .vh-hall h3{font-family:var(--display)!important;font-weight:500!important;font-size:clamp(2.1rem,3.6vw,3.2rem)!important;line-height:1.04!important;color:var(--deep)!important;-webkit-text-fill-color:var(--deep);margin:.7rem 0 0!important;letter-spacing:-.02em!important}
.vh-hall-cap{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .7rem;margin:1.1rem 0 0}
.vh-hall-cap b{font-family:var(--display);font-weight:500;font-size:clamp(3.6rem,7.5vw,6rem);line-height:.9;color:var(--violet);letter-spacing:-.035em}
.vh-hall-cap span{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--muted)}
.vh .vh-hall-body>p{font-size:1.08rem!important;line-height:1.7!important;color:var(--ink)!important;margin:1.3rem 0 0!important;max-width:52ch}
.vh .vh-hall-body>p a{color:var(--violet)!important}
.vh-hall-meta{margin:1.6rem 0 0;border-top:1px solid var(--line)}
.vh-hall-meta div{display:grid;grid-template-columns:110px 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.vh-hall-meta dt{font:500 .72rem/1.6 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--violet)}
.vh-hall-meta dd{margin:0;color:var(--ink);line-height:1.55}
.vh-hall-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.7rem}
/* at a glance */
.vh-glance{display:grid;gap:clamp(2rem,4vw,3rem)}
@media(min-width:1100px){.vh-glance{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}}
.vh .vh-glance .section-head h2,.vh .vh-glance h2{font-family:var(--display)!important;font-weight:500!important;font-size:clamp(1.6rem,2.4vw,2.1rem)!important;line-height:1.1!important;color:var(--deep)!important;margin:0 0 .6rem!important;text-align:left!important}
.vh .vh-glance .section-head p{color:var(--muted)!important;font-size:1rem!important}
.vh .table-wrap{border:1px solid var(--line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;overflow:auto}
.vh .table-wrap thead th{font:500 .72rem/1.3 var(--ui)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--violet)!important;background:#fbf6fc!important;border-bottom:1px solid #dcc6e0!important;padding:1rem .9rem!important;text-align:left;white-space:nowrap}
.vh .table-wrap td{padding:.95rem .9rem!important;border-bottom:1px solid var(--line)!important;background:#fff;vertical-align:top;line-height:1.5}
.vh .table-wrap tbody tr td:first-child{font-family:var(--display);font-size:1.12rem;color:var(--deep)}
/* inclusions */
.vh-incl{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
@media(min-width:760px){.vh-incl{grid-template-columns:1fr 1fr}}
.vh .vh-incl article{background:#fff!important;background-image:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:clamp(1.6rem,3vw,2.6rem)!important;transform:none!important}
.vh .vh-incl h3{font-family:var(--display)!important;font-weight:500!important;font-size:1.6rem!important;color:var(--deep)!important;margin:0 0 1rem!important}
.vh .vh-incl li{line-height:1.6;padding:.35rem 0;color:var(--ink)!important}
.vh .vh-incl li::marker{color:var(--gold)}
/* prose */
.vh .vh-prose{max-width:68ch}
.vh .vh-prose p{font-size:1.12rem!important;line-height:1.8!important;color:var(--ink)!important;margin:0 0 1.1rem!important}
.vh .vh-prose p:first-of-type::first-letter{font-family:var(--display);font-size:3.4em;float:left;line-height:.8;padding:.08em .1em 0 0;color:var(--violet)}
/* answers */
.vh .vh-qa .section-head h2{font-family:var(--display)!important;font-size:clamp(2.1rem,4vw,3.4rem)!important;color:var(--deep)!important;text-align:left!important}
.vh .vh-qa .cards-3{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:900px){.vh .vh-qa .cards-3{grid-template-columns:1fr 1fr}}
.vh .vh-qa .callout{background:#fff!important;background-image:none!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important;padding:1.6rem!important}
.vh .vh-qa .callout h3{font-family:var(--display)!important;font-weight:500!important;font-size:1.3rem!important;line-height:1.25!important;color:var(--deep)!important;margin:0 0 .7rem!important}
.vh .vh-qa .callout p{color:var(--ink)!important;line-height:1.65}
/* closing CTA */
.vh-cta{position:relative;isolation:isolate;overflow:hidden;background:var(--deeper);color:#fff9fc;padding:clamp(5.5rem,9vw,8rem) 0;text-align:center}
.vh-cta::before{content:"";position:absolute;inset:0;z-index:-1;background:url(/assets/venues/veloria-bellandur-1200.webp) center 45%/cover no-repeat;opacity:.24;filter:saturate(.8)}
.vh-cta::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 60% at 50% 110%,rgba(247,181,211,.2),transparent 70%),linear-gradient(180deg,var(--deeper),rgba(31,13,42,.5) 50%,var(--deeper))}
.vh .vh-cta h3{font-family:var(--display)!important;font-weight:500!important;font-size:clamp(2.2rem,4.6vw,4rem)!important;line-height:1.02!important;letter-spacing:-.025em!important;color:#fff9fc!important;-webkit-text-fill-color:#fff9fc;max-width:18ch;margin:0 auto 1.1rem!important;text-wrap:balance}
.vh .vh-cta p{font-family:var(--serif)!important;font-style:italic;font-size:clamp(1.15rem,1.7vw,1.45rem)!important;line-height:1.45!important;color:rgba(255,249,252,.86)!important;max-width:56ch;margin:0 auto!important}
.vh .vh-cta .actions{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin-top:1.8rem}
.vh .vh-cta .btn.ghost{color:#fff9fc!important;border-color:rgba(255,249,252,.5)!important}
@media(prefers-reduced-motion:reduce){.vh-hero-bg img{animation:none}.vh-hall-img img{transition:none}}
/* v2: compact venue collection on the halls page; 12px label floor */
.vh .vh-coll .vgc-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important;gap:14px!important}
.vh .vh-coll .vgc-tile{min-height:0!important;height:auto!important}
.vh .vh-coll .vgc-media,.vh .vh-coll .vgc-panel{height:auto!important;min-height:0!important;aspect-ratio:4/3!important}
.vh .vh-coll .vgc-media picture,.vh .vh-coll .vgc-media img{height:100%!important;width:100%!important;object-fit:cover}
.vh .vh-coll .vgc-line,.vh .vh-coll .vgc-addr{display:none!important}
.vh .vh-coll .vgc-body{padding:.9rem 1rem 1rem!important;min-height:0!important;height:auto!important}
.vh .vh-coll .vgc-t{font-size:1.2rem!important;margin:0!important}
.vh .vh-coll .vgc-zone{margin-top:1.6rem!important}
.vh .vh-coll .vgc-eyebrow,.vh .vh-coll .vgc-count,.vh .vh-coll .vgc-status{font-size:.75rem!important}
.vh .vh-hero-stats dt,.vh .vh-hall-meta dt{font-size:.75rem}
.vh .table-wrap thead th{font-size:.75rem!important}
/* v4: phones — each venue zone becomes a swipe row; 40px tap targets on venue links */
.vh .vh-coll .vgc-a{min-height:40px;display:inline-flex;align-items:center}
@media(max-width:760px){
.vh .vh-coll .vgc-grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:68%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.6rem;scrollbar-width:thin}
.vh .vh-coll .vgc-tile{scroll-snap-align:start}
.vh .vh-coll .vgc-zone-h{margin-bottom:.8rem}
}
/* v5: clean-up after visual review — uniform venue tiles, stacked tables, list markers, dark band */
.vh .vh-coll .vgc-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
@media(max-width:1100px) and (min-width:761px){.vh .vh-coll .vgc-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.vh .vh-coll .vgc-tile{border:1px solid #e8d9e9!important;border-radius:10px;overflow:hidden;box-shadow:none!important;background:#fff!important}
.vh .vh-coll .vgc-tile:hover{transform:none!important;box-shadow:0 22px 44px -34px rgba(50,23,63,.5)!important}
.vh .vh-coll .vgc-media,.vh .vh-coll .vgc-panel{padding:0!important;aspect-ratio:4/3!important}
.vh .vh-coll .vgc-media::before{inset:0!important;border:0!important}
.vh .vh-coll .vgc-panel-in{padding:1rem!important;background:linear-gradient(150deg,#4b2360,#2a1236)!important}
.vh .vh-coll .vgc-panel-in::before{inset:8px!important;border-color:rgba(201,162,75,.35)!important}
.vh .vh-coll .vgc-panel-in svg{width:52px!important;height:52px!important;margin-bottom:.6rem!important}
.vh .vh-coll .vgc-panel-in .vgc-pa{font-size:1.05rem!important;line-height:1.2!important;letter-spacing:0!important}
.vh .vh-coll .vgc-panel-in .vgc-pb{font-size:.62rem!important;letter-spacing:.2em!important;margin-top:.45rem!important}
.vh .vh-coll .vgc-body{padding:1rem 1.1rem 1.05rem!important;gap:.35rem!important}
.vh .vh-coll .vgc-t{font-size:1.15rem!important;line-height:1.2!important}
.vh .vh-coll .vgc-status{border:0!important;background:none!important;padding:0!important;font-size:.72rem!important;letter-spacing:.12em!important;color:#6b5b71!important;align-self:auto!important}
.vh .vh-coll .vgc-status.is-new{color:#7d5f2b!important;font-weight:600}
.vh .vh-coll .vgc-links{padding-top:.5rem!important;gap:.3rem .9rem!important}
.vh .vh-coll .vgc-links a{font-size:.7rem!important;letter-spacing:.12em!important;min-height:36px!important}
.vh .vh-coll .vgc-zoom{display:none!important}
.vh .vh-coll .vg-label{top:10px;left:10px}
.vh .vh-coll .vgc-zone-h{margin-bottom:1rem!important}
.vh .vh-coll .vgc-zone-h h3{font-size:1.6rem!important}
.vh .vh-coll .vgc-note{margin-top:1.6rem;color:#6b5b71}
.vh .vh-glance{grid-template-columns:1fr!important}
.vh .vh-glance>div+div{margin-top:1.4rem}
.vh .table-wrap thead th{white-space:normal!important}
.vh .vh-incl ul.list{list-style:none!important;padding:0!important;margin:0!important}
.vh .vh-incl ul.list li{position:relative;padding:.4rem 0 .4rem 1.25rem!important;list-style:none!important}
.vh .vh-incl ul.list li::marker{content:""}
.vh .vh-incl ul.list li::before{content:"";position:absolute;left:0;top:.95em;width:7px;height:7px;border-radius:50%;background:#c9a24b}
main.vh + .internal-links{background:#1f0d2a!important;border-top:1px solid rgba(247,181,211,.2)!important}
main.vh + .internal-links h2{color:#f3cfe0!important;font-family:'Bodoni Moda',Didot,serif!important;font-weight:500!important}
main.vh + .internal-links a{color:#e6cf96!important}
