/* Header menu popover + Scope of work overlay (customize/contact/menu.js). */
.rr-menu-backdrop { position: fixed; inset: 0; z-index: 55; background: transparent; cursor: auto !important; }
.rr-menu-open #cursor, .rr-menu-open #f-cursor { visibility: hidden !important; }

.rr-menu {
  position: fixed;
  z-index: 56;
  min-width: 190px;
  padding: 6px;
  border: 1px solid #e6d8d1;
  border-radius: 14px;
  background: #f8f3ee;
  box-shadow: 0 18px 50px rgba(40, 26, 24, 0.18);
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.2s ease, transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.rr-menu.rr-open { opacity: 1; transform: none; }
.rr-menu button {
  display: block;
  width: 100%;
  padding: 13px 16px;
  border-radius: 10px;
  background: none;
  color: var(--accent, #3b2320);
  font: 300 13px/1.2 Bague, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: 0.14em;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer !important;
}
.rr-menu button:hover, .rr-menu button:focus-visible { background: rgba(59, 35, 32, 0.07); outline: none; }

/* Scope of work: the /scope-of-work page, full screen over the site */
.rr-scope {
  position: fixed;
  inset: 0;
  z-index: 1001;  /* above the site's fixed grain layer (z-index 1000) */
  background: #f6f4f3;
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.35s ease, transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.rr-scope.rr-open { opacity: 1; transform: none; }
.rr-scope iframe { display: block; width: 100%; height: 100%; border: 0; }

/* touch screens: the custom cursor must not catch the next tap (except the phone button below) */
@media (hover: none) { #cursor:not(.m), #f-cursor { pointer-events: none !important; } }

/* the round button pinned at the bottom: "Explore" on desktop, "Scope of Work" on phones (opens it) */
#cursor .rr-explore-m, #cursor.m .rr-explore-d { display: none; }
#cursor.m .rr-explore-m { display: inline; }
#cursor.m .explore { text-align: center; line-height: 1.25; }
#cursor.m { cursor: pointer; }

/* Chapter headings (the template's Mask component) were revealed through a brush-stroke mask. The
   stroke has a gap at the top right, so on phones the end of a long line stayed faded
   ("BHOPAL · AN INTIMATE HOME WEDD…"). No mask: headings are simply shown. Kept here, not in the
   bundle CSS, so it reaches every browser at once. */
.text[data-v-5c26d209] { -webkit-mask-image: none !important; mask-image: none !important; }