/* UBCC Homepage Preview — built on the Design Foundation v0.1.
   Content & photography sourced from the official ONGC ATI (UBCC) Goa brochures. */
:root{
  --p-50:#FDEFEA; --p-100:#FADDD4; --p-200:#F4C0AE; --p-300:#EB947A; --p-400:#E27250;
  --p-500:#D95225; --p-600:#C5431B; --p-700:#A63414; --p-800:#822812; --p-900:#642112;
  --gold-300:#FBBE56; --gold-500:#F59F14; --gold-700:#C9750D;
  --white:#FFFFFF; --paper:#FCFBFA; --sand-50:#F9F6F3; --sand-100:#F3EDE7;
  --sand-200:#E7DED5; --sand-300:#D4C6B9; --sand-400:#B6A496;
  --n-500:#907C6F; --n-600:#6B5B52; --n-700:#4E423B; --ink-800:#332B26;
  --ink:#221C19; --ink-900:#1A1512;
  --ok:#2E7D5B; --ok-bg:#E7F1EC; --info:#2C6E9B; --info-bg:#E6EFF5;
  --warn:#C9750D; --warn-bg:#FBEFD9; --crit:#B23A2A; --crit-bg:#F7E4E1;
  --bg:var(--paper); --surface:var(--white); --surface-2:var(--sand-50);
  --text:#2E2620; --text-muted:var(--n-600); --text-faint:var(--n-500);
  --border:var(--sand-200); --border-strong:var(--sand-300);
  --accent:var(--p-600); --accent-solid:var(--p-500); --accent-ink:var(--p-700); --focus:var(--p-600);
  --sunrise:linear-gradient(100deg,var(--gold-500) 0%,var(--p-500) 52%,var(--p-700) 100%);
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --deva:"Tiro Devanagari Hindi","Noto Serif Devanagari",Georgia,serif;
  --r-pill:999px; --r-lg:20px; --r-md:12px; --r-sm:8px; --r-xs:5px;
  --e-1:0 1px 2px rgba(34,28,25,.06),0 1px 2px rgba(34,28,25,.04);
  --e-2:0 6px 16px -6px rgba(34,28,25,.14),0 2px 6px -2px rgba(34,28,25,.08);
  --e-3:0 22px 48px -16px rgba(34,28,25,.26),0 8px 18px -10px rgba(34,28,25,.14);
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px; --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px;
  --maxw:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:var(--ink);line-height:1.12;letter-spacing:-.01em;text-wrap:balance;margin:0}
p{margin:0}
img{max-width:100%;display:block}
a{color:var(--accent-ink)}
.tnum{font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}
::selection{background:var(--p-200);color:var(--ink)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--s-5)}
.eyebrow{font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin:0}
.accent-rule{height:3px;width:44px;background:var(--sunrise);border:0;border-radius:2px;margin:var(--s-3) 0 0}
.lead{font-size:1.075rem;color:var(--text-muted)}
.grid{display:grid;gap:var(--s-5)}
.arw{font-family:var(--serif);line-height:0}

.btn{font-family:var(--sans);font-weight:600;font-size:.94rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:.5ch;padding:13px 22px;border-radius:var(--r-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .12s,box-shadow .16s}
.btn:active{transform:translateY(1px)}
.btn--primary{background:var(--p-600);color:#fff}
.btn--primary:hover{background:var(--p-700)}
.btn--ink{background:transparent;border-color:var(--ink);color:var(--ink)}
.btn--ink:hover{background:var(--ink);color:#fff}
.btn--outline{background:transparent;border-color:var(--border-strong);color:var(--ink)}
.btn--outline:hover{border-color:var(--ink);background:var(--sand-50)}
.btn--ghost{background:transparent;color:var(--accent-ink);padding-inline:12px}
.btn--ghost:hover{background:var(--p-50)}
.btn--hero{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}
.btn--hero:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn--lg{font-size:1rem;padding:16px 28px}
.btn--sm{font-size:.82rem;padding:9px 15px}

.tag{display:inline-flex;align-items:center;gap:.4ch;font-family:var(--sans);font-weight:600;font-size:.74rem;padding:5px 11px;border-radius:var(--r-pill)}
.tag--soft{background:var(--sand-100);color:var(--n-700);border:1px solid var(--border)}
.tag--accent{background:var(--p-50);color:var(--accent-ink);border:1px solid var(--p-100)}
.tag--gov{background:var(--info-bg);color:var(--info);border:1px solid #C9DCEA}
.tag--dot::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.tag-ok{background:var(--ok-bg);color:var(--ok)}
.tag-gold{background:var(--warn-bg);color:var(--warn)}
.chip{background:rgba(20,16,14,.66);color:#fff;font-size:.74rem;font-weight:600;padding:5px 11px;border-radius:var(--r-pill);backdrop-filter:blur(4px)}
.chip--gold{background:rgba(245,159,20,.95);color:var(--ink-900)}

.field{display:flex;flex-direction:column;gap:6px}
.field>label{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}
.field input,.field select{font-family:var(--sans);font-size:.95rem;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:11px 13px;width:100%;transition:border-color .15s,box-shadow .15s}
.field input::placeholder{color:var(--sand-400)}
.field input:focus,.field select:focus{outline:none;border-color:var(--p-600);box-shadow:0 0 0 3px rgba(217,82,37,.16)}
.seg{display:inline-flex;background:var(--sand-100);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px}
.seg button{font-family:var(--sans);font-weight:600;font-size:.84rem;border:0;background:transparent;color:var(--text-muted);padding:8px 16px;border-radius:var(--r-pill);cursor:pointer;transition:background .15s,color .15s}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:var(--e-1)}

.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.vcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--e-1);transition:box-shadow .18s,transform .18s,border-color .18s}
.vcard:hover{box-shadow:var(--e-3);transform:translateY(-3px);border-color:var(--sand-300)}
.vcard__img{position:relative;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:flex-end;padding:var(--s-3)}
.vcard__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.vcard__img::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(20,16,14,.55),transparent 52%);z-index:1}
.vcard__img .chip{position:relative;z-index:2}
.vcard__b{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2);flex:1}
.vcard__k{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}
.vcard__b h3{font-size:1.3rem}
.vcard__b h3 .dv{font-family:var(--deva);font-weight:500;color:var(--text-muted);font-size:.85em}
.vcard__b p{font-size:.9rem;color:var(--text-muted);flex:1}
.vcard__link{font-weight:600;font-size:.86rem;color:var(--accent-ink);text-decoration:none;display:inline-flex;gap:.4ch;align-items:center;margin-top:var(--s-1)}
.vcard__link:hover{gap:.7ch}

/* Signature venues — stacked horizontal cards (one consistent component) */
.venues-stack{display:flex;flex-direction:column;gap:var(--s-6)}
.vrow{display:grid;grid-template-columns:1fr;gap:var(--s-5);border-radius:26px;padding:var(--s-5);overflow:hidden;box-shadow:0 14px 38px -20px rgba(34,28,25,.42);transition:transform .2s ease,box-shadow .2s ease}
.vrow:nth-child(odd){background:linear-gradient(120deg,var(--p-600),var(--p-800))}
.vrow:nth-child(even){background:var(--ink-900)}
.vrow:hover{transform:translateY(-3px);box-shadow:0 24px 52px -22px rgba(34,28,25,.52)}
.vrow__img{order:-1;position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden}
.vrow__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vrow__body{display:flex;flex-direction:column;justify-content:center;gap:var(--s-3);padding:var(--s-3) var(--s-2) var(--s-2)}
.vrow__k{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-300)}
.vrow__body h3{font-size:clamp(1.6rem,2.6vw,2.15rem);color:#fff}
.vrow__body h3 .dv{font-family:var(--deva);font-weight:500;color:rgba(255,255,255,.62);font-size:.72em;margin-left:.3ch}
.vrow__body p{font-size:.96rem;color:rgba(255,255,255,.87);max-width:46ch;line-height:1.6}
.vspecs{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-2)}
.vspec{display:inline-flex;align-items:center;font-size:.76rem;font-weight:600;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);border-radius:var(--r-pill);padding:5px 12px}
.vspec--lead{background:#fff;border-color:transparent;color:var(--ink)}
@media(min-width:761px){
  .vrow{grid-template-columns:1.02fr 1fr;gap:var(--s-6);padding:var(--s-6);align-items:stretch}
  .vrow__img{order:0;aspect-ratio:auto;min-height:340px}
  .vrow:nth-child(odd) .vrow__body{order:1}
  .vrow__body{padding:var(--s-4) var(--s-5)}
}

/* Multi-Purpose Complex — its own space */
.mpc{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-7);align-items:center}
.mpc__media{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--e-2);aspect-ratio:4/3}
.mpc__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mpc__halls{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-3);margin:var(--s-5) 0}
.hall{background:var(--surface);border-radius:var(--r-md);padding:var(--s-4);box-shadow:var(--e-2)}
.hall b{display:block;font-family:var(--serif);font-size:1.05rem;color:var(--ink)}
.hall span{font-size:.76rem;color:var(--text-muted)}
@media(max-width:820px){.mpc{grid-template-columns:1fr;gap:var(--s-6)}}
@media(max-width:480px){.mpc__halls{grid-template-columns:1fr}}

.rescard{background:var(--surface);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);display:flex;align-items:center;gap:var(--s-4);box-shadow:var(--e-2)}
.rescard .meta{flex:1;min-width:0}
.rescard .meta b{display:block;color:var(--ink);font-weight:600;font-size:.95rem}
.rescard .meta small{color:var(--text-faint);font-size:.78rem}

.stat{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;gap:var(--s-2);min-height:158px;padding:var(--s-5);background:#fff;border-radius:16px;border:none;box-shadow:none}
.glance .stat{transition:opacity .7s cubic-bezier(.22,.72,.2,1),transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease,background .45s ease}
.glance .stat:hover{transform:translateY(-8px);box-shadow:var(--e-3);background:linear-gradient(155deg,var(--p-500) 0%,var(--p-700) 100%)}
.stat__icon{width:40px;height:40px;border-radius:11px;background:var(--p-50);color:var(--p-600);display:flex;align-items:center;justify-content:center;margin:0 0 var(--s-3);flex-shrink:0;transition:background .4s ease,color .4s ease,border-radius .4s ease}
.stat:hover .stat__icon{background:#fff;color:var(--p-600)}
.stat__icon svg{width:19px;height:19px}
.stat__n{font-family:var(--sans);font-size:clamp(1.7rem,2vw,2.15rem);font-weight:700;color:var(--ink);line-height:1;letter-spacing:-.02em;transition:color .4s ease}
.stat__n em{font-style:normal;color:var(--accent-solid);font-size:.5em;font-weight:700;vertical-align:.26em;margin-left:1px;transition:color .4s ease}
.stat:hover .stat__n,.stat:hover .stat__n em{color:#fff}
.stat__l{font-size:.86rem;font-weight:500;letter-spacing:0;color:var(--text-muted);line-height:1.4;max-width:20ch;margin-top:0;transition:color .4s ease}
.stat:hover .stat__l{color:rgba(255,255,255,.88)}
.stat__u{font-style:normal;font-size:.5em;font-weight:700;color:var(--accent-solid);margin-left:3px;letter-spacing:.01em;transition:color .4s ease}
.stat:hover .stat__u{color:#fff}
.stat--text .stat__n{font-size:clamp(1.2rem,1.7vw,1.55rem)}

.preview-bar{background:var(--ink-900);color:var(--sand-300);font-size:.78rem;text-align:center;padding:8px var(--s-5);letter-spacing:.02em}
.preview-bar b{color:var(--gold-300);font-weight:600}

.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 3px 14px -4px rgba(34,28,25,.16)}
.site-header__in{max-width:var(--maxw);margin:0 auto;padding:11px var(--s-5);display:flex;align-items:center;gap:var(--s-4)}
.brand-lockup{display:flex;align-items:center;gap:var(--s-3);flex:1}
.ongc-logo{height:15px;width:auto;flex-shrink:0}
.brand-div{width:1px;height:34px;background:var(--border-strong);flex-shrink:0}
.logo{display:block}
.logo img{height:50px;width:auto}
@media(max-width:400px){.ongc-logo{height:12px}.logo img{height:40px}}
.mainnav{display:flex;gap:2px}
.mainnav a{font-size:.87rem;font-weight:500;color:var(--text-muted);text-decoration:none;padding:8px 11px;border-radius:var(--r-pill)}
.mainnav a:hover{background:var(--sand-100);color:var(--ink)}
.header-actions{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:var(--s-4)}
.lang{display:flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text-faint)}
.lang button{border:0;background:transparent;font:inherit;color:var(--text-faint);cursor:pointer;padding:2px 5px;border-radius:5px}
.lang button[aria-pressed="true"]{color:var(--accent-ink);font-weight:700}
.lang .dv{font-family:var(--deva)}
@media(max-width:960px){.mainnav{display:none}}
@media(max-width:520px){.lang{display:none}}

.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;min-height:min(90vh,840px);display:grid;align-items:center}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:0}
.hero__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(96deg,rgba(16,12,10,.9) 0%,rgba(16,12,10,.74) 40%,rgba(16,12,10,.46) 72%,rgba(16,12,10,.32) 100%)}
.hero__glow{position:absolute;inset:0;z-index:1;background:radial-gradient(48% 70% at 84% 26%,rgba(245,159,20,.26),transparent 66%);pointer-events:none}
.hero__in{position:relative;z-index:2;padding:var(--s-9) var(--s-5)}
.hero .eyebrow{color:var(--gold-300)}
.hero h1{color:#fff;font-weight:400;font-size:clamp(2.7rem,6.4vw,5rem);max-width:15ch;margin-top:var(--s-4)}
.hero h1 em{font-style:italic;color:var(--gold-300)}
.hero__sub{color:rgba(255,255,255,.86);font-size:1.15rem;max-width:56ch;margin-top:var(--s-5)}
.hero__cta{display:flex;flex-wrap:wrap;gap:var(--s-4);margin-top:var(--s-7)}
.section{padding:var(--s-9) 0}
.section--tint{background:var(--surface-2)}
.sec-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-7)}
.sec-head .txt{max-width:60ch}
.sec-head h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin-top:var(--s-3)}
.sec-head .lead{margin-top:var(--s-3)}
.seelink{font-weight:600;font-size:.9rem;color:var(--accent-ink);text-decoration:none;white-space:nowrap}
.seelink:hover{text-decoration:underline}

.glance{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3);align-items:stretch}
.glance-cta{margin-top:var(--s-7);display:flex;justify-content:center}
@media(max-width:920px){.glance{grid-template-columns:repeat(2,1fr);gap:var(--s-4)}}
@media(max-width:440px){.glance{grid-template-columns:1fr}}
.glance-foot{margin-top:var(--s-6);font-size:.9rem;color:var(--text-muted)}
#facts{background:#fff;padding-block:var(--s-7)}

.finder{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:var(--s-4);align-items:end;background:var(--surface);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--e-2)}
.finder .btn{height:44px}
@media(max-width:760px){.finder{grid-template-columns:1fr}}
.find-band{position:relative;overflow:hidden;background:var(--ink)}
.find-band__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.find-band__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(20,16,14,.82),rgba(18,14,12,.66))}
.find-band .wrap{position:relative;z-index:2}
.find-band .eyebrow{color:var(--gold-300)}
.find-band h2{color:#fff}
.find-band .lead{color:rgba(255,255,255,.84)}

.etypes{grid-template-columns:repeat(3,1fr);gap:var(--s-7) var(--s-6);perspective:1100px}
@media(max-width:820px){.etypes{grid-template-columns:repeat(2,1fr);gap:var(--s-6)}}
@media(max-width:520px){.etypes{grid-template-columns:1fr}}
.etype{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-5);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--s-2);box-shadow:var(--e-2);transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,opacity .7s ease;transform-origin:center}
.etype:hover{box-shadow:0 30px 60px -24px rgba(34,28,25,.45)}
@media(min-width:821px){.etypes .etype:nth-child(3n+2){position:relative;top:26px}}
.etype h3{font-size:1.2rem}
.etype p{font-size:.88rem;color:var(--text-muted)}
.etype__img{margin-top:auto;border-radius:var(--r-md);overflow:hidden;aspect-ratio:4/3;background:var(--sand-100)}
.etype__img img{width:100%;height:100%;object-fit:cover;display:block}

/* Upcoming events — news/blog card grid */
.news-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-5);flex-wrap:wrap;margin-bottom:var(--s-7)}
.news-head h2{font-size:clamp(2rem,4vw,2.8rem);margin-top:var(--s-4)}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5)}
/* NEWS section (card carousel) */
.news__head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-4);flex-wrap:wrap}
.news__nav{display:flex;gap:var(--s-3)}
.news__arrow{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--border-strong);background:transparent;color:var(--ink);font-size:1.1rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .2s}
.news__arrow:hover{background:var(--p-500);border-color:var(--p-500);color:#fff}
.news__arrow:active{transform:scale(.94)}
.news__arrow[disabled]{opacity:.32;cursor:default}
.news__arrow[disabled]:hover{background:transparent;color:var(--ink);border-color:var(--border-strong)}
.news__track{display:flex;gap:var(--s-4);overflow-x:auto;scroll-snap-type:x proximity;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin-top:var(--s-6);padding-bottom:6px}
.news__track::-webkit-scrollbar{display:none}
.ncard{flex:0 0 auto;width:340px;scroll-snap-align:start;background:var(--sand-50);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:box-shadow .3s ease,transform .3s ease}
.news__track .ncard:hover{box-shadow:var(--e-2);transform:translateY(-6px)}
.ncard__img{position:relative;aspect-ratio:16/10;overflow:hidden;display:block}
.ncard__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ncard__b{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-5)}
.ncard__cat{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:600;letter-spacing:.02em;color:var(--ink)}
.ncard__cat::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--p-500);flex-shrink:0}
.ncard__b h3{font-family:var(--sans);font-weight:700;font-size:1.2rem;line-height:1.3;letter-spacing:-.01em;color:var(--ink);margin-top:2px}
.ncard__b p{font-size:.9rem;color:var(--text-muted);line-height:1.55}
.ncard__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-3)}
.ncard__meta{font-size:.78rem;color:var(--text-faint);display:flex;align-items:center;gap:.6ch}
.ncard__meta .dot{color:var(--sand-300)}
.ncard__meta b{color:var(--text-muted);font-weight:600}
.ncard__more{display:inline-flex;align-items:center;gap:.45ch;font-size:.86rem;font-weight:600;color:var(--accent-ink);text-decoration:none;white-space:nowrap}
.ncard__more span{transition:transform .2s ease}
.ncard__more:hover{color:var(--p-700)}
.ncard__more:hover span{transform:translateX(3px)}
@media(max-width:520px){.ncard{width:80vw;max-width:340px}}
/* GALLERY (3D coverflow) */
.gallery{background:radial-gradient(130% 85% at 50% -10%,#3a281d 0%,#241a15 46%,var(--ink-900) 100%);color:#fff;overflow:hidden;padding:clamp(26px,3.2vw,44px) 0}
.gallery__head{max-width:var(--maxw);margin:0 auto;padding:0 var(--s-5);text-align:center}
.gallery__head h2{color:#fff;font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.12;margin:0 auto;max-width:34ch}
.gallery__stage{margin-top:clamp(14px,1.8vw,22px);perspective:1250px;overflow:hidden}
.gallery__track{position:relative;display:flex;gap:24px;width:max-content;transform-style:preserve-3d;padding:22px 70px;will-change:transform}
.gtile{margin:0;position:relative;flex:0 0 auto;width:clamp(220px,19.5vw,285px);aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#14100e;box-shadow:0 30px 60px -24px rgba(0,0,0,.72);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}
.gtile img,.gtile video{width:100%;height:100%;object-fit:cover;display:block}
.gtile__badge{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.04em;color:#fff;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:5px 11px;border-radius:var(--r-pill)}
.gtile__badge::before{content:"";border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent #fff}
.gallery__stage.is-static{overflow-x:auto;scrollbar-width:none}
.gallery__stage.is-static .gallery__track{padding:20px 24px}
.gallery__stage.is-static .gtile{transform:none!important;opacity:1!important}
@media(max-width:760px){.gallery__head h2{font-size:clamp(1.5rem,5.2vw,1.9rem)}}
@media(max-width:600px){.gtile{width:210px}}
@media(max-width:900px){.news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.news-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}
/* TESTIMONIALS (continuous cinematic carousel) */
.tmon{background:var(--surface-2);overflow:hidden;padding:var(--s-7) 0}
.tmon .wrap{position:relative}
.tmon__head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-5);flex-wrap:wrap;margin-bottom:var(--s-6)}
.tmon__title{max-width:none}
.tmon__title .eyebrow{margin-bottom:var(--s-3)}
.tmon__title h2{font-size:clamp(2rem,4.2vw,3rem);line-height:1.14;max-width:15ch}
.tmon__mark{position:relative;display:inline-block;color:var(--accent-ink);white-space:nowrap}
.tmon__mark svg{position:absolute;left:-12%;top:-24%;width:124%;height:152%;overflow:visible;pointer-events:none}
.tmon__mark svg path{fill:none;stroke:var(--gold-500);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tmon__nav{display:flex;gap:var(--s-3);flex-shrink:0}
.tmon__arrow{width:54px;height:54px;border-radius:50%;border:1.5px solid var(--border-strong);background:transparent;color:var(--ink);font-size:1.2rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .2s}
.tmon__arrow:hover{background:var(--p-500);border-color:var(--p-500);color:#fff}
.tmon__arrow--on{background:var(--p-600);border-color:var(--p-600);color:#fff}
.tmon__arrow--on:hover{background:var(--p-700);border-color:var(--p-700)}
.tmon__arrow:active{transform:scale(.94)}
.tmon__stage{position:relative}
.tmon__glow{position:absolute;top:-3%;left:50%;transform:translateX(-50%);width:min(540px,72%);aspect-ratio:1;background:radial-gradient(circle,rgba(245,159,20,.24),rgba(245,159,20,0) 62%);filter:blur(16px);z-index:0;pointer-events:none}
.tmon__viewport{position:relative;z-index:1;overflow:hidden}
.tmon__viewport.is-static{overflow-x:auto;scrollbar-width:none}
.tmon__viewport.is-static::-webkit-scrollbar{display:none}
.tmon__track{display:flex;gap:28px;width:max-content;padding:36px 0;will-change:transform}
.tcard{flex:0 0 auto;width:clamp(290px,29vw,376px);min-height:272px;display:flex;flex-direction:column;gap:var(--s-3);background:#fff;color:var(--ink);border-radius:26px;padding:var(--s-6);box-shadow:0 18px 44px -26px rgba(34,28,25,.42);transform-origin:center center;will-change:transform,opacity;transition:background .5s ease,box-shadow .5s ease}
.tcard__q{font-family:var(--serif);font-size:2.7rem;line-height:1;color:var(--gold-500);margin-bottom:-.4em;transition:color .5s ease}
.tcard__quote{font-size:.96rem;line-height:1.6;color:var(--text-muted);flex:1;transition:color .5s ease}
.tcard__foot{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-2);padding-top:var(--s-4);border-top:1px solid var(--border);transition:border-color .5s ease}
.tcard__avatar{flex-shrink:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-family:var(--sans);font-weight:700;font-size:.9rem;letter-spacing:.01em;background:var(--p-50);color:var(--accent-ink);transition:background .5s ease,color .5s ease}
.tcard__id{display:flex;flex-direction:column;line-height:1.28;min-width:0}
.tcard__id b{font-family:var(--sans);font-weight:700;font-size:.98rem;color:var(--ink);transition:color .5s ease}
.tcard__id span{font-size:.82rem;color:var(--text-faint);transition:color .5s ease}
.tcard.is-active{background:linear-gradient(152deg,var(--p-600) 0%,var(--p-800) 100%);color:#fff;box-shadow:0 30px 62px -32px rgba(130,40,18,.62)}
.tcard.is-active .tcard__q{color:var(--gold-300)}
.tcard.is-active .tcard__quote{color:rgba(255,255,255,.92)}
.tcard.is-active .tcard__foot{border-top-color:rgba(255,255,255,.2)}
.tcard.is-active .tcard__avatar{background:rgba(255,255,255,.18);color:#fff}
.tcard.is-active .tcard__id b{color:#fff}
.tcard.is-active .tcard__id span{color:rgba(255,255,255,.74)}
.tmon__viewport.is-static .tcard{opacity:1!important;transform:none!important}
@media(max-width:520px){.tcard{width:82vw;max-width:340px;min-height:250px}.tmon__head{gap:var(--s-4)}.tmon__track{padding:30px 0}}

.govt{background:var(--p-50);border-top:1px solid var(--p-100);border-bottom:1px solid var(--p-100)}
.govt__in{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--s-7);align-items:start}
.govt h2{font-size:clamp(1.6rem,3vw,2.1rem)}
.govt p{color:var(--text-muted);margin-top:var(--s-3);max-width:54ch}
.govt .actions{display:flex;flex-direction:column;gap:var(--s-3);align-items:flex-start}
@media(max-width:760px){.govt__in{grid-template-columns:1fr}}

/* About UBCC — editorial two-column */
.about{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-7);align-items:stretch}
.about__col{display:flex;flex-direction:column;gap:var(--s-6)}
.about__head h2{font-size:clamp(2rem,4vw,3rem);margin-top:var(--s-3)}
.about__imgL{position:relative;flex:1;min-height:320px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--e-2)}
.about__imgR{position:relative;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--e-2)}
.about__imgL img,.about__imgR img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.1s ease,transform 5.5s ease}
.about__imgL img.is-active,.about__imgR img.is-active{opacity:1;transform:scale(1)}
.about__dots{position:absolute;left:0;right:0;bottom:14px;z-index:3;display:flex;justify-content:center;gap:7px}
.about__dot{width:8px;height:8px;padding:0;border:0;border-radius:var(--r-pill);background:rgba(255,255,255,.55);cursor:pointer;transition:width .35s cubic-bezier(.2,.7,.2,1),background .35s ease;box-shadow:0 1px 4px rgba(0,0,0,.4)}
.about__dot:hover{background:rgba(255,255,255,.85)}
.about__dot.is-on{width:24px;background:#fff}
/* EXPLORE UBCC (campus hub) */
.exp__head h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin-top:var(--s-3);max-width:20ch}
.exp__lead{margin-top:var(--s-4);font-size:1.08rem;color:var(--text);max-width:62ch;line-height:1.6}
.exp__intro{margin-top:var(--s-4);color:var(--text-muted);max-width:66ch;line-height:1.7}
.exp__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4);margin-top:clamp(var(--s-6),4vw,var(--s-7))}
.ecard{display:flex;flex-direction:column;gap:var(--s-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s-5);text-decoration:none;color:inherit;box-shadow:var(--e-1);transition:transform .25s,box-shadow .25s,border-color .25s}
.ecard:hover{transform:translateY(-4px);box-shadow:var(--e-3);border-color:var(--sand-300)}
.ecard__ic{width:44px;height:44px;border-radius:var(--r-md);background:var(--p-50);color:var(--p-600);display:grid;place-items:center;margin-bottom:var(--s-2)}
.ecard__ic svg{width:22px;height:22px}
.ecard__k{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink)}
.ecard h3{font-size:1.3rem}
.ecard h3 .dv{font-family:var(--deva);font-weight:500;color:var(--text-muted);font-size:.68em;margin-left:.3ch}
.ecard>p{font-size:.9rem;color:var(--text-muted);line-height:1.55;flex:1;margin:0}
.ecard__go{font-weight:600;font-size:.86rem;color:var(--accent-ink);display:inline-flex;align-items:center;gap:.4ch;margin-top:var(--s-2)}
.ecard:hover .ecard__go{gap:.7ch}
.exp__cta{margin-top:clamp(var(--s-6),4vw,var(--s-7))}
@media(max-width:820px){.exp__grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.exp__grid{grid-template-columns:1fr}}
.about__intro{color:var(--text-muted);font-size:1.05rem;line-height:1.6;max-width:44ch}
.about__body{display:flex;flex-direction:column;gap:var(--s-5)}
.about__body p{font-size:1.05rem;color:var(--text);line-height:1.65;max-width:46ch}
.about__body .hl{color:var(--accent-ink);font-weight:500}
.about__body .btn{align-self:flex-start}
@media(max-width:820px){.about{grid-template-columns:1fr;gap:var(--s-6)}.about__imgL{flex:none;aspect-ratio:4/3;min-height:0}}

.why2{display:grid;grid-template-columns:.82fr 1.18fr;gap:var(--s-8);align-items:start}
.why2__lead{color:var(--text-muted);font-size:1.06rem;line-height:1.65;margin-top:var(--s-4);max-width:44ch}
.why2__railwrap{position:relative;min-width:0}
.why2__rail{display:flex;gap:var(--s-5);overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px var(--s-3);scrollbar-width:none}
.why2__rail::-webkit-scrollbar{display:none}
.whycard{position:relative;flex:0 0 280px;aspect-ratio:4/5;border-radius:22px;overflow:hidden;scroll-snap-align:start;box-shadow:var(--e-2)}
.whycard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.whycard__scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(20,15,12,.9),rgba(20,15,12,.08) 58%,rgba(20,15,12,.3))}
.whycard__label{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.94);color:var(--ink);font-size:.72rem;font-weight:700;padding:6px 11px;border-radius:var(--r-pill)}
.whycard__label svg{width:14px;height:14px;display:block}
.whycard__body{position:absolute;left:18px;right:18px;bottom:16px;color:#fff}
.whycard__body h3{color:#fff;font-size:1.16rem;line-height:1.2}
.whycard__body p{color:rgba(255,255,255,.86);font-size:.84rem;line-height:1.45;margin-top:6px}
.why2__nav{display:flex;gap:var(--s-2);margin-top:var(--s-5)}
.railbtn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font-size:1.15rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}
.railbtn:hover{background:var(--sand-100);border-color:var(--ink)}
@media(max-width:860px){.why2{grid-template-columns:1fr;gap:var(--s-6)}.whycard{flex-basis:76%}}

.proven{position:relative;overflow:hidden;background:var(--ink);color:#fff}
.proven__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.3;z-index:0}
.proven__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(16,12,10,.92),rgba(16,12,10,.62))}
.proven__in{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr 1fr;gap:var(--s-7);align-items:center}
.proven .eyebrow{color:var(--gold-300)}
.proven h2{color:#fff;font-weight:400;font-size:clamp(1.9rem,3.6vw,2.7rem);margin-top:var(--s-3)}
.proven p{color:rgba(255,255,255,.8);margin-top:var(--s-4);max-width:46ch}
.kpis{display:flex;flex-wrap:wrap;gap:var(--s-6) var(--s-7)}
.kpi b{font-family:var(--serif);font-size:2.6rem;font-weight:400;color:var(--gold-300);display:block;line-height:1}
.kpi span{font-size:.76rem;color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.07em}
@media(max-width:820px){.proven__in{grid-template-columns:1fr;gap:var(--s-6)}}

.visit3{display:grid;grid-template-columns:1.02fr 1fr;gap:var(--s-8);align-items:stretch}
.visit3__media{position:relative;min-height:490px;border-radius:32px;overflow:hidden;box-shadow:0 34px 64px -28px rgba(34,28,25,.52);background:var(--sand-100)}
.visit3__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.5s cubic-bezier(.2,.7,.2,1)}
.visit3__media img.is-active{opacity:1;transform:scale(1)}
.visit3__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(34,28,25,.2));pointer-events:none}
.visit3__body{display:flex;flex-direction:column;gap:var(--s-2);justify-content:center}
.visit3__body h2{font-size:clamp(1.75rem,3vw,2.3rem);margin-top:var(--s-2)}
.visit3__intro{color:var(--text-muted);font-size:.97rem;line-height:1.6;max-width:46ch;margin-bottom:var(--s-3)}
.visit3__cards{display:flex;flex-direction:column;gap:var(--s-3)}
.vpoint{display:flex;flex-direction:row;align-items:flex-start;gap:var(--s-4);padding:var(--s-4);border-radius:var(--r-md);background:var(--surface);border:1px solid transparent;cursor:pointer;text-align:left;transition:box-shadow .35s ease,transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,background .35s ease}
.vpoint:hover,.vpoint.is-active{background:#fff;border-color:transparent;box-shadow:0 24px 48px -20px rgba(34,28,25,.34);transform:translateY(-3px)}
.vpoint__ic{flex-shrink:0;width:46px;height:46px;border-radius:var(--r-md);background:var(--p-50);color:var(--p-600);display:flex;align-items:center;justify-content:center;transition:background .35s ease,color .35s ease}
.vpoint:hover .vpoint__ic,.vpoint.is-active .vpoint__ic{background:var(--accent-solid);color:#fff}
.vpoint__ic svg{width:22px;height:22px}
.vpoint__tx{display:flex;flex-direction:column;gap:3px}
.vpoint__tx b{color:var(--ink);font-family:var(--sans);font-size:1rem;font-weight:700}
.vpoint__tx span{font-size:.87rem;color:var(--text-muted);line-height:1.5}
@media(max-width:860px){.visit3{grid-template-columns:1fr;gap:var(--s-6)}.visit3__media{order:-1;min-height:320px;border-radius:24px}}

.res-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}

.cta-band{position:relative;overflow:hidden;border-radius:28px;background:var(--ink);color:#fff;padding:clamp(28px,4vw,64px)}
.cta-band__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.cta-band__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(16,12,10,.74) 0%,rgba(16,12,10,.72) 42%,rgba(16,12,10,.86) 100%)}
.cta-band__glow{position:absolute;inset:0;z-index:1;background:radial-gradient(46% 80% at 82% 28%,rgba(245,159,20,.26),transparent 62%);pointer-events:none}
.cta-band__in{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,4vw,60px);align-items:center}
.cta-band .eyebrow{color:var(--gold-300)}
.cta-band__copy h2{color:#fff;font-weight:400;font-size:clamp(2rem,4vw,3rem);margin-top:var(--s-3)}
.cta-band__copy p:not(.eyebrow){color:rgba(255,255,255,.82);margin-top:var(--s-4);max-width:42ch;line-height:1.65}
.cta-band__contact{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);margin-top:var(--s-6);font-size:.9rem;color:rgba(255,255,255,.8)}
.cta-band__contact a{color:var(--gold-300);text-decoration:none;font-weight:600}
.cta-band__contact a:hover{text-decoration:underline}
.cta-band__contact .dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.42)}
.enq{position:relative;background:rgba(255,255,255,.97);backdrop-filter:blur(6px);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.enq__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);margin-top:var(--s-5)}
@media(max-width:820px){.cta-band__in{grid-template-columns:1fr}.cta-band__copy{order:-1}}
@media(max-width:520px){.enq__grid{grid-template-columns:1fr}}
/* ENQUIRY SECTION (copy + form) */
.enqsec__in{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr 1.1fr;gap:clamp(32px,5vw,64px);align-items:center;text-align:left}
.enqsec__copy .eyebrow{color:var(--gold-300)}
.enqsec__copy h2{color:#fff;font-weight:400;font-size:clamp(2rem,4vw,3rem);margin-top:var(--s-3);max-width:16ch}
.enqsec__copy>p{color:rgba(255,255,255,.85);margin-top:var(--s-4);max-width:44ch;line-height:1.7}
.enqsec__contact{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-6)}
.enqsec__contact a,.enqsec__contact span{display:inline-flex;align-items:center;gap:.7ch;font-size:.95rem;text-decoration:none;color:rgba(255,255,255,.86)}
.enqsec__contact a{color:var(--gold-300);font-weight:600}
.enqsec__contact a:hover{text-decoration:underline}
.enqsec__contact svg{width:18px;height:18px;flex-shrink:0;opacity:.92}
@media(max-width:860px){.enqsec__in{grid-template-columns:1fr;gap:var(--s-6)}.enqsec__copy{order:-1}}
.enq__title{font-family:var(--sans);font-weight:600;font-size:1.5rem;color:var(--ink);margin:0}
.enq__hint{font-size:.9rem;color:var(--text-muted);margin:6px 0 0}
.enq .field textarea{font-family:var(--sans);font-size:.95rem;color:var(--ink);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:11px 13px;width:100%;resize:vertical;min-height:88px;transition:border-color .15s,box-shadow .15s}
.enq .field textarea:focus{outline:none;border-color:var(--p-600);box-shadow:0 0 0 3px rgba(217,82,37,.16)}
.enq .field textarea::placeholder{color:var(--sand-400)}
.enq__full{margin-top:var(--s-4)}
.enq__submit{width:100%;margin-top:var(--s-5)}
.enq__note{font-size:.78rem;color:var(--text-faint);text-align:left;margin:var(--s-3) 0 0}
.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-color:var(--crit);box-shadow:0 0 0 3px rgba(178,58,42,.14)}
.enq__err{color:var(--crit);font-size:.72rem;margin-top:3px;display:none}
.field.is-invalid .enq__err{display:block}
.enq__success{display:none;flex-direction:column;align-items:flex-start;text-align:left;gap:var(--s-2);padding:var(--s-6) var(--s-3)}
.enq.is-sent .enq__form{display:none}
.enq.is-sent .enq__success{display:flex}
.enq__success svg{width:56px;height:56px;color:var(--ok)}
.enq__success h3{font-family:var(--serif);font-weight:500;font-size:1.6rem;color:var(--ink);margin:var(--s-2) 0 0}
.enq__success p{font-size:.95rem;color:var(--text-muted);margin:0;max-width:36ch;line-height:1.6}
.enq__success a{color:var(--accent-ink);font-weight:600}
/* full width centred CTA */
.cta-full{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:clamp(40px,6vw,76px) 0;text-align:center}
.cta-full__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.cta-full__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(16,12,10,.82) 0%,rgba(16,12,10,.6) 38%,rgba(24,18,15,.85) 72%,#2b221c 100%)}
.cta-full__glow{position:absolute;inset:0;z-index:1;background:radial-gradient(58% 68% at 50% 20%,rgba(245,159,20,.26),transparent 64%);pointer-events:none}
.cta-full__in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.cta-full .eyebrow{color:var(--gold-300)}
.cta-full h2{color:#fff;font-weight:400;font-size:clamp(2.1rem,4.4vw,3.2rem);margin-top:var(--s-3);max-width:20ch;line-height:1.12}
.cta-full__in>p:not(.eyebrow){color:rgba(255,255,255,.85);margin-top:var(--s-4);max-width:52ch;line-height:1.7}
.cta-full__actions{display:flex;flex-wrap:wrap;gap:var(--s-3);justify-content:center;margin-top:var(--s-7)}
.cta-full__contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s-3);margin-top:var(--s-6);font-size:.9rem;color:rgba(255,255,255,.8)}
.cta-full__contact a{color:var(--gold-300);text-decoration:none;font-weight:600}
.cta-full__contact a:hover{text-decoration:underline}
.cta-full__contact .dot{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.42)}

.foot{background:radial-gradient(95% 130% at 100% 0%,rgba(130,40,18,.42) 0%,rgba(130,40,18,0) 55%),linear-gradient(165deg,#2b221c 0%,#201a17 48%,#16100e 100%);color:var(--sand-200)}
.foot__in{max-width:var(--maxw);margin:0 auto;padding:var(--s-8) var(--s-5)}
.foot__cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:var(--s-6)}
.foot__logo{height:60px;width:auto;display:block}
.foot__brand p{color:rgba(231,222,213,.66);font-size:.9rem;margin-top:var(--s-3);max-width:34ch}
.ongc-chip{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:var(--r-pill);padding:6px 12px;margin-top:var(--s-4)}
.ongc-chip img{height:22px;width:auto}
.ongc-chip span{color:var(--ink);font-size:.76rem;font-weight:600}
.foot__social{display:flex;gap:var(--s-3);margin-top:var(--s-5)}
.foot__social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(231,222,213,.24);display:grid;place-items:center;color:rgba(231,222,213,.82);transition:background .2s,color .2s,border-color .2s,transform .2s}
.foot__social a:hover{background:var(--p-500);border-color:var(--p-500);color:#fff;transform:translateY(-2px)}
.foot__social svg{width:18px;height:18px;display:block}
.foot__copy{display:inline-flex;align-items:center;gap:10px}
.foot__ongc{display:inline-flex;align-items:center;background:#fff;border-radius:5px;padding:3px 7px}
.foot__ongc img{height:16px;width:auto;display:block}
.foot h4{color:#fff;font-family:var(--sans);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 var(--s-4)}
.foot ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.foot a{color:rgba(231,222,213,.72);text-decoration:none;font-size:.9rem}
.foot a:hover{color:#fff}
.foot__bottom{display:flex;flex-wrap:wrap;gap:var(--s-3) var(--s-5);align-items:center;justify-content:space-between;margin-top:var(--s-7);padding-top:var(--s-5);border-top:1px solid rgba(231,222,213,.16);font-size:.82rem;color:rgba(231,222,213,.55)}
@media(max-width:760px){.foot__cols{grid-template-columns:1fr 1fr}}
@media(max-width:440px){.foot__cols{grid-template-columns:1fr}}

/* facts heading */
#facts .sec-head{margin-bottom:var(--s-6);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s-4) var(--s-6);flex-wrap:wrap}
/* GOA banner card (redesigned, reference layout) */
.goa2-defs{position:absolute;width:0;height:0;overflow:hidden}
.goa2{position:relative;display:grid;grid-template-columns:1.12fr 1fr;min-height:400px;border-radius:32px;overflow:hidden;box-shadow:0 26px 60px -28px rgba(34,28,25,.5);background:radial-gradient(80% 120% at 100% 100%,rgba(217,82,37,.34),transparent 58%),linear-gradient(120deg,#2b211b 0%,#1b1512 62%,#140f0d 100%)}
.goa2__img{position:relative;min-height:280px}
.goa2__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;clip-path:url(#goaWave)}
.goa2__panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;color:#fff;padding:var(--s-8) var(--s-8) var(--s-8) var(--s-5)}
.goa2__eyebrow{display:inline-flex;align-items:center;gap:.55ch;font-family:var(--sans);font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold-300);margin:0;position:relative;z-index:1}
.goa2__eyebrow svg{width:15px;height:15px}
.goa2__h{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,3vw,2.6rem);line-height:1.12;color:#fff;margin-top:var(--s-3);position:relative;z-index:1}
.goa2__sub{color:rgba(255,255,255,.82);font-size:1rem;line-height:1.6;max-width:42ch;margin-top:var(--s-4);position:relative;z-index:1}
.goa2__cta{align-self:flex-start;margin-top:var(--s-6);position:relative;z-index:1}
.goa2__deco{position:absolute;right:-8px;bottom:-24px;width:158px;color:var(--gold-500);opacity:.3;z-index:0;pointer-events:none}
.goa2__deco svg{width:100%;height:auto;display:block}
@media(max-width:820px){.goa2{grid-template-columns:1fr;min-height:0}.goa2__img{min-height:0}.goa2__img img{clip-path:none;position:relative;height:230px}.goa2__panel{padding:var(--s-6)}.goa2__deco{width:120px;bottom:-18px}}
/* PROOF (India Energy Week 2026, navy, bg image, glassy cards) */
.proof2{position:relative;overflow:hidden;color:#fff;background:#0a1a33}
.proof2__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.proof2__scrim{position:absolute;inset:0;z-index:1;background:radial-gradient(115% 80% at 50% 0%,rgba(28,60,112,.5),transparent 62%),linear-gradient(180deg,rgba(9,23,50,.74) 0%,rgba(6,15,34,.88) 100%)}
.proof2__in{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:clamp(46px,6.5vw,82px) var(--s-5)}
.proof2__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(var(--s-6),5vw,var(--s-8));align-items:center}
.proof2__head{margin:0;text-align:left;display:flex;flex-direction:column;align-items:flex-start}
.proof2__eyebrow{display:inline-flex;align-items:center;font-family:var(--sans);font-size:.82rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-300);background:rgba(245,159,20,.14);border:1px solid rgba(245,159,20,.42);border-radius:var(--r-pill);padding:6px 14px;margin:0}
.proof2__h{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4vw,3rem);line-height:1.1;color:#fff;margin-top:var(--s-3);max-width:18ch;text-shadow:0 2px 26px rgba(0,0,0,.34)}
.proof2__sub{color:rgba(255,255,255,.84);font-size:1.05rem;line-height:1.62;margin-top:var(--s-4);max-width:46ch}
.proof2__cta{margin-top:var(--s-6);background:#fff;color:#0a1a33;border:0;box-shadow:0 14px 32px -12px rgba(0,0,0,.55)}
.proof2__cta:hover{background:var(--gold-300);color:#0a1a33}
.proof2__cards{display:grid;grid-template-columns:1fr;gap:var(--s-4);margin-top:0}
.proof2__card{display:flex;align-items:center;gap:var(--s-4);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:var(--s-4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .35s ease,background .35s ease,border-color .35s ease}
.proof2__card:hover{transform:translateY(-5px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.proof2__tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.proof2__thumb{flex-shrink:0;width:86px;height:86px;border-radius:13px;overflow:hidden;border:1px solid rgba(255,255,255,.22)}
.proof2__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.proof2__n{font-family:var(--sans);font-size:clamp(1.85rem,2.6vw,2.4rem);font-weight:700;color:var(--gold-300);line-height:1;letter-spacing:-.02em}
.proof2__n em{font-style:normal;font-size:.5em;vertical-align:.28em;margin-left:1px}
.proof2__l{font-size:.82rem;text-transform:uppercase;letter-spacing:.07em;font-weight:700;color:#fff;margin-top:5px}
.proof2__d{font-size:.8rem;color:rgba(255,255,255,.72);line-height:1.45;margin-top:2px}
.proof2__foot{text-align:center;margin-top:var(--s-7);font-size:.8rem;color:rgba(255,255,255,.5)}
@media(max-width:820px){.proof2__grid{grid-template-columns:1fr;gap:var(--s-6)}.proof2__head{text-align:center;align-items:center}.proof2__cards{grid-template-columns:1fr}}
/* WHY UBCC (image + pointers, hover swap) */
.why3{display:grid;grid-template-columns:1.02fr 1fr;gap:var(--s-8);align-items:stretch}
.why3__media{position:relative;min-height:480px;border-radius:32px;overflow:hidden;box-shadow:0 34px 64px -28px rgba(34,28,25,.52);background:var(--sand-100)}
.why3__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(1.06);transition:opacity .7s ease,transform 1.5s cubic-bezier(.2,.7,.2,1)}
.why3__media img.is-active{opacity:1;transform:scale(1)}
.why3__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(20,15,12,.66));pointer-events:none;z-index:1}
.why3__cap{position:absolute;left:var(--s-5);right:var(--s-5);bottom:var(--s-5);z-index:2;color:#fff;font-size:.98rem;font-weight:600;line-height:1.4;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.why3__body{display:flex;flex-direction:column;justify-content:center}
.why3__body h2{margin-top:var(--s-2)}
.why3__lead{color:var(--text-muted);font-size:1.02rem;line-height:1.6;margin-top:var(--s-4);max-width:52ch}
.why3__list{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-5)}
.why3__cta{align-self:flex-start;margin-top:var(--s-5)}
@media(max-width:860px){.why3{grid-template-columns:1fr;gap:var(--s-6)}.why3__media{order:-1;min-height:320px}}
/* GOA full-width feature band */
.goa3{position:relative;overflow:hidden;color:#fff;background:var(--ink-900)}
.goa3__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.goa3__scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(16,12,10,.74) 0%,rgba(16,12,10,.66) 45%,rgba(16,12,10,.85) 100%)}
.goa3__in{position:relative;z-index:2;max-width:860px;margin:0 auto;padding:clamp(32px,4.5vw,60px) var(--s-5);text-align:center;display:flex;flex-direction:column;align-items:center}
.goa3__kicker{font-family:var(--serif);font-style:italic;font-size:clamp(1.15rem,2vw,1.5rem);color:var(--gold-300);margin:0}
.goa3__h{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4vw,3.1rem);line-height:1.12;color:#fff;margin:0;max-width:20ch;text-shadow:0 2px 26px rgba(0,0,0,.32)}
.goa3__hl{color:var(--gold-300)}
.goa3__sub{color:rgba(255,255,255,.9);font-size:1.08rem;line-height:1.62;margin-top:var(--s-4);max-width:54ch}
.goa3__welcome{color:rgba(255,255,255,.86);font-size:1.02rem;line-height:1.55;margin-top:var(--s-5);max-width:none}
.goa3__wg{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3vw,2.35rem);color:var(--gold-300);line-height:1.15}
.goa3__cta{margin-top:var(--s-6);background:var(--gold-500);color:var(--ink);border:0;box-shadow:0 14px 32px -12px rgba(0,0,0,.5)}
.goa3__cta:hover{background:var(--gold-300);color:var(--ink)}
.goa3__in--wide{max-width:var(--maxw)}
.goa3__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-4);margin-top:clamp(var(--s-6),4vw,var(--s-7));width:100%;text-align:left}
.gcard{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-lg);padding:var(--s-5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .35s ease,background .35s ease,border-color .35s ease}
.gcard:hover{transform:translateY(-5px);background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3)}
.gcard__ic{width:44px;height:44px;border-radius:var(--r-md);background:rgba(245,159,20,.16);color:var(--gold-300);display:grid;place-items:center;margin-bottom:var(--s-3)}
.gcard__ic svg{width:22px;height:22px}
.gcard h3{color:#fff;font-family:var(--serif);font-weight:400;font-size:1.2rem;line-height:1.2}
.gcard p{color:rgba(255,255,255,.82);font-size:.9rem;line-height:1.55;margin-top:var(--s-2)}
.goa3__foot{margin-top:clamp(var(--s-6),4vw,var(--s-7))}
@media(max-width:900px){.goa3__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.goa3__grid{grid-template-columns:1fr}}
/* SPACES: top-right CTA + card tagline + card CTA */
#spaces .sec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-4) var(--s-6);flex-wrap:wrap}
#spaces .sec-head .txt{flex:1;min-width:300px}
.vrow__tag{font-family:var(--sans);font-size:.92rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--gold-300);margin:0}
.vrow__cta{align-self:flex-start;margin-top:var(--s-4)}
/* INTRO band (below hero video) */
.intro{background:#fff;text-align:center}
.intro__in{max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.intro__in .accent-rule{margin-left:auto;margin-right:auto}
.intro__h{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,3.8vw,3.2rem);line-height:1.12;letter-spacing:-.01em;margin-top:var(--s-4);background:linear-gradient(100deg,var(--p-700) 0%,var(--p-500) 52%,var(--gold-500) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--p-600)}
.intro__h em{font-style:normal;color:var(--accent-solid)}
.intro__subhead{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,2.8vw,2.15rem);line-height:1.16;letter-spacing:-.01em;color:var(--ink);margin-top:var(--s-4)}
.intro__subhead em{font-style:normal;color:var(--ink)}
.intro__sub{color:var(--text-muted);font-size:1.12rem;line-height:1.62;margin-top:var(--s-5);max-width:58ch}
.intro .hl{color:var(--accent-ink);font-weight:600}
.intro__cta{display:flex;gap:var(--s-3);justify-content:center;flex-wrap:wrap;margin-top:var(--s-7)}
/* image led intro scene (scroll parallax) */
.imgled{position:relative;overflow:hidden;min-height:clamp(640px,94vh,920px);display:grid;place-items:center}
.imgled>.wrap{width:100%;position:relative;z-index:3}
.imgled__scene{position:absolute;inset:0;z-index:1;pointer-events:none}
.imgled__ph{position:absolute;margin:0;transform:translate3d(var(--sx,0px),var(--sy,0px),0);will-change:transform}
.imgled__inner{display:block;height:100%;border-radius:20px;overflow:hidden;box-shadow:0 26px 54px -24px rgba(20,16,14,.5);transform:rotate(var(--rot,0deg))}
.imgled__ph img{display:block;width:100%;height:100%;object-fit:cover}
.imgled__ph--tl{top:12%;left:3.5%;width:22vw;max-width:300px;aspect-ratio:4/3;--rot:-2deg}
.imgled__ph--tr{top:9%;right:3.5%;width:16.5vw;max-width:224px;aspect-ratio:3/4;--rot:2deg}
.imgled__ph--bl{bottom:12%;left:7%;width:15.5vw;max-width:212px;aspect-ratio:3/4;--rot:2deg}
.imgled__ph--br{bottom:12%;right:3.5%;width:23vw;max-width:322px;aspect-ratio:4/3;--rot:-2deg}
@media(max-width:900px){.imgled{min-height:0}.imgled__scene{display:none}}
/* GOA FEATURE band */
.goa-feature{position:relative;color:#fff;overflow:hidden;background:var(--ink-900)}
.goa-feature__media{position:absolute;inset:0}
.goa-feature__media img{width:100%;height:100%;object-fit:cover;display:block}
.goa-feature__scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,15,13,.86) 0%,rgba(20,15,13,.6) 42%,rgba(20,15,13,.18) 100%)}
.goa-feature__in{position:relative;padding-block:var(--s-9)}
.goa-feature__in .eyebrow{color:var(--gold-300)}
.goa-feature__in .accent-rule{background:var(--gold-500)}
.goa-feature h2{color:#fff;font-weight:400;font-size:clamp(2rem,4vw,3rem);margin-top:var(--s-3);max-width:16ch}
.goa-feature p{color:rgba(255,255,255,.86);margin-top:var(--s-4);max-width:52ch;line-height:1.65}
/* PROOF band */
.proof{background:radial-gradient(120% 150% at 100% 0%,rgba(217,82,37,.36) 0%,rgba(217,82,37,0) 55%),linear-gradient(160deg,#241c19 0%,#16100e 100%);color:#fff}
.proof__in{display:grid;grid-template-columns:1.08fr 1fr;gap:var(--s-8);align-items:center}
.proof__head .eyebrow{color:var(--gold-300)}
.proof__head .accent-rule{background:var(--gold-500)}
.proof__head h2{color:#fff;font-weight:400;font-size:clamp(1.9rem,3.6vw,2.7rem);margin-top:var(--s-3);max-width:18ch}
.proof__head p{color:rgba(255,255,255,.82);margin-top:var(--s-4);max-width:52ch;line-height:1.65}
.proof__stats{display:grid;grid-template-columns:1fr;gap:var(--s-4)}
.proof__stat{display:flex;flex-direction:column;gap:6px;padding:var(--s-5) var(--s-6);border-radius:var(--r-lg);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12)}
.proof__n{font-family:var(--sans);font-size:clamp(2.3rem,4vw,3.1rem);font-weight:700;color:var(--gold-300);line-height:1;letter-spacing:-.02em}
.proof__n em{font-style:normal;font-size:.5em;vertical-align:.28em;margin-left:1px}
.proof__l{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.72);font-weight:600}
.proof__foot{margin-top:var(--s-6);font-size:.8rem;color:rgba(255,255,255,.5)}
@media(max-width:820px){.proof__in{grid-template-columns:1fr;gap:var(--s-6)}.proof__stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.proof__stats{grid-template-columns:1fr}}
/* STAY section */
.stay__in{display:grid;grid-template-columns:0.9fr 1.1fr;gap:var(--s-8);align-items:center}
.stay__body h2{font-size:clamp(1.7rem,2.7vw,2.15rem);margin-top:var(--s-3);line-height:1.16}
.stay__body p{color:var(--text-muted);margin-top:var(--s-4);max-width:42ch;line-height:1.7}
.stay__body .hl{color:var(--accent-ink);font-weight:600}
.stay__chips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-5)}
.stay__chips span{font-size:.82rem;font-weight:600;color:var(--accent-ink);background:var(--p-50);border-radius:var(--r-pill);padding:7px 15px}
.stay__nav{display:flex;gap:var(--s-3);margin-top:var(--s-7)}
.stay__arrow{width:54px;height:54px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-size:1.2rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s,border-color .25s,transform .2s}
.stay__arrow:hover{background:var(--p-500);border-color:var(--p-500);color:#fff}
.stay__arrow:active{transform:scale(.94)}
.stay__gallery{display:flex;gap:var(--s-3);height:412px}
.stay__pic{position:relative;flex:1 1 0;min-width:0;margin:0;border-radius:22px;overflow:hidden;box-shadow:var(--e-2);cursor:pointer;transition:flex-grow .55s cubic-bezier(.22,.61,.36,1),box-shadow .45s}
.stay__pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,.61,.36,1)}
.stay__pic.is-active{flex-grow:3}
.stay__gallery:hover .stay__pic.is-active{flex-grow:1}
.stay__gallery .stay__pic:hover{flex-grow:3;box-shadow:var(--e-3)}
.stay__gallery .stay__pic:hover img{transform:scale(1.05)}
@media(max-width:900px){.stay__in{grid-template-columns:1fr;gap:var(--s-6)}.stay__body{order:1}.stay__gallery{order:2;flex-direction:column;height:auto}.stay__gallery .stay__pic,.stay__gallery .stay__pic.is-active,.stay__gallery:hover .stay__pic.is-active,.stay__gallery .stay__pic:hover{flex:0 0 auto;height:210px}}
/* STAY / REACH / EXPERIENCE (destination) */
.dest__top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,60px);align-items:center}
.dest__intro h2{font-size:clamp(1.9rem,3.4vw,2.6rem);margin-top:var(--s-3)}
.dest__intro .lead{margin-top:var(--s-4);max-width:44ch}
.dest__intro .btn{margin-top:var(--s-6)}
.dest__media{position:relative;aspect-ratio:16/11;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--e-2)}
.dest__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.1s ease,transform 5.5s ease}
.dest__media img.is-active{opacity:1;transform:scale(1)}
.dest__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5);margin-top:clamp(var(--s-6),4vw,var(--s-8))}
.dcard{background:var(--surface);border-radius:var(--r-lg);padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-2);box-shadow:var(--e-2)}
.dest__grid .dcard{transition:opacity .6s cubic-bezier(.22,.72,.2,1),transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.dest__grid .dcard:hover{transform:translateY(-5px);box-shadow:var(--e-3)}
.dcard__ic{width:48px;height:48px;border-radius:var(--r-md);background:var(--p-50);color:var(--p-600);display:grid;place-items:center;margin-bottom:var(--s-2)}
.dcard__ic svg{width:24px;height:24px}
.dcard h3{font-size:1.3rem}
.dcard__sub{font-size:.76rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-ink);margin:0}
.dcard__list{list-style:none;padding:0;margin:var(--s-2) 0 0;display:flex;flex-direction:column;gap:var(--s-3)}
.dcard__list li{position:relative;padding-left:18px;font-size:.92rem;color:var(--text-muted);line-height:1.5}
.dcard__list li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent-solid)}
@media(max-width:900px){.dest__top{grid-template-columns:1fr;gap:var(--s-6)}.dest__media{order:-1;aspect-ratio:16/9}}
.dfeat{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5);margin-top:var(--s-5)}
.dfeat__card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--e-2)}
.dfeat .dfeat__card{transition:opacity .6s cubic-bezier(.22,.72,.2,1),transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}
.dfeat .dfeat__card:hover{transform:translateY(-5px);box-shadow:var(--e-3)}
.dfeat__img{position:relative;aspect-ratio:16/10}
.dfeat__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.dfeat__card:hover .dfeat__img img{transform:scale(1.06)}
.dfeat__body{padding:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2);flex:1}
.dfeat__k{font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--accent-ink);margin:0}
.dfeat__body h3{font-size:1.3rem}
.dfeat__body h3 .dv{font-family:var(--deva);font-weight:500;color:var(--text-muted);font-size:.66em;margin-left:.3ch}
.dfeat__body>p{font-size:.89rem;color:var(--text-muted);line-height:1.55;margin:0}
.dfeat__specs{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:var(--s-3)}
.dfeat__spec{font-size:.73rem;font-weight:600;color:var(--p-700);background:var(--p-50);border-radius:var(--r-pill);padding:5px 11px}
@media(max-width:820px){.dest__grid{grid-template-columns:1fr;gap:var(--s-4)}.dfeat{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media (prefers-reduced-motion: no-preference){
[data-anim]{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.22,.72,.2,1),transform .8s cubic-bezier(.22,.72,.2,1)}
[data-anim="left"]{transform:translateX(-48px)}
[data-anim="right"]{transform:translateX(48px)}
[data-anim="scale"]{transform:scale(.92)}
[data-anim="fade"]{transform:none}
[data-anim="rule"]{opacity:1;transform:none;width:0;transition:width .75s cubic-bezier(.22,.72,.2,1) .12s}
[data-anim].in{opacity:1;transform:none}
[data-anim="rule"].in{width:44px}
@keyframes ubccUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes ubccKen{from{transform:scale(1.14)}to{transform:scale(1)}}
img.hero__bg{animation:ubccKen 7.5s cubic-bezier(.2,.5,.2,1) both;transform-origin:62% 45%}
video.hero__bg{background:var(--ink)}
.hero .eyebrow{animation:ubccUp .85s .15s both}
.hero h1{animation:ubccUp .95s .34s both}
.hero__sub{animation:ubccUp .85s .58s both}
.hero__cta{animation:ubccUp .85s .78s both}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
.hero h1 em{background:linear-gradient(100deg,var(--gold-500) 0%,var(--gold-300) 32%,#fff5df 50%,var(--gold-300) 68%,var(--gold-500) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:ubccUp .95s .34s both,ubccShine 5s 1.6s ease-in-out infinite}
@keyframes ubccShine{0%{background-position:140% 0}55%,100%{background-position:-40% 0}}
}
.etype__img img,.whycard img,.vrow__img img,.ncard img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.etype:hover .etype__img img,.whycard:hover img,.vrow:hover .vrow__img img,.ncard:hover img{transform:scale(1.06)}
.btn{position:relative;overflow:hidden}
.btn--primary::after,.btn--hero::after,.btn--ink::after{content:"";position:absolute;top:-20%;left:-140%;width:55%;height:140%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);transition:left .75s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.btn--primary:hover::after,.btn--hero:hover::after,.btn--ink:hover::after{left:150%}
.railbtn{transition:background .15s,border-color .15s,transform .15s}
.railbtn:active{transform:scale(.9)}
.site-header{transition:box-shadow .3s ease}
.site-header.scrolled{box-shadow:0 6px 22px -6px rgba(34,28,25,.24)}
}

@media(min-width:861px){
  #spaces .venues-stack{display:block}
  #spaces .venues-stack .vrow{position:sticky;top:calc(96px + var(--i,0)*40px);margin-bottom:var(--s-6);transform-origin:center top;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .55s ease,box-shadow .4s ease;will-change:transform}
  #spaces .venues-stack .vrow:last-child{margin-bottom:0}
  #spaces .venues-stack .vrow:nth-child(1){--i:0;z-index:1}
  #spaces .venues-stack .vrow:nth-child(2){--i:1;z-index:2}
  #spaces .venues-stack .vrow:nth-child(3){--i:2;z-index:3}
  #spaces .venues-stack .vrow:nth-child(4){--i:3;z-index:4}
  #spaces .venues-stack .vrow:nth-child(5){--i:4;z-index:5}
  #spaces .venues-stack .vrow:nth-child(6){--i:5;z-index:6}
}
