/* The home wrapper contains the whole page; the interior-page wrapper contains only the nav. */
.rk:not(.rk-about-nav) > .rk-nav,
.rk.rk-about-nav,
.wp-theme-ray-blueprint-studio > header {
  position: sticky;
  top: var(--rk-toolbar-offset, 0px);
  z-index: 40;
  background-color: #faf8ef;
}

/* Carry the paper colour into the gutters without adding scrollable width. */
.rk:not(.rk-about-nav) > .rk-nav::before,
.rk.rk-about-nav::before,
.wp-theme-ray-blueprint-studio > header::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: #faf8ef;
  box-shadow: 0 0 0 100vmax #faf8ef;
  clip-path: inset(0 -100vmax);
}

/* On small phones WordPress's toolbar scrolls away with the document. */
@media (min-width: 601px) {
  body.admin-bar {
    --rk-toolbar-offset: var(--wp-admin--admin-bar--height, 32px);
  }
}

.rk :is(#services, #projects, #contact, #client-title, #faq-title) {
  scroll-margin-top: calc(5.6cqw + 12px + var(--rk-toolbar-offset, 0px));
}
@media (max-width: 760px) {
  .rk :is(#services, #projects, #contact, #client-title, #faq-title) {
    scroll-margin-top: calc(72px + var(--rk-toolbar-offset, 0px));
  }
  .rk-nav .mobmenu[open] {
    max-height: calc(100dvh - var(--rk-toolbar-offset, 0px));
    overflow-y: auto;
  }
}