/* Shared site navigation (Team, Projects, Green, What We Do pages) */
.sitenav { position: fixed; top: 0; left: 0; right: 0; z-index: 500; height: 64px; display: flex; align-items: center; justify-content: center;
  background: rgba(29, 41, 81, 0.88); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-family: "Montserrat", Arial, sans-serif; }
.sitenav__links { display: none; gap: 2.6rem; white-space: nowrap; }
.sitenav__links a, .sitenav__panel a { font: 600 14px/1 "Montserrat", Arial, sans-serif; letter-spacing: 0.14em; text-transform: uppercase; color: #fff; text-decoration: none; opacity: 0.85;
  padding: 0.4rem 0; border-bottom: 2px solid transparent; transition: border-color 0.2s, opacity 0.2s; }
.sitenav__links a:hover, .sitenav__links a.active, .sitenav__panel a:hover, .sitenav__panel a.active { border-bottom-color: #fff; opacity: 1; }
.sitenav__toggle { position: absolute; left: 20px; top: 50%; width: 36px; height: 36px; margin-top: -18px; background: none; border: 0; padding: 0; cursor: pointer; }
.sitenav__toggle span, .sitenav__toggle span::before { display: block; position: absolute; left: 4px; width: 28px; height: 2px; background: #fff; content: ""; transition: transform 0.25s, top 0.25s; }
.sitenav__toggle span { top: 17px; }
.sitenav__toggle span::before { top: -7px; left: 0; }
.sitenav__toggle[aria-expanded="true"] span { transform: rotate(45deg); }
.sitenav__toggle[aria-expanded="true"] span::before { top: 0; transform: rotate(90deg); }
.sitenav__current { font: 700 13px/1 "Montserrat", Arial, sans-serif; letter-spacing: 0.15em; text-transform: uppercase; color: #fff; }
.sitenav__panel { display: none; position: absolute; top: 64px; left: 0; right: 0; flex-direction: column; gap: 1.4rem; padding: 1.6rem 24px 2rem; background: rgba(29, 41, 81, 0.97); }
.sitenav__panel a { align-self: flex-start; font-size: 16px; }
.sitenav.is-open .sitenav__panel { display: flex; }
@media (min-width: 1100px) {
  .sitenav__links { display: flex; }
  .sitenav__toggle, .sitenav__current, .sitenav__panel, .sitenav.is-open .sitenav__panel { display: none; }
}
