.page-hero{min-height:60vh;background:var(--color-black);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.page-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/media/rooms/image00019.webp) center center / cover no-repeat}.page-hero-bg::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgb(10 10 10 / .8) 0%,rgb(10 10 10 / .6) 50%,rgb(16 7 23 / .8) 100%)}.page-hero-content{text-align:center;z-index:1;padding:2rem;max-width:800px}.page-hero-label{font-family:var(--font-body);font-size:.7rem;font-weight:400;color:var(--color-gold);letter-spacing:.4em;text-transform:uppercase;margin-bottom:1.5rem;opacity:0;animation:fadeUp 1s var(--ease-smooth) 0.2s forwards}.page-hero-title{font-family:var(--font-display);font-size:clamp(2.5rem, 8vw, 5rem);font-weight:300;color:var(--color-white);line-height:1.1;margin-bottom:1.5rem;opacity:0;animation:fadeUp 1s var(--ease-smooth) 0.4s forwards}.page-hero-desc{font-family:var(--font-body);font-size:1.1rem;font-weight:300;color:rgb(255 255 255 / .7);max-width:600px;margin:0 auto;opacity:0;animation:fadeUp 1s var(--ease-smooth) 0.6s forwards}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.room-filter{background:var(--color-white);padding:2rem 3rem;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--color-light-gray)}.filter-btn{font-family:var(--font-body);font-size:.75rem;font-weight:500;color:var(--color-gray);background:#fff0;border:1px solid var(--color-light-gray);padding:.8rem 1.5rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all 0.3s var(--ease-smooth)}.filter-btn:hover,.filter-btn.active{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.rooms-section{padding:5rem 3rem;background:var(--color-cream)}.rooms-container{max-width:1400px;margin:0 auto}.room-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:0;background:var(--color-white);margin-bottom:4rem;opacity:0;transform:translateY(40px);transition:all 0.8s var(--ease-smooth)}.room-featured.visible{opacity:1;transform:translateY(0)}.room-featured:nth-child(even){direction:rtl}.room-featured:nth-child(even)>*{direction:ltr}.room-featured-gallery{position:relative;min-height:500px;overflow:hidden}.room-featured-gallery img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s var(--ease-smooth)}.room-featured:hover .room-featured-gallery img{transform:scale(1.05)}.room-badge{position:absolute;top:2rem;left:2rem;font-family:var(--font-body);font-size:.65rem;font-weight:500;color:var(--color-white);background:var(--color-gold);padding:.5rem 1rem;letter-spacing:.1em;text-transform:uppercase;z-index:2}.room-featured-content{padding:4rem;display:flex;flex-direction:column;justify-content:center}.room-type{font-family:var(--font-body);font-size:.65rem;font-weight:500;color:var(--color-gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem}.room-name{font-family:var(--font-display);font-size:2.5rem;font-weight:400;color:var(--color-black);margin-bottom:.5rem}.room-capacity{font-family:var(--font-body);font-size:.9rem;font-weight:300;color:var(--color-gray);margin-bottom:1.5rem;display:flex;align-items:center;gap:1.5rem}.room-capacity span{display:flex;align-items:center;gap:.5rem}.room-capacity svg{width:18px;height:18px;stroke:var(--color-gold)}.room-description{font-family:var(--font-body);font-size:1rem;font-weight:300;color:var(--color-gray);line-height:1.8;margin-bottom:2rem}.room-amenities{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--color-light-gray)}.amenity{display:flex;align-items:center;gap:.5rem;font-family:var(--font-body);font-size:.8rem;font-weight:400;color:var(--color-black);background:var(--color-cream);padding:.6rem 1rem;border-radius:4px}.amenity svg{width:16px;height:16px;stroke:var(--color-gold)}.room-price{display:flex;align-items:baseline;gap:.5rem;margin-bottom:2rem}.room-price-amount{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--color-black)}.room-price-period{font-family:var(--font-body);font-size:.85rem;font-weight:300;color:var(--color-gray)}.room-cta{display:flex;gap:1rem}.btn-primary{font-family:var(--font-body);font-size:.7rem;font-weight:500;color:var(--color-white);background:var(--color-black);text-decoration:none;letter-spacing:.15em;text-transform:uppercase;padding:1rem 2rem;transition:all 0.4s var(--ease-smooth);border:none;cursor:pointer}.btn-primary:hover{background:var(--color-gold)}.btn-outline{font-family:var(--font-body);font-size:.7rem;font-weight:500;color:var(--color-black);background:#fff0;text-decoration:none;letter-spacing:.15em;text-transform:uppercase;padding:1rem 2rem;border:1px solid var(--color-black);transition:all 0.4s var(--ease-smooth);cursor:pointer}.btn-outline:hover{background:var(--color-black);color:var(--color-white)}.features-section{background:var(--color-black);padding:6rem 3rem;position:relative;overflow:hidden}.features-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 0% 50%,rgb(201 169 98 / .08) 0%,transparent 50%),radial-gradient(ellipse at 100% 50%,rgb(16 7 23 / .2) 0%,transparent 50%)}.features-header{text-align:center;max-width:600px;margin:0 auto 4rem;position:relative;z-index:1}.features-label{font-family:var(--font-body);font-size:.65rem;font-weight:500;color:var(--color-gold);letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem}.features-title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:300;color:var(--color-white);line-height:1.2}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.feature-card{text-align:center;padding:2rem;border:1px solid rgb(255 255 255 / .1);transition:all 0.4s var(--ease-smooth)}.feature-card:hover{border-color:var(--color-gold);background:rgb(255 255 255 / .02)}.feature-icon{width:60px;height:60px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border:1px solid rgb(201 169 98 / .3);border-radius:50%}.feature-icon svg{width:28px;height:28px;stroke:var(--color-gold)}.feature-card h3{font-family:var(--font-display);font-size:1.3rem;font-weight:400;color:var(--color-white);margin-bottom:.8rem}.feature-card p{font-family:var(--font-body);font-size:.85rem;font-weight:300;color:rgb(255 255 255 / .6);line-height:1.6}.cta-section{background:var(--color-cream);padding:6rem 3rem;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-label{font-family:var(--font-body);font-size:.65rem;font-weight:500;color:var(--color-gold);letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem}.cta-title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:300;color:var(--color-black);line-height:1.2;margin-bottom:1.5rem}.cta-desc{font-family:var(--font-body);font-size:1rem;font-weight:300;color:var(--color-gray);line-height:1.8;margin-bottom:2rem}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.room-featured{grid-template-columns:1fr}.room-featured:nth-child(even){direction:ltr}.room-featured-gallery{min-height:350px}.room-featured-content{padding:3rem}}@media (max-width:768px){.page-hero{min-height:50vh}.room-filter{padding:1.5rem}.rooms-section{padding:3rem 1.5rem}.room-featured-content{padding:2rem}.room-name{font-size:1.8rem}.room-amenities{gap:.5rem}.amenity{font-size:.7rem;padding:.5rem .8rem}.room-cta{flex-direction:column}.features-section{padding:4rem 1.5rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}}