.hero{position:relative;height:100vh;min-height:650px;max-height:1000px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0d1b2a4d,#0d1b2a80,#0d1b2ab3)}.hero-content{position:relative;z-index:1;text-align:center;color:#fff;max-width:800px;padding:0 var(--gutter)}.hero-tagline{font-family:var(--font-heading);font-size:var(--text-7xl);font-weight:var(--font-bold);line-height:1.1;margin-bottom:var(--space-5);letter-spacing:.02em;animation:fadeInUp .8s var(--ease-spring) both;color:#fff}.hero-subtitle{font-size:var(--text-lg);font-weight:var(--font-light);opacity:.9;margin-bottom:var(--space-10);max-width:600px;margin-left:auto;margin-right:auto;line-height:var(--leading-relaxed);animation:fadeInUp .8s var(--ease-spring) .15s both}.hero-search-box{display:flex;align-items:center;gap:var(--space-4);background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-3) var(--space-4);max-width:720px;margin:0 auto;animation:fadeInUp .8s var(--ease-spring) .3s both}.search-field{flex:1;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-4);min-width:0}.search-field label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--neutral-700);text-transform:uppercase;letter-spacing:.08em}.search-field input{border:none;background:none;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);outline:none;width:100%;padding:var(--space-1) 0}.search-divider{width:1px;height:40px;background:var(--color-border);flex-shrink:0}.search-btn{flex-shrink:0;padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-xl);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.05em;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-height:48px;white-space:nowrap}.search-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.hero-scroll-hint{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#fff9;font-size:var(--text-xs);letter-spacing:.1em;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}.scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,rgba(255,255,255,.6),transparent)}.featured-rooms{padding:var(--space-20) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{margin-bottom:var(--space-3)}.section-header p{color:var(--color-text-secondary);font-size:var(--text-lg);margin:0 auto;max-width:500px}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3)}.section-label:before,.section-label:after{content:"";display:block;width:24px;height:1px;background:var(--color-accent)}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.room-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-light);transition:all var(--duration-normal) var(--ease-out)}.room-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.room-card-img-wrap{position:relative;overflow:hidden;aspect-ratio:16 / 11}.room-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.room-card:hover .room-card-img-wrap img{transform:scale(1.06)}.room-card-badge{position:absolute;top:var(--space-4);left:var(--space-4)}.room-card-body{padding:var(--space-5) var(--space-6)}.room-card-category{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.room-card-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--color-text)}.room-card-specs{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4)}.room-card-specs span{display:flex;align-items:center;gap:var(--space-1)}.room-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.room-card-price{font-family:var(--font-number)}.room-card-price .currency{font-size:var(--text-sm);color:var(--color-text-secondary)}.room-card-price .amount{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text)}.room-card-price .unit{font-size:var(--text-xs);color:var(--color-text-muted)}.brand-story{padding:var(--space-20) 0;background:var(--cream)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.story-img{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4 / 3}.story-img img{width:100%;height:100%;object-fit:cover}.story-text h2{margin-bottom:var(--space-6)}.story-text p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.facilities-highlight{padding:var(--space-20) 0}.facilities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.facility-card{text-align:center;padding:var(--space-8) var(--space-4);border-radius:var(--radius-xl);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur-light);backdrop-filter:var(--glass-blur-light);border:1px solid var(--glass-border);transition:all var(--duration-normal) var(--ease-out)}.facility-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.facility-icon{width:48px;height:48px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:var(--radius-lg);color:var(--color-primary)}.facility-card h4{font-size:var(--text-base);margin-bottom:var(--space-2)}.facility-card p{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}@media(max-width:1024px){.facilities-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.facilities-grid{grid-template-columns:1fr}}.reviews-section{padding:var(--space-20) 0;background:var(--cream)}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.review-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border-light)}.review-stars{display:flex;gap:2px;margin-bottom:var(--space-4);color:var(--gold-500)}.review-text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-style:italic;margin-bottom:var(--space-4)}.review-author{display:flex;align-items:center;gap:var(--space-3)}.review-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);color:var(--color-primary);font-size:var(--text-sm)}.review-name{font-weight:var(--font-medium);font-size:var(--text-sm)}.review-date{font-size:var(--text-xs);color:var(--color-text-muted)}@media(max-width:1024px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.reviews-grid{grid-template-columns:1fr}}.cta-section{padding:var(--space-24) 0;background:var(--navy-800);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(184,134,11,.08) 0%,transparent 60%);pointer-events:none}.cta-section h2{color:#fff;margin-bottom:var(--space-4);position:relative}.cta-section p{color:#ffffffb3;font-size:var(--text-lg);margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;position:relative}@media(max-width:768px){.hero-tagline{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-base)}.hero-search-box{flex-direction:column;border-radius:var(--radius-xl);padding:var(--space-4)}.search-divider{width:100%;height:1px}.search-btn{width:100%}.story-grid{grid-template-columns:1fr}}@media(max-width:480px){.hero-tagline{font-size:var(--text-3xl)}}
