/* Study Wild — O nas interactive enhancements; all effects are progressive. */
.page-o-nas .reveal { opacity:1; transform:none; }
.page-o-nas .about-team-directory .filter-bar[hidden],
.page-o-nas .mobile-menu[hidden] { display:none !important; }
.page-o-nas .about-team-directory .filter-bar {
  display:flex; gap:10px; align-items:center; flex-wrap:wrap;
}
.page-o-nas .about-team-directory .filter-bar button {
  appearance:none; cursor:pointer; border:1px solid rgba(16,25,19,.22);
  background:transparent; color:var(--ink); font:600 12px/1.4 var(--sans);
  padding:12px 19px; transition:background-color .22s,color .22s,border-color .22s;
}
.page-o-nas .about-team-directory .filter-bar button:is(:hover,:focus-visible),
.page-o-nas .about-team-directory .filter-bar button.is-active {
  background:#142219; color:#f7f2e6; border-color:#142219;
}
.page-o-nas .about-team-directory .filter-bar button:focus-visible,
.page-o-nas .nav-toggle:focus-visible,
.page-o-nas .mobile-menu a:focus-visible {
  outline:3px solid #d7b13f; outline-offset:3px;
}
.page-o-nas .about-team-directory .profile-card.is-hidden { display:none !important; }
/* Triggered-once, GPU-composited entrances. No wheel or scroll handlers. */
@keyframes sw-enter-left { from { opacity:.35; transform:translate3d(-54px,0,0); } to { opacity:1; transform:none; } }
@keyframes sw-enter-right { from { opacity:.35; transform:translate3d(54px,0,0); } to { opacity:1; transform:none; } }
@keyframes sw-enter-up { from { opacity:.5; transform:translate3d(0,22px,0); } to { opacity:1; transform:none; } }
@media(min-width:601px) {
  .page-o-nas .profile-card.motion-enter .profile-image { animation:sw-enter-left .75s cubic-bezier(.19,1,.22,1) both; }
  .page-o-nas .profile-card.motion-enter .profile-copy { animation:sw-enter-right .82s cubic-bezier(.19,1,.22,1) .07s both; }
  .page-o-nas .profile-card:nth-child(even).motion-enter .profile-image { animation-name:sw-enter-right; }
  .page-o-nas .profile-card:nth-child(even).motion-enter .profile-copy { animation-name:sw-enter-left; }
}
@media(max-width:600px) {
  .page-o-nas .profile-card.motion-enter .profile-image,
  .page-o-nas .profile-card.motion-enter .profile-copy { animation:sw-enter-up .65s ease-out both; }
  .page-o-nas .profile-card.motion-enter .profile-copy { animation-delay:.08s; }
}
.page-o-nas .mobile-menu { box-shadow:0 18px 44px rgba(0,0,0,.22); }
.page-o-nas .mobile-menu a { color:#f8f3e8; }
.page-o-nas .nav-toggle { font-size:24px; cursor:pointer; }
@media(prefers-reduced-motion:reduce) {
  .page-o-nas .profile-card.motion-enter .profile-image,
  .page-o-nas .profile-card.motion-enter .profile-copy { animation:none !important; }
}

/* Navigation remains readable when JavaScript is disabled. */
@media(max-width:860px) {
  .page-o-nas:not(.js-enabled) .nav-toggle { display:none !important; }
  .page-o-nas:not(.js-enabled) .nav-links { display:flex !important; gap:8px; flex-wrap:wrap; justify-content:center; }
  .page-o-nas:not(.js-enabled) .nav-links a { font-size:10px; }
  .page-o-nas:not(.js-enabled) .nav-inner { display:flex; justify-content:space-between; }
  .page-o-nas:not(.js-enabled) .logo-shell { flex:0 0 85px; }
}
@media(max-width:560px) {
  .page-o-nas:not(.js-enabled) .nav-links a:not([aria-current]) { display:none !important; }
}
