/* ═══ Main-site menu for the destination pages (gallery, story).
   Mirrors the Nav Overlay on www.vincentwilliamwine.com: same rows, same
   secondary links, same Book a room / Book a table pair and brass gift-card
   band. Behaviour comes from /explore/site-menu.js (.menu-button + #site-menu).
   The link list is copied into each page between <!-- vw-menu:start/end -->;
   keep the copies in sync with the Framer nav. ═══ */
@font-face{font-family:"Lancea";src:url("/story/fonts/Lancea.otf") format("opentype");
  font-weight:400;font-style:normal;font-display:swap}

.menu-button{display:inline-flex;align-items:center;gap:14px;min-height:44px;min-width:44px;margin:0;padding:0;border:0;background:none;
  color:inherit;font:500 13px/1 ui-sans-serif,-apple-system,"Helvetica Neue",Arial,sans-serif;
  letter-spacing:.16em;text-transform:uppercase;cursor:pointer;pointer-events:auto}
.menu-button:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.menu-icon{display:grid;gap:6px;width:22px}
.menu-icon i{display:block;height:1px;background:currentColor}

.vw-drawer{--pine:#14251E;--chalk:#F1E7D5;--chalk-dim:rgba(241,231,213,.62);--hair:rgba(241,231,213,.14);
  --brass:#C5A573;--ink:#18201B;
  position:fixed;inset:0 auto 0 0;width:min(460px,100vw);max-width:none;height:100dvh;max-height:none;
  margin:0;padding:0;border:0;background:var(--pine);color:var(--chalk);
  transform:translateX(-100%);transition:transform .32s cubic-bezier(.22,1,.36,1)}
.vw-drawer.is-open{transform:none}
.vw-drawer::backdrop{background:rgba(8,12,10,.45);opacity:0;transition:opacity .32s}
.vw-drawer.is-open::backdrop{opacity:1}
@media (prefers-reduced-motion:reduce){.vw-drawer,.vw-drawer::backdrop{transition:none}}

.vw-drawer .drawer-inner{display:flex;flex-direction:column;min-height:100%;padding:22px 32px 32px;overflow-y:auto}
.vw-drawer .drawer-close{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;margin:0 0 28px;padding:6px 0;
  border:0;background:none;color:inherit;cursor:pointer;
  font:500 11px/1 ui-sans-serif,-apple-system,"Helvetica Neue",Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase}

.vw-rows{display:flex;flex-direction:column;border-top:1px solid var(--hair)}
.vw-rows a{display:flex;justify-content:space-between;align-items:center;padding:16px 2px;
  border-bottom:1px solid var(--hair);color:var(--chalk);text-decoration:none;
  font:400 23px/1.1 "Lancea",Georgia,serif;letter-spacing:-.01em}
.vw-rows a::after{content:"→";font:300 16px/1 ui-sans-serif,-apple-system,Arial,sans-serif;color:var(--brass)}
.vw-rows a:hover,.vw-rows a[aria-current]{color:#fff}
.vw-rows a[aria-current]::after{content:"●";font-size:8px}

.vw-more{display:flex;flex-wrap:wrap;gap:14px 22px;margin:28px 0 0;padding:0 2px}
.vw-more a{color:var(--chalk-dim);text-decoration:none;
  font:500 12px/1.4 ui-sans-serif,-apple-system,"Helvetica Neue",Arial,sans-serif;letter-spacing:.12em}
.vw-more a:hover,.vw-more a[aria-current]{color:var(--chalk)}

.vw-actions{display:grid;gap:12px;margin-top:auto;padding-top:36px}
.vw-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vw-pair a{display:block;padding:15px 8px;border:1px solid rgba(241,231,213,.5);border-radius:2px;text-align:center;
  color:var(--chalk);text-decoration:none;
  font:500 11px/1 ui-sans-serif,-apple-system,"Helvetica Neue",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.vw-pair a:hover{background:var(--chalk);color:var(--ink)}
.vw-gift{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-radius:2px;
  background:var(--brass);color:var(--ink);text-decoration:none}
.vw-gift b{font:400 21px/1.1 "Lancea",Georgia,serif;letter-spacing:-.01em;white-space:nowrap}
.vw-gift span{font:400 10.5px/1 ui-sans-serif,-apple-system,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}