/* One menu (hamburger) button style per screen size. 2026-11-10. Loaded last on every page.
   Phones and tablets (max-width:900px): every page uses the Contact page button, a 44px sand tile
   with three teal lines and no visible word.
   Desktop (min-width:901px): the Home page keeps its sand "Menu" tile. The Contact page (and the
   404 / 403 pages built from it) now uses the plain lines + MENU style of the other inner pages. */
@font-face{font-family:"HBS Montserrat";src:url("../fonts/hero/montserrat-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
.pha__menu,.hd__menu{--sand:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .98 0 0 0 0 .95 0 0 0 9 -5.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .43 0 0 0 0 .25 0 0 0 0 .17 0 0 0 1.9 -.98'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

@media(max-width:900px){
 html body .pha__menu.pha__menu,html body .hd__menu.hd__menu{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;width:44px!important;min-width:44px!important;height:44px!important;padding:0!important;margin-block:0!important;border:1px solid #d6b995!important;border-radius:7px!important;background-color:#ecd7ba!important;background-image:var(--sand),linear-gradient(145deg,#f4e6cf,#e2c5a3)!important;background-size:220px 220px,180px 180px,100% 100%!important;background-blend-mode:soft-light,soft-light,normal!important;color:#3b6c6f!important;font-size:0!important;letter-spacing:0!important;cursor:pointer;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 5px 18px rgba(20,51,49,.06)!important;filter:none!important;transform:none!important;opacity:1!important}
 html body .pha__menu.pha__menu:hover,html body .hd__menu.hd__menu:hover{background-color:#f1dfc5!important;border-color:#c9a77e!important}
 html body .pha__menu.pha__menu:focus-visible,html body .hd__menu.hd__menu:focus-visible{outline:2px solid #b88055!important;outline-offset:5px!important}
 html body .pha__menu.pha__menu .pha__menu-lines{display:grid!important;width:22px!important;gap:5px!important;justify-items:start!important;margin:0!important}
 html body .pha__menu.pha__menu .pha__menu-lines i{display:block!important;width:100%!important;height:2px!important;border-radius:1px!important;background:rgba(59,108,111,.9)!important;box-shadow:none!important;filter:none!important;transform:none!important}
 html body .pha__menu.pha__menu .pha__menu-lines i:nth-child(2){width:70%!important}
 html body .pha__menu.pha__menu .pha__menu-label{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
 /* older header (Park Rules, Reservations, Terms, Privacy): its two bars become the same three lines */
 html body .hd__menu.hd__menu .bars{position:relative!important;display:block!important;width:22px!important;height:16px!important;margin:0!important}
 html body .hd__menu.hd__menu .bars i{position:absolute!important;left:0!important;right:0!important;height:2px!important;border-radius:1px!important;background:rgba(59,108,111,.9)!important;transform:none!important}
 html body .hd__menu.hd__menu .bars i:nth-child(1){top:0!important;bottom:auto!important}
 html body .hd__menu.hd__menu .bars i:nth-child(2){top:auto!important;bottom:0!important}
 html body .hd__menu.hd__menu .bars::before{content:"";position:absolute;left:0;top:7px;width:70%;height:2px;border-radius:1px;background:rgba(59,108,111,.9)}
}

@media(min-width:901px){
 html body.page-contact .cuh .pha__menu{gap:14px;width:auto;min-width:0;height:60px;padding:0 4px;border:0;border-radius:0;background:none;color:#244d61;font:800 17px/1 "HBS Montserrat","Helvetica Neue",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;box-shadow:none;filter:none}
 html body.page-contact .cuh .pha__menu:hover{background:none;border:0;box-shadow:none;transform:none}
 html body.page-contact .cuh .pha__menu:focus-visible{outline:2px solid #477b90;outline-offset:6px}
 html body.page-contact .cuh .pha__menu-label{letter-spacing:.16em;margin-right:-.16em;background:none!important;color:inherit;-webkit-text-fill-color:currentColor}
 html body.page-contact .cuh .pha__menu-lines{display:grid;width:30px;gap:6px;justify-items:end}
 html body.page-contact .cuh .pha__menu-lines i{display:block;width:100%;height:4px;border-radius:2px;background-color:#244d61;background-image:linear-gradient(#477b90,#244d61)}
 html body.page-contact .cuh .pha__menu-lines i:nth-child(2){width:62%;background-image:linear-gradient(#8baab7,#477b90)}
 html body.page-contact .cuh .pha__menu:hover .pha__menu-lines i:nth-child(2){width:100%}
}
@media(min-width:901px) and (max-width:1450px){
 html body.page-contact .cuh .pha__menu{height:56px;font-size:16px;padding:0 4px}
}