/* One size for the photo masthead and the dock that replaces it on scroll.
 * Loaded after the generated Atlas CSS; keep the generated module untouched.
 * Legacy Atlas ID specificity is needed to override its button skin. */
#atlas-hero .mast .mast-cta,
.nch-nav.nch-nav--dock .nch-dock-cta {
  --nch-cta-font-size: .65625rem;
  --nch-cta-font-family: "Montserrat", "Figtree", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  box-sizing: border-box;
  min-height: calc(var(--nch-space) * 11);
  padding: calc(var(--nch-space) * 2) calc(var(--nch-space) * 4);
  font-family: var(--nch-cta-font-family);
  font-size: var(--nch-cta-font-size);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--nch-ink);
  background: var(--nch-sand);
  border: 1px solid var(--nch-sand);
  border-radius: var(--nch-radius);
  box-shadow: none;
  cursor: pointer;
  transition: background var(--nch-dur-fast), border-color var(--nch-dur-fast);
}
@media (hover: hover) {
  #atlas-hero .mast .mast-cta:hover,
  .nch-nav.nch-nav--dock .nch-dock-cta:hover {
    background: var(--nch-bone-raised);
    border-color: var(--nch-bone-raised);
    transform: none;
    box-shadow: none;
  }
}
#atlas-hero .mast .mast-cta:focus-visible,
.nch-nav.nch-nav--dock .nch-dock-cta:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--nch-ink), 0 0 0 4px var(--nch-sand);
}
@media (max-width: 899px) {
  #atlas-hero .mast .mast-cta,
  .nch-nav.nch-nav--dock .nch-dock-cta { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #atlas-hero .mast .mast-cta,
  .nch-nav.nch-nav--dock .nch-dock-cta { transition: none; }
}