/* Team page navigation mirrors the main site's header and mobile menu. */
body > header.site-nav {
  position:absolute; inset:0 0 auto 0; z-index:20;
  max-width:none; margin:0; width:100%; height:106px;
  padding:30px clamp(34px,4.4vw,68px);
  display:flex; align-items:flex-start; justify-content:space-between;
  background:transparent; border-bottom:0; box-shadow:none;
  -webkit-backdrop-filter:none; backdrop-filter:none;
  transition:height .22s ease,padding .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body > header.site-nav.is-scrolled {
  position:fixed; height:72px; padding:14px clamp(34px,4.4vw,68px);
  background:rgba(2,2,2,.97); border-bottom:1px solid #191917;
  box-shadow:0 8px 28px rgba(0,0,0,.16);
}
.site-nav .brand {display:block;width:64px;line-height:0;position:relative;z-index:2;transition:width .22s ease}
.site-nav .brand img {display:block;width:100%;height:auto}
.site-nav.is-scrolled .brand {width:44px}
.site-nav.is-scrolled .brand img {width:100%}
.site-nav .desktop-nav {display:flex;gap:clamp(27px,3.7vw,58px);padding-top:14px;transition:padding-top .22s ease}
.site-nav.is-scrolled .desktop-nav {padding-top:9px}
.site-nav .desktop-nav a {color:#c9c9c4;font-size:10px;letter-spacing:.11em;text-transform:uppercase;transition:color .2s ease}
.site-nav .desktop-nav a:hover,.site-nav .desktop-nav a[aria-current="page"] {color:var(--orange)}
.mobile-menu-toggle {display:none;width:34px;height:30px;padding:5px 0;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:space-between;align-items:flex-end}
.mobile-menu-toggle span {display:block;height:1px;background:#d7d7d2;transition:transform .25s ease,opacity .2s ease,width .25s ease}
.mobile-menu-toggle span:nth-child(1){width:30px}
.mobile-menu-toggle span:nth-child(2){width:22px}
.mobile-menu-toggle span:nth-child(3){width:30px}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(9.5px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}
.mobile-menu {position:fixed;inset:0;z-index:1;background:rgba(2,2,2,.985);padding:122px 22px 42px}
.mobile-menu[hidden]{display:none}
.site-nav .mobile-menu nav {display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.site-nav .mobile-menu nav a {display:grid;grid-template-columns:48px 1fr;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);font-family:Georgia,"Times New Roman",serif;font-size:30px;letter-spacing:-.02em;text-transform:none;color:var(--text)}
.site-nav .mobile-menu nav a span {color:var(--orange);font-family:Arial,Helvetica,sans-serif;font-size:9px;letter-spacing:.12em}
.site-nav .mobile-menu nav a:hover {color:var(--orange)}
body.menu-open {overflow:hidden}
body > main {padding-top:106px}
@media(max-width:900px){.site-nav .desktop-nav{gap:22px}}
@media(max-width:720px){
 body > header.site-nav {height:84px;padding:24px 22px}
 body > header.site-nav.is-scrolled {height:72px;padding:14px 22px}
 .site-nav .brand{width:56px}
 .site-nav.is-scrolled .brand{width:44px}
 .site-nav .desktop-nav{display:none}
 .site-nav .mobile-menu-toggle{display:flex;position:relative;z-index:2}
 body > main{padding-top:84px}
}
/* Same footer layout, responsive order and widths as the homepage. */
body > footer.site-footer{max-width:none}