/* Study Wild — sticky navigation, one behavior across the entire site. */
:root { --sw-nav-height: 102px; }
.se-site .se-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  isolation: isolate;
  transition: background-color .28s ease, border-color .28s ease, box-shadow .28s ease, backdrop-filter .28s ease;
}
/* The homepage keeps its original photo-overlay header at the top.
   The negative offset prevents sticky positioning from pushing down the hero. */
.se-site.home #main-content { margin-top: calc(-1 * var(--sw-nav-height)); }
.se-site .se-header .se-header-inner.e-con { transition: min-height .28s ease; }
.se-site .se-header.is-scrolled {
  background: #293f34;
  border-bottom-color: rgba(255,253,250,.14);
  box-shadow: 0 12px 32px rgba(16,29,22,.16);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.se-site .se-header.is-scrolled .se-header-inner.e-con { min-height: 76px; }
.se-site .se-header.is-scrolled .swe-menu a,
.se-site .se-header.is-scrolled .swe-menu-toggle { color: #fffdfa; }
.se-site .se-header.is-scrolled .swe-menu .current-menu-item > a,
.se-site .se-header.is-scrolled .swe-menu a:hover { color: #efd288; }
.se-site .se-header.is-scrolled .se-logo {
  background: #f7f5ef;
  padding: 7px 10px;
  border-radius: 2px;
}
.se-site .se-header.is-scrolled .se-header-inner .se-button .sw-layout-button {
  background: #dfb84d;
  border-color: #dfb84d;
  color: #202720;
}
.se-site .se-header.is-scrolled .se-header-inner .se-button .sw-layout-button:hover {
  background: #edc96e;
  border-color: #edc96e;
}
@media (max-width: 960px) {
  :root { --sw-nav-height: 85px; }
  .se-site .se-header.is-scrolled .se-header-inner.e-con { min-height: 68px; }
  .se-site .se-header.is-scrolled .swe-nav nav {
    background: #293f34;
    border-color: rgba(255,253,250,.18);
    box-shadow: 0 15px 30px rgba(16,29,22,.17);
  }
  .se-site .se-header.is-scrolled .swe-nav nav a { color: #fffdfa; }
}
@media (prefers-reduced-motion: reduce) {
  .se-site .se-header, .se-site .se-header .se-header-inner.e-con { transition: none; }
}