html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}header{background-color:#fff;padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center}header h2{font-family:Playfair Display,serif;font-size:1.8rem;color:#d4af37}nav a{margin:0 1rem;color:#d4af37;text-decoration:none;font-weight:600}nav a:hover{color:#f60}nav .nav-link{margin:0 1rem;color:#d4af37;text-decoration:none;font-weight:600}nav .nav-link:hover{color:#f60}nav .nav-link.active{color:#000}.hero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.hero-bg{position:absolute;inset:0;background:url(/images/resort-hero.JPG) center center / cover no-repeat;filter:brightness(1.2);z-index:-2;will-change:transform}.hero-overlay{position:absolute;inset:0;background:#0006;z-index:-1}.hero-content{position:relative;max-width:800px;padding:0 1rem;z-index:1;will-change:transform,opacity}.hero h1{font-family:Playfair Display,serif;font-size:5.25rem;margin-bottom:.5rem;color:#e7ddbf}.hero p{font-size:1.8rem;margin-bottom:2.25rem;color:#e7ce7c;text-transform:uppercase;letter-spacing:4px;font-weight:700}.hero button{background-color:#f60;color:#fff;border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1.25rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.hero button:hover{background-color:#e65100;transform:translateY(-2px)}.features{padding:4rem 2rem;background-color:#fff;text-align:center}.features h2{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:1rem}.features p{max-width:700px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.6;color:#555}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;justify-items:center}.feature{max-width:300px;text-align:center}.feature{max-width:300px;text-align:center;background-color:#fff;border-radius:12px;padding:2rem 1rem;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.feature:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003;border-radius:0}.icon-circle{background-color:#ffb703;border-radius:50%;padding:1rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1rem}.icon-circle svg{font-size:2rem;color:#4b2e2e}.feature h3{font-size:1.5rem;margin-bottom:.5rem;font-family:Playfair Display,serif}.feature p{font-size:1rem;color:#555}.footer{background-color:#001f3f;color:#fff;padding:3rem 2rem}.footer-sections{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;flex-wrap:wrap;text-align:left}.footer-intro,.footer-contact,.footer-social{flex:1;min-width:250px}.footer h2{font-family:Playfair Display,serif;font-size:2rem;margin-bottom:.75rem;color:#fff}.footer-intro p{color:#fff;line-height:1.6;max-width:400px}.footer-contact h3,.footer-social h3{color:#fff;margin-bottom:.75rem}.footer-contact p{color:#fff;margin:.3rem 0}.footer-social .social-link{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem}.footer-social .social-link:hover{text-decoration:underline}.footer-bottom{margin-top:2.5rem;text-align:center;font-size:.9rem;color:#fff}.amenities{position:relative;width:100%;min-height:60vh;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.amenities-bg{position:absolute;inset:0;background:url(/images/amenities-bg.JPG) center center / cover no-repeat;z-index:-2;will-change:transform}.amenities-overlay{position:absolute;inset:0;background:#0006;z-index:-1}.amenities-content{position:relative;color:#e0d598;max-width:800px;padding:2rem 1rem;z-index:1;will-change:transform,opacity}.amenities h2{font-family:Playfair Display,serif;font-size:2rem;margin-bottom:.5rem}.amenities h1{font-family:Playfair Display,serif;font-size:3rem;margin-bottom:1rem}.amenities p{font-size:1.25rem;text-transform:uppercase;letter-spacing:2px;font-weight:600}.amenities-features{padding:4rem 2rem;background-color:#fff;text-align:center}.amenities-features h2{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:2rem;color:#001f3f}.amenities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.amenity-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease,border-radius .3s ease;cursor:pointer}.amenity-card:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003;border-radius:0}.amenity-image{height:200px;background-size:cover;background-position:center;transition:transform .3s ease}.amenity-card:hover .amenity-image{transform:scale(1.1)}.amenity-info{padding:1rem}.amenity-info h3{font-size:1.5rem;margin-bottom:.5rem;font-family:Playfair Display,serif;color:#d4af37}.amenity-info p{font-size:1rem;color:#555}.gallery{padding:4rem 2rem;background-color:#fff;text-align:center}.gallery h2{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:2rem;color:#001f3f}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.gallery-card{overflow:hidden;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease,border-radius .3s ease;cursor:pointer}.gallery-card:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003;border-radius:0}.gallery-image{height:220px;background-size:cover;background-position:center;transition:transform .3s ease}.gallery-card:hover .gallery-image{transform:scale(1.1)}.contact-container{max-width:600px;margin:40px auto;padding:30px;background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a}.contact-title{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center;color:#333}.contact-form{display:flex;flex-direction:column;gap:15px}.form-input,.form-textarea,.form-button,select{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font-size:16px}.form-input:focus,.form-textarea:focus,select:focus{border-color:#ff7a00;outline:none;box-shadow:0 0 5px #ff7a0080}.form-textarea{min-height:120px;resize:vertical}.form-button{background:#ff7a00;color:#fff;font-weight:700;border:none;cursor:pointer;transition:background .3s ease}.form-button:hover{background:#e66a00}
