@import "https://fonts.googleapis.com/css2?family=Gilda+Display&family=Urbanist:wght@300;400;500;600;700&family=Great+Vibes&display=swap";:root{--bg-primary:#fff;--bg-darkgray:#151515;--bg-lightbrown:#fcfbf9;--accent-gold:#c3a171;--accent-gold-hover:#b08d5e;--text-dark:#1b1b1b;--text-light:#fff;--text-gray:#666;--text-light-gray:#aaa;--overlay-dark:#0f0f0fb3;--gradient-gold:linear-gradient(135deg, #d4af37 0%, #aa771c 100%);--glass-bg:#151515b3;--glass-border:#ffffff14;--font-heading:"Gilda Display", serif;--font-body:"Urbanist", sans-serif;--font-signature:"Great Vibes", cursive;--max-width:1400px;--header-height:90px;--transition:all .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-gray);background-color:var(--bg-primary);font-size:16px;font-weight:400;line-height:1.7;overflow-x:hidden}#root{width:100%;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-dark);letter-spacing:1px;margin-bottom:1rem;font-weight:400;line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}a:hover{color:var(--accent-gold)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.section-padding{padding:120px 0}@media (width<=768px){.section-padding{padding:80px 0}}.bg-darkgray{background-color:var(--bg-darkgray)}.bg-darkgray h1,.bg-darkgray h2,.bg-darkgray h3,.bg-darkgray h4,.bg-darkgray h5,.bg-darkgray h6{color:var(--text-light)}.bg-darkgray p{color:var(--text-light-gray)}.bg-lightbrown{background-color:var(--bg-lightbrown)}.section-subtitle{font-family:var(--font-body);letter-spacing:5px;text-transform:uppercase;color:var(--accent-gold);background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-size:13px;font-weight:600}.section-title{letter-spacing:2px;margin-bottom:40px;font-size:46px}.section-title.white{color:var(--text-light)}.button-1{border:1px solid var(--accent-gold);color:var(--accent-gold);letter-spacing:3px;text-transform:uppercase;transition:var(--transition);z-index:1;background-color:#0000;justify-content:center;align-items:center;padding:14px 36px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.button-1:before{content:"";background:var(--gradient-gold);z-index:-1;width:100%;height:100%;transition:var(--transition);transform-origin:100%;position:absolute;top:0;left:0;transform:scaleX(0)}.button-1:hover:before{transform-origin:0;transform:scaleX(1)}.button-1:hover{color:var(--text-light);border-color:#0000}.button-filled{background:var(--gradient-gold);color:var(--text-light);border:none}.button-filled:before{background:var(--bg-darkgray)}.button-filled:hover{color:var(--accent-gold)}.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;pointer-events:auto;transition:opacity var(--yarl__fade_animation_duration,.25s) var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999);position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (width>=800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,#fffc);cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}.navbar{z-index:999;width:100%;transition:var(--transition);background-color:#0000;border-bottom:1px solid #ffffff0d;padding:20px 0;position:fixed;top:0;left:0}.navbar.scrolled{background-color:var(--glass-bg);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);padding:15px 0;box-shadow:0 4px 30px #0000001a}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar .logo{font-family:var(--font-heading);color:var(--text-light);letter-spacing:2px;font-size:24px;font-weight:400}.nav-links{gap:25px;display:flex}.nav-links a{color:var(--text-light);letter-spacing:1.5px;text-transform:uppercase;transition:var(--transition);font-size:13px;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--gradient-gold);transform-origin:100%;width:100%;height:1px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-links a:hover{color:var(--accent-gold)}.nav-phone{color:var(--text-light);letter-spacing:1px;transition:var(--transition);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;padding:10px 20px;font-size:14px;font-weight:500}.nav-phone:hover{background:var(--gradient-gold);border-color:#0000}.hero-header{background-color:#111;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{object-fit:cover;z-index:1;width:100%;height:100%;animation:30s linear infinite alternate kenburns;position:absolute;top:0;left:0}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(1.15)}}.hero-overlay{z-index:2;background:linear-gradient(#0f0f0f66 0%,#0f0f0fe6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:3;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.hero-text h5{color:var(--accent-gold);font-family:var(--font-body);letter-spacing:8px;text-transform:uppercase;background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:20px;font-size:13px}.hero-text h1{color:var(--text-light);text-shadow:0 10px 30px #00000080;max-width:700px;margin-bottom:0;font-size:65px;font-weight:400;line-height:1.1}.rotate-box{cursor:pointer;width:160px;height:160px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.rotate-box:hover{transform:scale(1.05)}.rotate-text{width:100%;height:100%;animation:15s linear infinite rotateText;position:absolute}.rotate-text svg{width:100%;height:100%;fill:var(--text-light);font-family:var(--font-body);letter-spacing:6px;opacity:.8;font-size:13px}.rotate-box .icon{color:var(--text-dark);background:var(--gradient-gold);width:60px;height:60px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;box-shadow:0 10px 30px #d4af374d}.rotate-box:hover .icon{transform:scale(1.1);box-shadow:0 15px 40px #d4af3780}@keyframes rotateText{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-indicator{z-index:10;flex-direction:column;align-items:center;gap:15px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-text{color:var(--text-light-gray);font-family:var(--font-body);letter-spacing:4px;text-transform:uppercase;writing-mode:vertical-rl;font-size:11px;transform:rotate(180deg)}.scroll-line{background:#ffffff1a;width:1px;height:80px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--gradient-gold);width:100%;height:40%;animation:2s cubic-bezier(.77,0,.175,1) infinite scrollDrop;position:absolute;top:0;left:0}@keyframes scrollDrop{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1}to{opacity:0;transform:translateY(250%)}}.booking-wrapper{background-color:var(--bg-darkgray);z-index:10;border-bottom:1px solid #ffffff08;padding:40px 0;position:relative}.about-section{position:relative;overflow:hidden}.about-watermark{font-family:var(--font-heading);color:#ffffff05;white-space:nowrap;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;font-size:15vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signature{font-family:var(--font-signature);color:var(--accent-gold);opacity:.8;margin-top:30px;font-size:42px}.about-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid;position:relative}.about-images{height:550px;position:relative}.about-img-1{object-fit:cover;z-index:1;border-radius:2px;width:65%;height:80%;position:absolute;top:0;left:0;box-shadow:0 20px 40px #0000001a}.about-img-2{object-fit:cover;z-index:2;border:10px solid var(--bg-primary);border-radius:2px;width:55%;height:70%;position:absolute;bottom:0;right:0;box-shadow:-10px -10px 40px #00000026}.services-bento{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr;gap:30px;height:600px;display:grid}@media (width<=992px){.services-bento{grid-template-rows:auto;grid-template-columns:1fr;height:auto}}.bento-1{grid-row:1/-1}.bento-1 img,.bento-2 img,.bento-3 img{height:100%}.service-item{cursor:pointer;border-radius:2px;position:relative;overflow:hidden}.service-item img{object-fit:cover;width:100%;transition:transform 1s cubic-bezier(.2,1,.3,1)}.service-item:hover img{transform:scale(1.1)}.service-item:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#000000e6 100%);width:100%;height:100%;position:absolute;top:0;left:0}.service-item .title{width:100%;color:var(--text-light);font-family:var(--font-heading);z-index:2;transition:var(--transition);padding:40px 30px;font-size:28px;position:absolute;bottom:0;left:0}.service-item:hover .title{color:var(--accent-gold);transform:translateY(-10px)}.rooms-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;display:grid}.room-card{transition:var(--transition);background-color:#1a1a1c;border:1px solid #ffffff05;border-radius:2px;position:relative;overflow:hidden}.room-card:before{content:"";border:1px solid var(--accent-gold);opacity:0;z-index:10;width:100%;height:100%;transition:var(--transition);pointer-events:none;position:absolute;top:0;left:0;transform:scale(.98)}.room-card:hover:before{opacity:1;transform:scale(1)}.room-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0006}.room-card .img{height:450px;position:relative;overflow:hidden}.room-card .img img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,1,.3,1),filter .6s}.room-card:hover .img img{filter:brightness(.6);transform:scale(1.1)}.hover-explore{width:100%;transition:var(--transition);opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-50px;left:0}.hover-explore span{color:var(--text-light);font-family:var(--font-body);letter-spacing:3px;background:var(--gradient-gold);border-radius:30px;align-items:center;gap:10px;padding:12px 25px;font-size:13px;transition:transform .6s cubic-bezier(.2,1,.3,1),opacity .6s;display:flex;transform:translateY(20px)}.room-card:hover .hover-explore{opacity:1;bottom:40px}.room-card:hover .hover-explore span{transform:translateY(0)}.room-card .wrap{background:linear-gradient(#0000,#0003);padding:40px;position:relative}.room-card .price{background:var(--gradient-gold);-webkit-text-fill-color:transparent;font-family:var(--font-heading);-webkit-background-clip:text;margin-bottom:10px;font-size:26px;display:inline-block}.room-card .price span{font-family:var(--font-body);color:var(--text-light-gray);-webkit-text-fill-color:initial;font-size:14px}.room-card h3{color:var(--text-light);margin-top:10px;margin-bottom:25px;font-size:32px}.room-card .details{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:25px;padding-top:25px;display:flex}.room-card .details span{color:var(--text-light-gray);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:10px;font-size:14px;display:flex}.room-card .details svg{color:var(--accent-gold);width:18px;height:18px}.amenities-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.amenity-item{background-color:var(--bg-primary);transition:var(--transition);z-index:1;border:1px solid #00000008;border-radius:2px;padding:40px 30px;position:relative;overflow:hidden}.amenity-glow{pointer-events:none;opacity:0;mix-blend-mode:multiply;z-index:0;background:radial-gradient(circle,#c3a1714d 0%,#0000 70%);border-radius:50%;width:200px;height:200px;transition:opacity .3s;position:absolute}.amenity-item:after{content:"";background:var(--bg-darkgray);z-index:-1;transform-origin:bottom;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleY(0)}.amenity-item:hover:after{transform:scaleY(1)}.amenity-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000000d}.amenity-item:hover .amenity-title{color:var(--text-light)}.amenity-icon{color:var(--accent-gold);transition:var(--transition);margin-bottom:25px}.amenity-item:hover .amenity-icon{transform:scale(1.1)}.amenity-icon svg{width:45px;height:45px}.amenity-title{transition:var(--transition);margin-bottom:10px;font-size:22px}.gallery-masonry{grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:20px;display:grid}@media (width<=992px){.gallery-masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}}@media (width<=576px){.gallery-masonry{grid-template-columns:1fr;grid-auto-rows:250px}}.gallery-item{cursor:pointer;border-radius:2px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;filter:grayscale(80%)brightness(.7);width:100%;height:100%;transition:transform 1s cubic-bezier(.2,1,.3,1),filter .6s}.gallery-item:hover img{filter:grayscale(0%)brightness();transform:scale(1.1)}.gallery-overlay{opacity:0;width:100%;height:100%;transition:var(--transition);background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay span{color:#fff;font-family:var(--font-body);letter-spacing:3px;transition:var(--transition);border:1px solid #ffffff4d;padding:10px 20px;font-size:12px;transform:scale(.8)}.gallery-item:hover .gallery-overlay span{transform:scale(1)}.gi-0{grid-area:span 2/span 2}.gi-1{grid-area:span 1/span 1}.gi-2{grid-area:span 2/span 1}.gi-3{grid-area:span 1/span 1}.gi-4{grid-area:span 1/span 2}.gi-5{grid-area:span 1/span 1}.rooms-header-flex{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.footer{color:var(--text-light-gray);background-color:#151515;padding:80px 0}.footer-grid{grid-template-columns:1fr 1fr 1fr;gap:50px;display:grid}.footer-logo{font-family:var(--font-heading);color:var(--text-light);margin-bottom:20px;font-size:24px;display:block}.footer h3{color:var(--text-light);margin-bottom:25px;font-size:20px}.footer-contact p{align-items:flex-start;gap:15px;margin-bottom:15px;line-height:1.6;display:flex}.footer-contact svg{color:var(--accent-gold);flex-shrink:0;width:18px;height:18px;margin-top:4px}.footer-social{gap:15px;margin-top:25px;display:flex}.footer-social a{width:40px;height:40px;color:var(--text-light);transition:var(--transition);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-social a:hover{background-color:var(--accent-gold);border-color:var(--accent-gold)}.footer-map img{opacity:.8;width:100%;transition:var(--transition);border-radius:4px}.footer-map img:hover{opacity:1}.whatsapp-btn{color:#fff;z-index:1000;background-color:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 10px #0000004d}.whatsapp-btn:hover{color:#fff;transform:scale(1.1)}@media (width<=992px){.hero-text h1{font-size:40px}.about-grid,.services-grid,.rooms-grid,.amenities-grid,.footer-grid{grid-template-columns:1fr}.rotate-box{display:none}.about-images{height:400px;margin-top:40px}.nav-links{display:none}.navbar .logo{letter-spacing:0;white-space:normal;word-break:break-word;max-width:70vw;font-size:16px;line-height:1.2;display:inline-block}.navbar-container{flex-wrap:nowrap;overflow:hidden}.phone-text{display:none}}@media (width<=576px){.hero-text h1{font-size:32px}.hero-text h5{font-size:12px}.navbar .logo{max-width:65%;font-size:16px}}@media (width<=992px){.rooms-header-flex{flex-direction:column;align-items:flex-start;gap:20px}}