:root{--oak-green:#2e6b1f;--forest-green:#693;--light-green:#eaf2ea;--cream-white:#fdfcf8;--earth-brown:#2d271d;--mist-sage:#a1b398;--font-heading:"Outfit", sans-serif;--font-accent:"Playfair Display", serif;--font-body:"Outfit", sans-serif;--transition:all .4s cubic-bezier(.16, 1, .3, 1);--border-radius-sm:16px;--border-radius-md:24px;--border-radius-lg:32px;--border-radius-pill:100px;--box-shadow:0 20px 40px #2e6b1f14;--box-shadow-hover:0 30px 60px #2e6b1f26}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--cream-white);max-width:100vw;color:var(--earth-brown);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--earth-brown);letter-spacing:-.02em;font-weight:700}h1{margin-bottom:24px;font-size:4rem;line-height:1.1}h2{margin-bottom:20px;font-size:3rem;line-height:1.2}h3{margin-bottom:12px;font-size:1.5rem}.accent-text{font-family:var(--font-accent);color:var(--oak-green);font-size:3rem;font-style:italic;font-weight:500}.subtitle{color:var(--mist-sage);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:1.1rem;font-weight:600;display:block}p{color:#555;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}.container{width:100%;max-width:1300px;margin:0 auto;padding:0 24px}.section{padding:8rem 0}.btn{border-radius:var(--border-radius-pill);font-family:var(--font-body);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--oak-green);color:#fff}.btn-primary:hover{background-color:#245518;transform:translateY(-3px);box-shadow:0 15px 30px #2e6b1f33}.btn-secondary{color:var(--oak-green);background-color:#fff;border:1px solid #2e6b1f33}.btn-secondary:hover{border-color:var(--oak-green);transform:translateY(-3px);box-shadow:0 10px 20px #0000000d}.navbar-wrapper{z-index:1000;justify-content:center;width:100%;padding:0 24px;display:flex;position:fixed;top:24px;left:0}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--border-radius-pill);background:#fdfcf8d9;border:1px solid #ffffff80;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:12px 24px;display:flex;box-shadow:0 10px 30px #0000000d}.logo-container{align-items:center;gap:12px;display:flex}.logo{height:55px}.logo-text{font-family:var(--font-heading);color:var(--oak-green);font-size:1.4rem;font-weight:700}.nav-links{align-items:center;gap:40px;display:flex}.mobile-menu-btn{color:var(--oak-green);cursor:pointer;background:0 0;border:none;padding:5px;font-size:2rem;display:none}.nav-links a:not(.btn){color:#555;transition:var(--transition);font-weight:500}.nav-links a:not(.btn):hover{color:var(--oak-green)}.hero{text-align:center;color:#fff;background-image:linear-gradient(#14280f66,#2d271db3),url(https://images.unsplash.com/photo-1586255028095-d93edb74e412?fm=jpg&q=60&w=3000&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);background-position:50%;background-size:cover;justify-content:center;align-items:center;height:100vh;min-height:600px;display:flex}.hero-nainital{background-image:linear-gradient(#14280f66,#2d271db3),url(/nainital.png);height:60vh;min-height:500px}.hero h1{color:#fff;text-shadow:0 4px 20px #0000004d;margin-bottom:20px;font-size:4.5rem}.hero .accent-text{color:#fff;text-shadow:0 4px 15px #0000004d;margin-bottom:15px;font-size:3.5rem;display:block}.hero-content{z-index:2;max-width:800px;padding:0 24px;position:relative}.hero-content p{color:#ffffffe6;font-size:1.2rem}.hero-buttons{justify-content:center;gap:20px;margin-top:30px;display:flex}.floating-search{border-radius:var(--border-radius-pill);box-shadow:var(--box-shadow);z-index:10;background:#fff;align-items:center;gap:16px;width:90%;max-width:900px;padding:16px;display:flex;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.search-input{font-size:1.1rem;font-family:var(--font-body);border:none;border-right:1px solid #eee;outline:none;flex:1;padding:12px 24px}.search-input:last-child{border:none}.grid-2{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.image-card{border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);position:relative;overflow:hidden}.image-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.image-card:hover img{transform:scale(1.03)}.floating-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-pill);color:var(--oak-green);background:#ffffffe6;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:flex;position:absolute;top:30px;left:30px;box-shadow:0 10px 20px #0000001a}.bg-light-green{background-color:var(--light-green);border-radius:60px;margin:40px 24px;padding:6rem 0}.room-grid{scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:20px;margin-top:50px;padding-bottom:20px;display:flex;overflow-x:auto}.room-grid::-webkit-scrollbar{height:8px}.room-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.room-grid::-webkit-scrollbar-thumb{background:var(--oak-green);border-radius:4px}.room-grid>.room-card{scroll-snap-align:start;flex:0 0 calc(25% - 15px)}.room-card{border-radius:var(--border-radius-md);transition:var(--transition);background:#fff;padding:20px;box-shadow:0 10px 20px #00000005}.room-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-10px)}.amenity-card:hover{transform:translateY(-5px)!important;box-shadow:0 15px 30px #00000014!important}.room-card-img{border-radius:var(--border-radius-sm);object-fit:cover;width:100%;height:220px;margin-bottom:20px}.room-card h3{letter-spacing:-.01em;font-size:1.25rem}.wide-container{width:95%;max-width:1600px;margin:0 auto}.room-features{margin:16px 0 24px;list-style:none}.room-features li{color:#666;align-items:center;gap:8px;margin-bottom:10px;font-size:.95rem;display:flex}.complex-footer{color:#eaf2ea;background-color:#1a3114;background-image:linear-gradient(#1a3114e6,#1a3114f2),url(/hero.png);background-position:bottom;background-size:cover;margin-top:4rem;padding-top:5rem;font-size:.95rem;position:relative}.footer-grid{grid-template-columns:2fr 1.5fr 1.5fr 1.5fr 1.5fr;gap:40px;padding-bottom:4rem;display:grid}.brand-col{border-right:1px solid #ffffff1a;padding-right:20px}.footer-logo-large{background:#fff;border-radius:12px;width:180px;margin-bottom:20px;padding:10px 15px}.brand-col p{color:#eaf2eacc;font-size:.9rem}.social-icons{gap:15px;margin-top:20px;display:flex}.social-icons a{color:#eaf2ea;width:40px;height:40px;transition:var(--transition);border:1px solid #eaf2ea4d;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icons a:hover{background:var(--oak-green);border-color:var(--oak-green)}.footer-heading{color:#d4af37;text-transform:uppercase;letter-spacing:.05em;margin-bottom:25px;font-size:1.1rem;position:relative}.footer-heading:after{content:"🌿";color:#693;font-size:.8rem;display:block;position:absolute;bottom:-15px;left:0}.footer-list{flex-direction:column;gap:15px;list-style:none;display:flex}.footer-list a{color:#eaf2eacc;transition:var(--transition);align-items:center;gap:8px;display:flex}.footer-list a:before{content:"🌿";opacity:.5;font-size:.7rem}.footer-list a:hover{color:#d4af37}.dist-list li{color:#eaf2eacc;border-bottom:1px solid #ffffff0d;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;display:flex}.dist-list li span:first-child:before{content:"📍 ";opacity:.7;font-size:.8rem}.contact-list li{color:#eaf2eacc;align-items:flex-start;gap:10px;display:flex}.btn-whatsapp{color:#eaf2ea;transition:var(--transition);border:1px solid #693;border-radius:8px;margin-top:20px;padding:10px 20px;display:inline-block}.btn-whatsapp:hover{color:#fff;background:#693}.footer-bottom-bar{background:#0003;border-top:1px solid #ffffff0d;padding:20px 0}.flex-between{justify-content:space-between;align-items:center;display:flex}.booking-widget-container{z-index:10;margin-top:-60px;position:relative}.booking-widget{border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-hover);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:20px 30px;display:flex}.widget-input{flex-direction:column;flex:1;min-width:140px;display:flex}.widget-input label{color:var(--mist-sage);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px;font-size:.85rem;font-weight:600}.widget-input input,.widget-input select{width:100%;font-family:var(--font-body);color:var(--earth-brown);appearance:none;background:0 0;border:none;border-bottom:1px solid #ddd;border-radius:0;outline:none;padding:8px 0;font-size:1.1rem;font-weight:600}.counter-input{border:1px solid #ddd;border-radius:8px;align-items:center;width:100px;height:40px;display:flex;overflow:hidden}.counter-input button{cursor:pointer;width:30px;height:100%;color:var(--earth-brown);background:#fff;border:none;justify-content:center;align-items:center;font-size:1.2rem;transition:background .2s;display:flex}.counter-input button:hover{background:#f5f5f5}.counter-input input{text-align:center;border:none!important;border-left:1px solid #ddd!important;border-right:1px solid #ddd!important;width:40px!important;margin:0!important;padding:0!important;font-size:1.1rem!important}.amenities-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.gallery-preview-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.text-padding{padding-left:40px}.text-padding-right{padding-right:40px}@media (max-width:992px){.grid-2{grid-template-columns:1fr}.room-grid>.room-card{flex:0 0 calc(50% - 10px)}.footer-grid{grid-template-columns:repeat(2,1fr)}.text-padding{margin-top:30px;padding-left:0}.text-padding-right{margin-bottom:30px;padding-right:0}}@media (max-width:768px){body{font-size:15px}h1{font-size:2.8rem!important}h2{font-size:2.2rem!important}.section{padding:4rem 0!important}.hero{height:auto;min-height:unset;padding:120px 0 60px}.hero h1{line-height:1.2;font-size:2.2rem!important}.hero .accent-text{font-size:1.5rem!important}.hero-content p{font-size:1rem!important}.navbar-wrapper{padding:10px;top:10px}.navbar{border-radius:20px;flex-direction:column;padding:15px}.navbar-top{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{height:45px}.logo-text{font-size:1.2rem}.mobile-menu-btn{display:block}.nav-links{text-align:center;border-top:1px solid #0000001a;flex-direction:column;gap:15px;width:100%;margin-top:15px;padding-top:20px;display:none}.nav-links.active{display:flex}.nav-links a{font-size:1.1rem}.nav-links .btn{width:100%;padding:12px 16px;font-size:1rem}.bg-light-green{border-radius:30px;margin:20px 10px;padding:3rem 0}.room-grid{scroll-snap-type:x mandatory;gap:15px}.room-grid>.room-card{scroll-snap-align:center;flex:0 0 calc(100% - 20px)}.footer-grid{grid-template-columns:1fr;gap:30px}.amenities-grid,.gallery-preview-grid{grid-template-columns:1fr}.brand-col{border-bottom:1px solid #ffffff1a;border-right:none;padding-bottom:20px;padding-right:0}.flex-between{text-align:center;flex-direction:column;gap:20px}.hero-card{padding:30px}.floating-badge{padding:6px 12px;font-size:.8rem;top:10px;right:10px}.image-card{height:350px!important}.image-card img{object-fit:cover;height:100%}.booking-widget-container{margin-top:-30px}.booking-widget{border-radius:var(--border-radius-lg);flex-direction:column;align-items:stretch;gap:15px}.widget-input{min-width:100%}.booking-widget .btn{width:100%;margin-top:10px}}.gallery-thumbnail{border-radius:16px;display:block;position:relative;overflow:hidden;box-shadow:0 5px 15px #0000000d}.gallery-thumbnail img{transition:transform .4s}.gallery-overlay{opacity:0;color:#fff;background:#1a311499;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-thumbnail:hover img{transform:scale(1.05)}.gallery-thumbnail:hover .gallery-overlay{opacity:1}.lightbox{z-index:1000;opacity:0;pointer-events:none;background:#000000e6;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.lightbox:target{opacity:1;pointer-events:auto}.lightbox-close{color:#fff;font-size:3rem;line-height:1;text-decoration:none;transition:color .3s;position:absolute;top:30px;right:40px}.lightbox-close:hover{color:var(--light-green)}.lightbox img{border-radius:8px;max-width:90vw;max-height:90vh;box-shadow:0 10px 30px #00000080}
