@import url("styles.v6.css?v=20260911-10");

/* Shared, composited panorama: one original image only, without a crossfade. */
.panorama__layer { inset: -4%; will-change: transform; }
.panorama__layer--one {
  animation: panorama-gentle-pan 96s ease-in-out infinite alternate;
  transform: translate3d(0, 0, 0) scale(1.06);
}
.panorama__layer--two { display: none; animation: none; }
.panorama__shade { backdrop-filter: none; }

@keyframes panorama-gentle-pan {
  from { transform: translate3d(-1%, -.6%, 0) scale(1.06); }
  to { transform: translate3d(1%, .6%, 0) scale(1.09); }
}

/* Page heroes are intentionally omitted; preserve space below navigation. */
.content-window { margin-top: 18px; }

/* Compact five-role staff roster, with readable tablet and phone fallbacks. */
.staff-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.staff-grid article { padding: 16px 8px; }
.staff-role-icon { display: block; width: 56px; height: 56px; margin: 0 auto 14px; image-rendering: pixelated; filter: drop-shadow(4px 4px #101010); }
.staff-grid h2 { overflow-wrap: anywhere; font-size: .67rem; }
.status-panel__motd { margin-top: 5px !important; color: #d8e7c2 !important; font-size: .78rem !important; font-style: italic; }
@media (max-width: 1100px) { .staff-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 960px) { .staff-grid { grid-template-columns: repeat(2, 1fr); } }

@media (prefers-reduced-motion: reduce) {
  .panorama__layer--one { animation: none; transform: scale(1.06); }
}