:root{--gradient-size:30%}.hero-section#rooms{background-image:url(/images/vip.jpg)}.hero-section#home{background-image:url(/images/hero-2.jpeg);background-position:100%}.hero-section{isolation:isolate;background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;align-items:start;height:80vh;padding:2rem;display:flex;position:relative}.hero-section:after{content:"";width:100%;height:var(--gradient-size);z-index:-1;background-image:linear-gradient(#000000de,#0000);position:absolute;top:0;left:0}.hero-section:before{content:"";width:100%;height:calc(var(--gradient-size) + 10%);z-index:-1;background-image:linear-gradient(#000000de,#0000);position:absolute;bottom:0;left:0;transform:rotateX(180deg)}.hero-section nav{display:none}.hero-word{opacity:0;margin-right:.35em;animation:.4s cubic-bezier(.25,.46,.45,.94) forwards wordFloatUp;display:inline-block}.hero-word:last-child{margin-right:0}@keyframes wordFloatUp{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translateY(0)}}.hero-section .menu{opacity:0;background-color:#0000;border:none;transform:translateY(-2rem)}.hero-menu--entrance{animation:.5s cubic-bezier(.25,.46,.45,.94) forwards menuFloatDown}@keyframes menuFloatDown{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}.hero-section .bottom h1{color:#fff;max-width:35rem;margin:0 0 1rem;font-family:cham-bold;font-size:3rem}.hero-section#rooms .bottom h1{max-width:60rem}.hero-section .bottom button{border:none;padding:1rem 2.5rem;font-family:i-sans;font-weight:600}.hero-mobile-menu{z-index:100;background-color:#0009;justify-content:center;align-items:center;animation:.3s menuFadeIn;display:flex;position:fixed;inset:0}.hero-mobile-menu-inner{background-color:#000;flex-direction:column;width:100%;height:100vh;padding:2rem;animation:.35s menuSlideUp;display:flex}.hero-mobile-menu-header{justify-content:space-between;align-items:center;margin-bottom:4rem;display:flex}.hero-mobile-menu-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:2.5rem}.hero-mobile-menu-links{margin:0;padding:0;list-style:none}.hero-mobile-menu-links li{opacity:0;animation:.4s forwards linkFadeInUp}.hero-mobile-menu-links li a{color:#fff;border-bottom:1px solid #ffffff14;padding:1.5rem 0;font-family:i-sans;font-size:2rem;text-decoration:none;transition:opacity .2s;display:block}.hero-mobile-menu-links li a:hover{opacity:.7}@keyframes menuFadeIn{0%{opacity:0}to{opacity:1}}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes linkFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:600px){.hero-section{height:90vh}.hero-section nav{width:100%;font-family:i-sans;display:block}.hero-section nav ul{justify-content:center;align-items:center;gap:4rem;list-style:none;display:flex}.hero-section nav ul .home{margin-inline:6rem}.hero-section nav ul li a{color:#fff;font-size:1.4rem;text-decoration:none}.hero-nav--hidden li{opacity:0}.hero-nav--entrance li{opacity:0;animation:.4s cubic-bezier(.25,.46,.45,.94) forwards navItemReveal}.hero-nav--entrance li:nth-child(3){animation-name:logoReveal;animation-delay:0s}.hero-nav--entrance li:nth-child(2),.hero-nav--entrance li:nth-child(4){animation-delay:.25s}.hero-nav--entrance li:first-child,.hero-nav--entrance li:nth-child(5){animation-delay:.4s}@keyframes logoReveal{0%{opacity:0;transform:translateY(-2.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes navItemReveal{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translateY(0)}}.hero-section .menu{display:none}.hero-mobile-menu{display:none!important}.hero-section .bottom{justify-content:space-between;align-items:end;width:100%;display:flex}.hero-section .bottom h1{max-width:50rem;font-size:5rem}}