.gallery-preview-section{background-color:var(--color-off-white)}.gallery-preview-grid{gap:var(--spacing-md);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.gallery-preview-item{border-radius:var(--border-radius-lg);cursor:pointer;height:250px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.gallery-preview-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.gallery-overlay{width:100%;height:100%;padding:var(--spacing-lg);opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#0000004d,#000000b3);justify-content:center;align-items:flex-end;display:flex;position:absolute;top:0;left:0}.gallery-preview-item:hover .gallery-overlay{opacity:1}.gallery-preview-item:hover img{transform:scale(1.1)}.gallery-info{text-align:center;color:var(--color-white);transition:transform var(--transition-base);transform:translateY(20px)}.gallery-preview-item:hover .gallery-info{transform:translateY(0)}.gallery-info h4{font-family:var(--font-primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs);font-weight:600}.gallery-info p{font-size:var(--font-size-sm);opacity:.9}@media (max-width:768px){.gallery-preview-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.gallery-preview-item{height:200px}.gallery-info h4{font-size:var(--font-size-base)}.gallery-info p{font-size:var(--font-size-xs)}}
.hero{background-image:linear-gradient(#0006,#0006),url(/public/Assets/heroimage.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:100vh;margin-top:70px;display:flex;position:relative}.hero-content p{font-size:var(--font-size-lg);line-height:1.8}.hero-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.section-header{margin-bottom:var(--spacing-2xl)}.section-header h2{font-family:var(--font-primary);font-size:var(--font-size-4xl);color:var(--color-secondary);margin-bottom:var(--spacing-md);font-weight:700}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-gray);max-width:600px;margin:0 auto;line-height:1.8}.amenities-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.amenity-card{border-radius:var(--border-radius-md);text-align:center;transition:all var(--transition-base);box-shadow:var(--shadow-sm);background-color:#805aa3;flex-direction:column;align-items:center;padding:10px;display:flex}.amenity-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.amenity-icon{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-full);width:70px;height:70px;font-size:var(--font-size-2xl);margin:0 auto var(--spacing-md);justify-content:center;align-items:center;display:flex}.amenity-card h4{font-family:var(--font-primary);font-size:var(--font-size-xl);color:#ccc;margin-bottom:var(--spacing-sm);font-weight:600}.amenity-card p{color:#ccc;line-height:1.6}.amenity-icon{font-size:var(--font-size-2xl)}.rooms-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.cta-section{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:var(--color-white)}.cta-content h2{color:var(--color-white);font-family:var(--font-primary);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.cta-content p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.btn-icon{margin-left:var(--spacing-xs);font-size:var(--font-size-sm);transition:transform var(--transition-base)}.btn:hover .btn-icon{transform:translate(4px)}@media (max-width:768px){.hero{height:80vh;margin-top:60px}.hero-content h1{font-size:var(--font-size-5xl)}.hero-content .tagline{font-size:var(--font-size-lg)}.hero-content p{font-size:var(--font-size-base)}.hero-buttons{flex-direction:column;align-items:center}.amenities-grid{grid-template-columns:repeat(2,1fr)}.rooms-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.section-header h2{font-size:var(--font-size-3xl)}.cta-content h2{font-size:var(--font-size-2xl)}}