*{margin:0;padding:0;box-sizing:border-box}.App{font-family:sans-serif;text-align:center}body{background-color:#262626}::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{-ms-overflow-style:none}.header{background-color:#44342f;margin:0;height:50px;width:100%;position:fixed;display:flex;align-items:center;justify-content:center;transition:all .6s ease;opacity:0;pointer-events:none;z-index:999}.header h1{color:#d2a44b;filter:brightness(1.4);font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.visible{opacity:1;pointer-events:auto}@media screen and (max-width: 768px){.header h1{font-size:1.2rem;font-weight:400}}.contactOverlayContainer{position:fixed;bottom:20px;right:20px;height:110px;width:220px;background-color:#8c695e;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;box-shadow:0 4px 12px #00000026;z-index:999;font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}.contactOverlayContainer a{display:flex;align-items:center;gap:3px;text-decoration:none;color:#fff;transition:color .2s ease,color .2s ease}.contact-overlay a:active{color:#0000001a}.contactOverlayContainer a svg{text-decoration:none;color:#fff;height:1.5rem;width:1.5rem}.hero-section{position:relative;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.desktop-video{opacity:1;visibility:visible;z-index:0;object-position:center center}.mobile-video{opacity:0;visibility:hidden;z-index:-1;object-position:top center}@media (max-width: 768px){.desktop-video{opacity:0;visibility:hidden;z-index:-1}.mobile-video{opacity:1;visibility:visible;z-index:0}.hero-section-img{width:260px;height:260px}.hero-description{bottom:70px;font-size:14px;text-align:center;padding:0 20px}}.video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;z-index:1}.hero-section-img{height:400px;width:400px;transition:all .6s ease;opacity:1;pointer-events:auto;z-index:2;filter:brightness(1.4);position:relative}.hero-description{color:#d2a44b;transition:all .6s ease;opacity:1;pointer-events:auto;z-index:3;filter:brightness(1.4);position:relative;bottom:120px;font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}.invisible{opacity:0;pointer-events:none}.amenities-container{padding:2rem 1rem;text-align:center;background-color:#f2d6bd;position:relative}.amenities-container:before,.amenities-container:after{content:"";position:absolute;left:0;width:100%;height:35.5px;pointer-events:none}.amenities-container:after{bottom:0;background:linear-gradient(to top,#0003,#0000)}.amenities-heading{font-size:1.8rem;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.amenities-list{list-style:none;padding:0;margin:0 auto;max-width:500px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:10px}.amenity-item{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:12px;margin:12px 0;font-size:1.1rem;font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.amenity-item.visible{opacity:1;transform:translateY(0)}.amenity-icon{font-size:1.4rem;color:#daa520}.description-container{padding:2rem 1rem;position:relative;background-color:#f2d6bd;display:flex;justify-content:center;align-items:center}.description-container:before,.description-container:after{content:"";position:absolute;left:0;width:100%;height:35.5px;pointer-events:none}.description-container:before{top:0;background:linear-gradient(to bottom,#0003,#0000)}.description-container p{padding:0;margin:50px auto;max-width:80%;font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}.description-heading{font-size:1.4rem;font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}@media screen and (min-width: 1024px){.description-container p{padding:0;margin:50px auto;max-width:80%;font-size:1.1rem}}.carousel-container{position:relative;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;width:100%;scrollbar-width:none;padding:0}.carousel{display:flex;width:100%}.card{flex:0 0 100%;scroll-snap-align:center;border-radius:0;max-width:100%;overflow:hidden}.card img{width:100%;object-fit:cover;display:block}.carousel-container::-webkit-scrollbar{display:none}.location-section{text-align:center;padding:2rem 1rem;background-color:#44342f}.location-heading{font-size:1.5rem;margin-bottom:1.5rem;font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;margin-bottom:.5rem;color:#d2a44b}.location-subtext{font-size:1rem;font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100;color:#d2a44b;margin-bottom:1rem}.map-container{width:100%;max-width:600px;height:300px;margin:0 auto;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0003}.footer{background-color:#f2d6bd;color:#111;padding:4rem 1rem;text-align:center;font-size:.95rem;font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100;position:relative}.footer:before{content:"";position:absolute;left:0;width:100%;height:35.5px;pointer-events:none;top:0;background:linear-gradient(to bottom,#0003,#0000)}.footer h4{margin-bottom:1.5rem;font-family:Playfair Display,serif;font-optical-sizing:auto;font-weight:500;font-style:normal;margin-bottom:.5rem;color:#daa520}.footer p,a{margin:4px 0;text-decoration:none;color:inherit}.footer-icon{font-size:1rem;color:#daa520}.footer-bottom{margin-top:5rem;font-size:.8rem;color:#aaa}@media screen and (max-width: 768px){.footer{padding-bottom:30%}}@media (max-width: 932px) and (orientation: landscape){.footer{padding-bottom:12%}}
