/* Keep navigation in place without changing the existing 80px header layout. */
body .header{
 position:fixed!important;top:0!important;left:0!important;right:0!important;
 width:100%!important;z-index:500!important;box-sizing:border-box;
 height:80px!important;min-height:80px!important;padding-top:0!important;padding-bottom:0!important;
 background:rgba(29,77,72,.74)!important;
 -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
 border:0!important;
 transition:background-color .2s ease,box-shadow .2s ease;
}
/* Inner pages retain their readable header and original content position. */
body:not(.resort-home){padding-top:80px}
body.resort-home .header:not(.is-scrolled):not(:has(nav.open)):not(:has(details[open])){
 background:transparent!important;border-bottom-color:transparent;
 -webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none!important;
}
body .header.is-scrolled{box-shadow:0 3px 18px rgba(12,38,33,.12)}
body .header nav.open{top:100%!important;max-height:calc(100dvh - 80px);overflow-y:auto}
@media(prefers-reduced-motion:reduce){body .header{transition:none}}