html{scroll-behavior:smooth} .skip-link{position:fixed;left:1rem;top:-5rem;background:#fff;color:#172c28;padding:1rem;z-index:100}.skip-link:focus{top:1rem}a:focus-visible{outline:3px solid #b58b48;outline-offset:5px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* One simple masthead row at every viewport. */
.nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:28px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.brand{flex:0 0 auto;font-size:19px;letter-spacing:-.03em;line-height:1.2}
.header-actions{display:flex;flex:0 1 auto;gap:10px;align-items:stretch}
.header-actions .button{min-height:48px;padding:12px 17px;font-size:14px;white-space:nowrap}
.header-actions .contact-action{gap:8px;background:#fbfaf780;border:1px solid #153c3740;color:var(--forest);box-shadow:none}
.contact-action svg{width:17px;height:17px;flex-shrink:0}
.header-actions .contact-action:hover{background:#e2e7da;border-color:var(--forest)}
@media(width<=760px){.nav{gap:12px}.brand{font-size:16px;flex:1 1 24%;max-width:125px}.header-actions{flex:1 1 76%;gap:6px}.header-actions .button{white-space:normal;text-align:center;line-height:1.15;min-height:48px;padding:9px 8px;font-size:12px}.header-actions .contact-action{gap:0;flex:1 1 0}.contact-action svg{display:none}.header-booking{flex:1.65 1 0}.hero-grid{padding-top:42px}}
@media(width<=420px){.nav{gap:8px}.brand{font-size:14px;flex:0 0 77px}.header-actions{gap:4px;min-width:0}.header-actions .button{padding:8px 5px;font-size:11px;min-height:48px}.header-booking{flex:1.65 1 0}}