/* Site menu + footer for pages that keep their own stylesheet (points map, Gulf, blog posts).
   Those pages pad <body> by clamp(20px,4vw,64px); the menu and footer bleed back out to full width.
   Class names are prefixed (sn-/sf-) so they can't collide with page styles. */
.sitenav{--pad:clamp(20px,4vw,64px);position:sticky;top:0;z-index:60;margin:calc(-1*var(--pad)) calc(-1*var(--pad)) clamp(28px,4vw,48px);
  background:rgba(251,243,230,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(42,34,29,.07)}
.sn-in{max-width:1160px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:22px;height:66px}
.sn-wm{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;font-weight:600;color:#2a221d;text-decoration:none;white-space:nowrap;line-height:1.1}
.sn-wm small{display:block;font-family:'EB Garamond',Georgia,serif;font-size:9.5px;font-weight:400;letter-spacing:.26em;text-transform:uppercase;color:#6e6157;margin-top:1px}
.sn-links{display:flex;gap:22px;margin-left:auto;font-family:'EB Garamond',Georgia,serif;font-size:15.5px}
.sn-links a{text-decoration:none;color:#5c5046;border-bottom:1px solid transparent;padding:2px 0}
.sn-links a:hover,.sn-links a[aria-current=page]{color:#2a221d;border-color:#b25334}
.sn-btn{display:inline-flex;align-items:center;font-family:'EB Garamond',Georgia,serif;font-size:15px;font-weight:500;text-decoration:none;white-space:nowrap;
  background:#b25334;color:#fff;border:1px solid #b25334;border-radius:999px;padding:9px 18px;min-height:40px;transition:.18s}
.sn-btn:hover{background:#8f3f25;border-color:#8f3f25}
.sitenav a:focus-visible,.sitefoot a:focus-visible{outline:2px solid #8f3f25;outline-offset:3px;border-radius:4px}
@media (max-width:820px){
  .sn-in{height:auto;flex-wrap:wrap;gap:6px 14px;padding-top:10px;padding-bottom:10px}
  .sn-wm{font-size:22px}
  .sn-wm small{display:none}
  .sn-links{order:3;width:100%;margin:0;gap:16px;overflow-x:auto;font-size:14.5px;padding-bottom:2px}
  .sn-btn{margin-left:auto;padding:7px 14px;min-height:36px;font-size:14px}
}
.sitefoot{--pad:clamp(20px,4vw,64px);margin:56px calc(-1*var(--pad)) calc(-1*var(--pad));border-top:1px solid rgba(42,34,29,.14);
  padding:38px 0 46px;font-family:'EB Garamond',Georgia,serif;font-size:14.5px;color:#6e6157}
.sf-in{max-width:1160px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;gap:16px 40px;justify-content:space-between}
.sf-in a{color:#5c5046}
.sf-wm{font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;font-weight:600;color:#2a221d;text-decoration:none}
.sf-links{display:flex;flex-wrap:wrap;gap:8px 22px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#2a221d;color:#fff;padding:10px 16px;border-radius:6px;text-decoration:none;font-size:15px}
.skip:focus{top:12px}
html{scroll-padding-top:96px}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #8f3f25;outline-offset:2px}
@media (max-width:360px){.sn-links{gap:12px}}
@media (max-width:820px){.sn-links{flex-wrap:wrap;row-gap:4px;overflow:visible}.sn-links a{white-space:nowrap}}