body.menu-open{overflow:hidden}.nav-reserve{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 27px;border:1px solid rgba(255,255,255,.82);color:white;text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:500;transition:background .3s,color .3s,border-color .3s}.nav-reserve:hover{background:white;color:#061a2f;border-color:white}.menu-btn{position:relative;width:34px;height:34px;padding:6px;cursor:pointer}.menu-btn span{position:absolute;left:6px;width:22px;height:1px;background:white;transition:transform .5s cubic-bezier(.76,0,.24,1),top .5s cubic-bezier(.76,0,.24,1),opacity .25s}.menu-btn span:nth-child(1){top:9px}.menu-btn span:nth-child(2){top:16px}.menu-btn span:nth-child(3){top:23px}.menu-btn.active span:nth-child(1){top:16px;transform:rotate(45deg)}.menu-btn.active span:nth-child(2){opacity:0;transform:translateX(10px)}.menu-btn.active span:nth-child(3){top:16px;transform:rotate(-45deg)}
@media(max-width:850px){.menu-btn{display:block!important}.nav-reserve{display:none!important}.nav-links{position:fixed!important;inset:72px 0 auto!important;display:none!important;flex-direction:column!important;align-items:flex-start!important;height:calc(100svh - 72px)!important;overflow:hidden;background:rgba(6,26,47,.985)!important;padding:10vh 32px 40px!important;gap:0!important}.nav-links.open{display:flex!important}.nav-links:before{content:"Menu";display:block;margin-bottom:28px;color:#c8a76a;font:400 1rem "Cormorant Garamond",serif;letter-spacing:.3em;text-transform:uppercase;opacity:0;transform:translateY(12px)}.nav-links.open:before{animation:navItemIn .55s .12s forwards}.nav-links a{width:100%;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.11);font:400 clamp(2.2rem,11vw,3.6rem)/1 "Cormorant Garamond",serif!important;letter-spacing:-.02em!important;text-transform:none!important;opacity:0;transform:translateY(28px);transition:color .3s!important}.nav-links.open a{animation:navItemIn .62s cubic-bezier(.2,.8,.2,1) forwards}.nav-links.open a:nth-of-type(1){animation-delay:.16s}.nav-links.open a:nth-of-type(2){animation-delay:.23s}.nav-links.open a:nth-of-type(3){animation-delay:.30s}.nav-links.open a:nth-of-type(4){animation-delay:.37s}.nav-links a:after{display:none}.nav-links a:hover{color:#c8a76a}.nav-links.open:after{content:"La Croisette · Gruissan";margin-top:auto;color:#718696;font-size:.56rem;letter-spacing:.22em;text-transform:uppercase;animation:navItemIn .55s .45s both}@keyframes navItemIn{to{opacity:1;transform:none}}}