/* Small staging-only additions to the original site's locally served CSS. */
.staging-wordmark {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  min-width: 175px;
  color: #1a1a1a;
  font-family: "Cormorant Garamond", Georgia, serif;
  line-height: 1;
  white-space: nowrap;
}
.staging-wordmark > span { font-size: 23px; letter-spacing: .13em; }
.staging-wordmark > small { font-family: Montserrat, sans-serif; font-size: 9px; letter-spacing: .46em; margin-top: 5px; }
.staging-wordmark > em { font-family: Montserrat, sans-serif; font-size: 7px; letter-spacing: .04em; font-style: normal; margin-top: 6px; }
footer .staging-wordmark { color: #f5f5f5; }
footer .staging-wordmark > span { font-size: 25px; }
.staging-transition {
  background: #f6f3ef;
  color: #27312e;
  border-block: 1px solid #e4ded7;
  padding: 14px 24px;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  letter-spacing: .025em;
  line-height: 1.7;
}
.staging-mobile-nav {
  position: absolute;
  top: 5rem;
  left: 0;
  width: 100%;
  z-index: 60;
  background: hsl(var(--background));
  border-bottom: 1px solid hsl(var(--border));
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
}
.staging-mobile-nav[hidden] { display: none !important; }
#before-after figure > div[hidden] { display: none !important; }
.staging-mobile-nav {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  gap: 1rem;
}
.staging-mobile-nav-link { text-decoration: none; }
.staging-mobile-nav-contacts { padding-top: 1rem; border-top: 1px solid hsl(var(--border)); margin-top: .5rem; display: flex; flex-direction: column; gap: .75rem; }
.staging-mobile-nav-contact { text-decoration: none; }
.staging-mobile-nav-book { text-decoration: none; }
.staging-cookie { position: fixed; z-index: 90; bottom: 16px; left: 50%; transform: translateX(-50%); max-width: 900px; width: calc(100% - 28px); padding: 22px 24px; background: #1a1a1a; color: white; box-shadow: 0 10px 40px #0005; display: flex; align-items: center; gap: 22px; font: 13px/1.6 Montserrat, sans-serif; }
.staging-cookie[hidden] { display: none !important; }
.staging-cookie p { flex: 1; }
.staging-cookie a { color: #79c0c8; text-decoration: underline; }
.staging-cookie-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.staging-cookie button { border: 1px solid #aaa; padding: 9px 13px; color: white; font: italic 16px "Cormorant Garamond", Georgia, serif; white-space: nowrap; }
.staging-cookie button:last-child { border-color: #63acb6; background: #63acb6; }
.staging-cookie button:hover { filter: brightness(1.12); }
.staging-cookie label { display: flex; align-items: center; gap: 8px; }
.staging-cookie-copy { flex: 1; min-width: 0; }
.staging-cookie-preferences { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 12px; }
.staging-cookie input { width: 17px; height: 17px; accent-color: #63acb6; }
.staging-cookie { max-height: calc(100dvh - 24px); overflow-y: auto; }
.staging-cookie-actions { max-width: 265px; }
body :focus-visible { outline: 2px solid #2b7f89; outline-offset: 3px; }
/* Match the source logo's 175px slot below its 2xl expansion, while keeping
   its original desktop navigation at the lg breakpoint. */
@media (min-width: 1024px) and (max-width: 1399px) {
  header .staging-wordmark {
    box-sizing: border-box;
    width: 175px;
    min-width: 0;
    max-width: 175px;
  }
  header .staging-wordmark > span {
    font-size: 20px;
    letter-spacing: .1em;
  }
}
@media (max-width: 700px) {
  .staging-cookie { display: block; bottom: 0; width: 100%; padding: 18px; }
  .staging-cookie-actions { margin-top: 14px; justify-content: flex-start; }
  .staging-transition { padding: 12px 18px; font-size: 12px; }
  .staging-wordmark { min-width: 155px; }
  .staging-wordmark > span { font-size: 19px; }
}