/* Motion is independent of the glass material, with a visible static fallback. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1)}
.reveal{opacity:1;transform:none;filter:none}
.reveal.is-pending{opacity:0}
.reveal.is-revealed,.reveal:focus-within{opacity:1}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .faculty-card,.subject-card,.campus-card{transition:translate .45s var(--motion-ease),box-shadow .45s var(--motion-ease),background-color .3s}
  .faculty-card:hover,.subject-card:hover,.campus-card:hover{translate:0 -4px}
  .round-arrow,.hero-glass>a{transition:transform .4s var(--motion-ease),background-color .3s}
  .campus-shortcut:hover .round-arrow,.hero-glass>a:hover{transform:translate(2px,-2px)}
}
@media(prefers-reduced-motion:reduce){
  .reveal,.reveal.is-pending{opacity:1!important;transform:none!important;filter:none!important}
  #main{opacity:1!important;transform:none!important}
}
@media print{.reveal,.reveal.is-pending{opacity:1!important;transform:none!important}}