/* A lighter masthead: independent brand, navigation, and booking controls. */
body > header.site-masthead {
 top: max(10px,env(safe-area-inset-top)); width: calc(100% - 64px);
 max-width: 1440px; margin-top: 10px; border: 0; border-radius: 0;
 background: none; box-shadow: none; backdrop-filter: none;
 pointer-events: none;
}
body > header.site-masthead nav.wrap { height: 60px; min-height: 60px; padding: 0; gap: 16px; }
body > header.site-masthead nav > * { pointer-events: auto; }
body > header.site-masthead .logo {
 align-items: center; padding: 12px 17px; border-radius: 28px;
 background: #0c1812e8; backdrop-filter: blur(18px);
}
body > header.site-masthead .brand-name { font-size: 26px; }
body > header.site-masthead .scroll-progress { display: none; }
body > header.site-masthead .navcta .btn { border-radius: 28px; min-height: 46px; padding: 12px 20px; box-shadow: none; }
body > header.site-masthead .navcta .btn:not(.solid) { border: 0; background: #0c1812e8; backdrop-filter: blur(18px); }
/* Hand booking from the hero to the masthead without moving the navigation. */
.editorial-home > header.site-masthead .navcta .btn.solid {
 transition: opacity .28s ease-in-out, transform .28s ease-in-out, visibility .28s;
}
.editorial-home > header.site-masthead.booking-in-hero .navcta .btn.solid {
 opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-5px);
}
@media(min-width:861px) {
 body > header.site-masthead nav.wrap { display: grid; grid-template-columns: 1fr auto 1fr; }
 body > header.site-masthead .logo { justify-self: start; }
 body > header.site-masthead .navcta { justify-self: end; }
 body > header.site-masthead .navlinks {
  gap: 3px; padding: 5px; border: 1px solid #bbd5bf30; border-radius: 32px;
  background: #132219ed; backdrop-filter: blur(20px); box-shadow: 0 6px 22px #0002;
 }
 body > header.site-masthead .navlinks a { padding: 11px 18px; border-radius: 24px; font-size: 13px; transition: background .35s ease-in-out,color .35s ease-in-out; }
 body > header.site-masthead .navlinks a::after { display: none; }
 body > header.site-masthead .navlinks a:hover,body > header.site-masthead .navlinks a[aria-current] { background: #a7cfb21c; color: #f1f1e9; }
}
@media(min-width:861px) and (max-width:1150px) {
 body > header.site-masthead .navcta .btn:not(.solid) { display: none; }
 body > header.site-masthead .navlinks a { padding-inline: 14px; }
}
@media(max-width:860px) {
 body > header.site-masthead { width: calc(100% - 24px); }
 body > header.site-masthead nav.wrap { gap: 8px; }
 body > header.site-masthead .logo { padding: 12px; }
 body > header.site-masthead .navcta .btn { padding: 11px 14px; }
 body > header.site-masthead .navcta .btn:not(.solid) { display: none; }
 body > header.site-masthead .burger { border-radius: 50%; background: #132219ed; border: 1px solid #bbd5bf30; backdrop-filter: blur(18px); }
 body > header.site-masthead .navlinks { border-radius: 20px; }
}
@media(prefers-reduced-motion:reduce) {
 body > header.site-masthead .navlinks a { transition: none; }
 .editorial-home > header.site-masthead .navcta .btn.solid { transition: none; transform: none; }
}