/* Card, menu and hover enhancements. */
.footer-bottom{flex-wrap:wrap;gap:12px 24px}
.is-revealing{will-change:opacity,translate}

/* Hover uses transforms only on precise pointers; focus remains visible everywhere. */
.school-tile,.course-card,.gallery-card,.pathway-grid>article,.why-grid>article{transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}
.school-symbol,.tile-arrow,.text-link>span,.button>span,.mega-grid a,.journey-panel>a,.destination-directory a,.related-paths>a{transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease}
.button{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.school-tile:focus-visible,.course-card:focus-within,.gallery-card:focus-within{border-color:var(--blue);box-shadow:0 8px 24px #0754c718}
.nav-inner>a::after{transition:width .2s ease,opacity .2s ease}
@media(hover:hover) and (pointer:fine){
 .school-tile:hover,.course-card:hover,.gallery-card:hover{transform:translateY(-4px);border-color:#83a9dd;box-shadow:0 14px 30px #143f761a}
 .pathway-grid>article:hover,.why-grid>article:hover{transform:translateY(-3px);box-shadow:0 10px 26px #143f7612}
 .school-tile:hover .school-symbol,.mega-grid a:hover .school-symbol{transform:scale(1.06)}
 .school-tile:hover .tile-arrow,.text-link:hover>span,.button:hover>span{transform:translate(2px,-2px)}
 .mega-grid a:hover{transform:translateX(3px)}
 .journey-panel>a:hover{transform:translateX(3px);background:#ffffff08}
 .destination-directory a:hover,.related-paths>a:hover{transform:translateY(-2px)}
 .button:hover{transform:translateY(-2px);box-shadow:0 7px 16px #0754c723}
 .button:active{transform:translateY(0);box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
 .is-revealing{opacity:1!important;translate:none!important}
 .school-tile:hover,.course-card:hover,.gallery-card:hover,.pathway-grid>article:hover,.why-grid>article:hover,.mega-grid a:hover,.journey-panel>a:hover,.destination-directory a:hover,.related-paths>a:hover,.button:hover,.school-symbol,.tile-arrow,.text-link>span,.button>span{transform:none!important}
}
html[data-motion="off"] .is-revealing{opacity:1!important;translate:none!important}
html[data-motion="off"] .course-card-photo img{transform:none!important;transition:none!important}
html[data-motion="off"] .dropdown-chevron{transition:none!important}
html[data-motion="off"] .school-tile,html[data-motion="off"] .course-card,html[data-motion="off"] .gallery-card,html[data-motion="off"] .pathway-grid>article,html[data-motion="off"] .why-grid>article,html[data-motion="off"] .mega-grid a,html[data-motion="off"] .journey-panel>a,html[data-motion="off"] .destination-directory a,html[data-motion="off"] .related-paths>a,html[data-motion="off"] .button,html[data-motion="off"] .school-symbol,html[data-motion="off"] .tile-arrow,html[data-motion="off"] .text-link>span,html[data-motion="off"] .button>span{transform:none!important;transition:none!important}
@media print{.is-revealing{opacity:1!important;translate:none!important}}