/* Public header only. Load after public-page-standard.css.
   The logo artwork and dimensions remain owned by the approved identity rules. */
@media screen {
body.public-page .header-v2.peak-mountain-header {
  position:relative;
  z-index:20;
  display:block;
  border-top:3px solid var(--navy, #123543);
  background:var(--paper, #F3EDE1);
}
body.public-page .header-v2.peak-mountain-header .shell {
  width:min(var(--page-max, 1240px), calc(100% - 2 * var(--gutter, 32px)));
  max-width:none;
  margin-inline:auto;
  padding-inline:0;
}
body.public-page .header-v2.peak-mountain-header .masthead {
  background:var(--paper, #F3EDE1);
}
body.public-page .header-v2.peak-mountain-header .masthead-inner {
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:24px;
  min-height:118px;
  padding-block:12px;
}
body.public-page .header-v2.peak-mountain-header .brand {
  flex:0 0 238.425px;
  width:238.425px;
  margin:0;
}
body.public-page .header-v2.peak-mountain-header .site-navigation {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:24px;
  min-width:0;
  margin-left:auto;
  border:0;
}
body.public-page .header-v2.peak-mountain-header .navigation {
  display:flex;
  flex:0 0 auto;
  align-items:stretch;
  justify-content:flex-end;
  gap:24px;
  width:auto;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
body.public-page .header-v2.peak-mountain-header .navigation a {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  position:relative;
  min-height:44px;
  padding:0;
  border:0;
  color:var(--muted, #58666B);
  background:transparent;
  font:400 14px/1.3 var(--sans);
  white-space:nowrap;
  text-decoration:none;
}
body.public-page .header-v2.peak-mountain-header .navigation a::before {
  content:none;
}
body.public-page .header-v2.peak-mountain-header .navigation a:is(.on, [aria-current="page"]) {
  color:var(--navy, #123543);
  font-weight:600;
}
body.public-page .header-v2.peak-mountain-header .navigation a:is(.on, [aria-current="page"])::after {
  content:"";
  position:absolute;
  inset:auto 0 1px;
  height:2px;
  background:var(--navy, #123543);
}
body.public-page .header-v2.peak-mountain-header .navigation a:hover {
  color:var(--navy, #123543);
  background:transparent;
}
body.public-page .header-v2.peak-mountain-header .headright {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:16px;
  margin:0;
  padding:0;
}
body.public-page .header-v2.peak-mountain-header .headright > .signin {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  margin:0;
  padding:11px 16px;
  border:1px solid var(--navy, #123543);
  background:var(--navy, #123543);
  color:var(--paper, #F3EDE1);
  font:600 14px/1.3 var(--sans);
  white-space:nowrap;
  text-decoration:none;
}
body.public-page .header-v2.peak-mountain-header .headright > .signin:hover {
  background:var(--accent-hover, #0D2833);
  border-color:var(--accent-hover, #0D2833);
}
body.public-page .header-v2.peak-mountain-header .account-menu {
  position:relative;
  min-width:0;
  margin:0;
}
body.public-page .header-v2.peak-mountain-header .account-menu[hidden] {
  display:none;
}
body.public-page .header-v2.peak-mountain-header .account-menu > summary {
  min-height:44px;
  padding-inline:2px;
  color:var(--navy, #123543);
  font:400 14px/1.4 var(--sans);
}
body.public-page .header-v2.peak-mountain-header .account-menu .account-nav {
  right:0;
  left:auto;
  width:210px;
  max-width:calc(100vw - 2 * var(--gutter, 32px));
  max-height:calc(100dvh - 132px);
  overflow-y:auto;
  overscroll-behavior:contain;
  background:var(--white, #FFFDF8);
  border-top-color:var(--navy, #123543);
}
body.public-page .header-v2.peak-mountain-header .account-nav a {
  min-height:44px;
  color:var(--navy, #123543);
  text-decoration:none;
}
body.public-page .header-v2.peak-mountain-header .account-nav a:is(:hover, .on, [aria-current="page"]) {
  color:var(--navy, #123543);
  background:var(--paper, #F3EDE1);
}
body.public-page .header-v2.peak-mountain-header :is(a, summary):focus-visible {
  outline:2px solid var(--navy, #123543);
  outline-offset:3px;
}

@media (max-width:1160px) {
  body.public-page .header-v2.peak-mountain-header .masthead-note { display:none; }
  body.public-page .header-v2.peak-mountain-header .masthead-inner,
  body.public-page .header-v2.peak-mountain-header .site-navigation { gap:12px; }
  body.public-page .header-v2.peak-mountain-header .navigation { gap:14px; }
  body.public-page .header-v2.peak-mountain-header .headright { gap:12px; }
  body.public-page .header-v2.peak-mountain-header .headright > .signin { padding-inline:12px; }
}

/* Give buyer controls their full tap targets at transitional tablet widths. */
@media (min-width:621px) and (max-width:760px) {
  body.public-page .header-v2.peak-mountain-header .masthead-inner {
    display:grid;
    grid-template-columns:minmax(0, 1fr) max-content;
    gap:4px 16px;
  }
  body.public-page .header-v2.peak-mountain-header .site-navigation { display:contents; }
  body.public-page .header-v2.peak-mountain-header .brand { grid-column:1; grid-row:1; }
  body.public-page .header-v2.peak-mountain-header .headright { grid-column:2; grid-row:1; justify-self:end; }
  body.public-page .header-v2.peak-mountain-header .navigation { grid-column:1 / -1; grid-row:2; justify-self:end; }
}

@media (max-width:620px) {
  body.public-page .header-v2.peak-mountain-header .masthead-inner {
    display:grid;
    grid-template-columns:minmax(0, 1fr) max-content;
    grid-template-areas:"brand account" "navigation navigation" "order order";
    align-items:center;
    gap:0 8px;
    min-height:0;
    padding-block:8px 0;
  }
  body.public-page .header-v2.peak-mountain-header .brand {
    grid-area:brand;
    flex-basis:190.74px;
    width:190.74px;
    margin:0 0 8px;
  }
  body.public-page .header-v2.peak-mountain-header .site-navigation,
  body.public-page .header-v2.peak-mountain-header .site-navigation[hidden],
  body.public-page .header-v2.peak-mountain-header .headright {
    display:contents;
  }
  body.public-page .header-v2.peak-mountain-header .headright > .signin,
  body.public-page .header-v2.peak-mountain-header .account-menu {
    grid-area:account;
    justify-self:end;
    align-self:center;
    margin-bottom:8px;
  }
  body.public-page .header-v2.peak-mountain-header .headright > .signin {
    font-size:15px;
  }
  body.public-page .header-v2.peak-mountain-header .account-menu > summary {
    padding-inline:4px;
    font-size:15px;
  }
  body.public-page .header-v2.peak-mountain-header.is-signed-in .headright > .signin {
    grid-area:order;
    justify-self:stretch;
    margin-block:8px;
  }
  body.public-page .header-v2.peak-mountain-header .navigation {
    grid-area:navigation;
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    position:relative;
    isolation:isolate;
    gap:0;
    width:100%;
    margin:0;
    border:0;
  }
  body.public-page .header-v2.peak-mountain-header .navigation::before {
    content:"";
    position:absolute;
    inset:0 calc(-1 * var(--gutter, 20px));
    z-index:-1;
    background:var(--navy, #123543);
  }
  body.public-page .header-v2.peak-mountain-header .navigation a {
    min-height:44px;
    padding:8px 4px;
    color:var(--paper, #F3EDE1);
    font-size:15px;
  }
  body.public-page .header-v2.peak-mountain-header .navigation a:is(:hover, .on, [aria-current="page"]) {
    color:var(--paper, #F3EDE1);
    background:transparent;
  }
  body.public-page .header-v2.peak-mountain-header .navigation a:is(.on, [aria-current="page"])::after {
    inset:auto 12px 7px;
    background:var(--paper, #F3EDE1);
  }
  body.public-page .header-v2.peak-mountain-header .navigation a:focus-visible {
    outline:2px solid var(--paper, #F3EDE1);
    outline-offset:-5px;
  }
}
}