/* Shared pearl-glass primary actions on light and photographic surfaces. */
body .button.primary,
body .site-header[data-header] .nav .nav-cta {
 border: 1px solid #bfc7bc !important;
 border-radius: 999px;
 background: linear-gradient(150deg,#ffffff,#e5e8e3) !important;
 color: #202923 !important;
 box-shadow: inset 0 2px 2px #fff, inset 0 -1px 2px #c2cbc055, 0 5px 20px #28382418 !important;
}
body .button.primary::before { border-color: #ffffffa6; border-top-color: #fff; border-bottom-color: #d1d8ce80; }
body .button.primary > span,
body .site-header[data-header] .nav .nav-cta > span {
 background: linear-gradient(145deg,#fff,#f0f3ed) !important;
 border: 1px solid #d1d8ce !important;
 color: #202923;
 box-shadow: inset 0 1px 1px #fff, 0 2px 5px #2838240d !important;
}
@media(hover:hover) {
 body .button.primary:hover,
 body .site-header[data-header] .nav .nav-cta:hover {
  background: linear-gradient(150deg,#fff,#dce3d8) !important;
  border-color: #9eac98;
  color: #202923 !important;
  box-shadow: inset 0 2px 2px #fff, 0 8px 24px #28382425 !important;
 }
}
body .button.primary:focus-visible,
body .site-header[data-header] .nav .nav-cta:focus-visible { outline: 3px solid #55716b; outline-offset: 4px; }
/* A hint of warm orange distinguishes the header action. */
body .site-header[data-header] .nav .nav-cta {
 background: linear-gradient(145deg,#fffaf5,#f7dfcc) !important;
 border: 1px solid #dec3ae !important;
 box-shadow: inset 0 2px 2px #fff, 0 5px 20px #ba75451a !important;
}
body .site-header[data-header] .nav .nav-cta > span {
 background: linear-gradient(145deg,#fff,#fff5ec) !important;
 border: 1px solid #e8d5c5 !important;
}
@media(hover:hover) {
 body .site-header[data-header] .nav .nav-cta:hover {
  background: linear-gradient(145deg,#fff7ef,#f3d3b8) !important;
  box-shadow: inset 0 2px 2px #fff, 0 7px 22px #ba754527 !important;
 }
}
@media(forced-colors:active) {
 body .button.primary, body .button.primary:hover,
 body .site-header[data-header] .nav .nav-cta,
 body .site-header[data-header] .nav .nav-cta:hover,
 body .button.primary > span,
 body .site-header[data-header] .nav .nav-cta > span {
  background: ButtonFace !important; color: ButtonText !important; border-color: ButtonText; box-shadow:none;
 }
}