/* AIR7 motion & interaction layer (loaded after page CSS) */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}

:root{--ease-out:cubic-bezier(.2,.7,.2,1)}

/* header: soft shadow once the page is scrolled */
.bar{transition:box-shadow .4s ease,background-color .4s ease}
.bar.scrolled{box-shadow:0 8px 28px rgba(1,6,26,.07)}

/* buttons */
.btn,.gbtn{transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}
.btn:hover,.gbtn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(17,48,198,.22)}
.btn:active,.gbtn:active{transform:translateY(0);box-shadow:none}

/* index: voyage rows, pillars, values, experience */
.voy .row{transition:transform .55s var(--ease-out),background-color .3s ease}
.voy .row:hover{transform:translateX(10px)}
.pillars li{transition:transform .55s var(--ease-out),box-shadow .55s var(--ease-out)}
.pillars li:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(1,6,26,.14)}
.values li{transition:transform .6s var(--ease-out),background-color .4s ease,border-color .4s ease}
.values li:hover{transform:translateY(-8px);background:rgba(235,238,255,.7);border-color:#1A72EE}
.trio article svg{transition:transform .6s var(--ease-out)}
.trio article:hover svg{transform:translateY(-6px)}

/* rooms: facility buttons, floor tabs, grade tabs */
.fbtn{transition:transform .45s var(--ease-out),background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .45s var(--ease-out)}
.fbtn:hover{transform:translateY(-3px)}
.dtab{transition:transform .45s var(--ease-out),background .25s,color .25s,border-color .25s}
.dtab:hover{transform:translateY(-1px)}

/* floor plan hotspots: smoother selection */
.hz{transition:background .35s ease,border-color .35s ease,box-shadow .45s var(--ease-out)}
.hz:hover{box-shadow:0 0 0 4px rgba(26,114,238,.12)}

@media (prefers-reduced-motion:reduce){
  .btn,.gbtn,.voy .row,.pillars li,.values li,.trio article svg,.fbtn,.dtab,.bar{transition:none!important}
  .btn:hover,.gbtn:hover,.voy .row:hover,.pillars li:hover,.values li:hover,.fbtn:hover,.dtab:hover,.trio article:hover svg{transform:none!important}
}