:root{
  --site-nav-deep:#001c24;
  --site-nav-mint:#9fd3af;
  --site-nav-paper:#eaf3ec;
  --site-nav-gut:clamp(22px,4vw,64px);
  --site-nav-ease:cubic-bezier(.22,.61,.36,1);
}
.atrium-route-intro{
  position:fixed;inset:0;z-index:5000;display:grid;place-items:center;
  padding:32px;background:var(--site-nav-deep);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .44s var(--site-nav-ease),visibility .44s;
}
.atrium-route-intro img{
  display:block;width:min(430px,64vw);height:auto;opacity:0;transform:scale(.975);
  transition:opacity .34s ease .05s,transform .52s var(--site-nav-ease);
}
.atrium-route-intro.is-covering,
html.route-intro-pending .atrium-route-intro{opacity:1;visibility:visible;pointer-events:auto}
.atrium-route-intro.is-covering img,
html.route-intro-pending .atrium-route-intro img{opacity:1;transform:none}
.site-header{
  position:relative;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;gap:32px;
  width:100%;padding:20px var(--site-nav-gut);
  color:var(--site-nav-mint);background:transparent;
}
.site-header__brand{display:block;flex:0 0 auto;line-height:0;transition:opacity .3s ease}
.site-header__brand:hover,.site-header__brand:focus-visible{opacity:.68}
.site-header__brand img{
  display:block;width:auto;height:clamp(34px,3.9vw,52px);max-width:min(38vw,320px);
  object-fit:contain;
}
.site-header__nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,1.6vw,27px)}
.site-header__nav a{
  color:var(--site-nav-mint);font-family:"owners-wide","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(13px,1.85vw,26px);font-weight:700;line-height:1;
  letter-spacing:.005em;text-transform:uppercase;white-space:nowrap;
  transition:opacity .3s ease,color .3s ease;
}
.site-header__nav a:hover,.site-header__nav a:focus-visible{opacity:.58}
.site-header__nav a[aria-current="page"]{color:var(--site-nav-paper)}
.site-header__toggle{
  display:none;position:relative;z-index:1002;width:48px;height:48px;padding:0;border:1px solid rgba(159,211,175,.22);
  background:transparent;color:var(--site-nav-mint);cursor:pointer;
  align-items:center;justify-content:center;flex-direction:column;gap:6px;
}
.site-header__toggle span{display:block;width:21px;height:1px;background:currentColor;transition:transform .35s var(--site-nav-ease),opacity .25s ease}
.site-header__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.site-header__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.site-nav-open{overflow:hidden}
@media(max-width:1240px){
  .site-header{padding-top:16px;padding-bottom:16px}
  .site-header__brand img{height:36px;max-width:min(58vw,245px)}
  .site-header__toggle{display:flex}
  .site-header__nav{
    position:fixed;z-index:1001;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:clamp(24px,6vh,42px);padding:100px var(--site-nav-gut) 60px;background:var(--site-nav-deep);
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-12px);
    transition:opacity .35s var(--site-nav-ease),transform .35s var(--site-nav-ease),visibility .35s;
  }
  .site-header__nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .site-header__nav a{font-size:clamp(28px,9vw,48px)}
}
@media(max-width:560px){
  .site-header{padding-left:20px;padding-right:20px}
  .site-header__brand img{height:33px}
}
@media(prefers-reduced-motion:reduce){
  .site-header__nav,.site-header__toggle span,.atrium-route-intro,.atrium-route-intro img{transition:none}
}
