/* Lightweight depth for the public discovery experience. No pointer tracking or 3D runtime. */
.immersive-hero .hero-scene {
  box-shadow: inset 0 1px 0 #ffffff45, 0 16px 36px #020b2428, 0 2px 0 #566fa833;
}
.university-grid .university-card {
  isolation: isolate;
  transform-origin: center 65%;
  box-shadow: inset 0 1px 0 #ffffffc0, 0 8px 22px #1c365612, 0 2px 0 #c7d5e64d;
}
.university-grid .university-card:focus-within {
  border-color: #678bbb;
  box-shadow: inset 0 1px 0 #ffffffc0, 0 12px 28px #1c365621;
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .university-grid .university-card {
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
  }
  .university-grid .university-card:hover {
    transform: perspective(1100px) translateY(-3px) rotateX(1deg) rotateY(-.6deg) !important;
    border-color: #8ca6c8;
    box-shadow: inset 0 1px 0 #ffffffc0, 0 17px 30px #1c365622, 0 3px 0 #c7d5e640;
  }
  .immersive-hero .hero-scene {
    transition: transform .24s ease, box-shadow .24s ease;
  }
  .immersive-hero .hero-scene:hover {
    transform: perspective(1400px) rotateY(-.6deg) rotateX(.5deg);
    box-shadow: inset 0 1px 0 #ffffff50, 0 20px 40px #020b2433;
  }
}
@media (prefers-reduced-motion: reduce), (hover: none), (pointer: coarse) {
  .university-grid .university-card,
  .university-grid .university-card:hover,
  .immersive-hero .hero-scene,
  .immersive-hero .hero-scene:hover {
    transform: none !important;
    transition: none;
  }
}
/* Mobile opening content is visible immediately, including the LCP photograph. */
@media (max-width: 760px) {
  .immersive-hero .hero-copy,
  .immersive-stage {
    animation: none !important;
    opacity: 1;
  }
}