@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Noto+Sans+Sinhala:wght@400;700&display=swap");:root{--thatch-light:#fef3c7;--thatch-main:#d97706;--thatch-dark:#92400e;--thatch-deep:#451a03;--accent:#f59e0b;--royal:#78350f;--background:#fffbef;--foreground:#2d1b0d;--glass:rgba(255,255,255,0.65);--glass-border:rgba(255,255,255,0.18);--font-outfit:"Outfit",sans-serif;--font-sinhala:"Noto Sans Sinhala",sans-serif;--shadow-premium:0 20px 50px rgba(0,0,0,0.1)}[data-theme=dark]{--background:#0f0a05;--glass:rgba(26,15,5,0.7);--glass-border:rgba(255,255,255,0.1)}*{box-sizing:border-box;padding:0;-webkit-font-smoothing:antialiased}*,body{margin:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-outfit);overflow-x:hidden;transition:background .5s ease,color .5s ease;line-height:1.6;display:flex;flex-direction:column;min-height:100vh;scrollbar-width:thin;scrollbar-color:var(--thatch-main) var(--background)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--thatch-main);border-radius:10px;border:3px solid var(--background)}::-webkit-scrollbar-thumb:hover{background:var(--royal)}a{text-decoration:none;transition:all .3s ease}a,a:visited{color:inherit}.glass{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.thatch-texture{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2392400e' fill-opacity='0.08' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E")}.thatch-nav{position:fixed;top:0;left:0;right:0;height:85px;background:linear-gradient(135deg,var(--thatch-deep),var(--thatch-dark));z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 60px;box-shadow:var(--shadow-premium);-webkit-clip-path:polygon(0 0,100% 0,100% 90%,99% 95%,98% 90%,97% 100%,96% 90%,95% 98%,94% 90%,93% 95%,92% 90%,91% 100%,90% 90%,89% 97%,88% 90%,87% 95%,86% 90%,85% 100%,84% 90%,83% 98%,82% 90%,81% 96%,80% 90%,79% 100%,78% 90%,77% 97%,76% 90%,75% 100%,74% 90%,73% 98%,72% 90%,71% 97%,70% 90%,69% 100%,68% 90%,67% 98%,66% 90%,65% 100%,64% 90%,63% 97%,62% 90%,61% 100%,60% 90%,59% 98%,58% 90%,57% 97%,56% 90%,55% 100%,54% 90%,53% 98%,52% 90%,51% 97%,50% 90%,49% 100%,48% 90%,47% 98%,46% 90%,45% 100%,44% 90%,43% 97%,42% 90%,41% 100%,40% 90%,39% 98%,38% 90%,37% 97%,36% 90%,35% 100%,34% 90%,33% 98%,32% 90%,31% 97%,30% 90%,29% 100%,28% 90%,27% 97%,26% 90%,25% 100%,24% 90%,23% 98%,22% 90%,21% 97%,20% 90%,19% 100%,18% 90%,17% 98%,16% 90%,15% 97%,14% 90%,13% 100%,12% 90%,11% 98%,10% 90%,9% 97%,8% 90%,7% 100%,6% 90%,5% 98%,4% 90%,3% 97%,2% 90%,1% 100%,0 90%);clip-path:polygon(0 0,100% 0,100% 90%,99% 95%,98% 90%,97% 100%,96% 90%,95% 98%,94% 90%,93% 95%,92% 90%,91% 100%,90% 90%,89% 97%,88% 90%,87% 95%,86% 90%,85% 100%,84% 90%,83% 98%,82% 90%,81% 96%,80% 90%,79% 100%,78% 90%,77% 97%,76% 90%,75% 100%,74% 90%,73% 98%,72% 90%,71% 97%,70% 90%,69% 100%,68% 90%,67% 98%,66% 90%,65% 100%,64% 90%,63% 97%,62% 90%,61% 100%,60% 90%,59% 98%,58% 90%,57% 97%,56% 90%,55% 100%,54% 90%,53% 98%,52% 90%,51% 97%,50% 90%,49% 100%,48% 90%,47% 98%,46% 90%,45% 100%,44% 90%,43% 97%,42% 90%,41% 100%,40% 90%,39% 98%,38% 90%,37% 97%,36% 90%,35% 100%,34% 90%,33% 98%,32% 90%,31% 97%,30% 90%,29% 100%,28% 90%,27% 97%,26% 90%,25% 100%,24% 90%,23% 98%,22% 90%,21% 97%,20% 90%,19% 100%,18% 90%,17% 98%,16% 90%,15% 97%,14% 90%,13% 100%,12% 90%,11% 98%,10% 90%,9% 97%,8% 90%,7% 100%,6% 90%,5% 98%,4% 90%,3% 97%,2% 90%,1% 100%,0 90%)}.nav-links a{position:relative;transition:color .3s ease}.nav-links a.active-nav-link,.nav-links a:hover{color:var(--accent)}.nav-links a:after{content:"";position:absolute;bottom:-8px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.nav-links a.active-nav-link:after,.nav-links a:hover:after{width:100%}.hero-container{height:115vh;position:relative;background:var(--background);overflow:hidden}.cabana-portal{perspective:2500px;background:radial-gradient(circle at center,var(--thatch-light) 0,transparent 70%)}.door{width:50.5%;background:linear-gradient(to right,var(--thatch-dark),var(--thatch-deep));border:12px solid var(--royal);transition:transform .1s linear;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 100px rgba(0,0,0,.5)}.door:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(0,0,0,.1),transparent 1px,transparent 20px)}.door-left{transform-origin:left}.door-right{transform-origin:right}.content-inside{z-index:5;padding:60px;opacity:0;transform:scale(.8) translateZ(-500px);transition:opacity .5s ease,transform .5s ease}.cabana-portal.open .content-inside{opacity:1;transform:scale(1) translateZ(0)}[data-theme=dark]{--glass:rgba(15,10,5,0.8)}.mobile-menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;right:-300px;width:300px;height:100%;background:var(--background);z-index:2001;transition:right .4s cubic-bezier(.175,.885,.32,1.275);display:flex;flex-direction:column;padding:80px 40px;box-shadow:-10px 0 30px rgba(0,0,0,.1)}.mobile-menu-overlay.active .mobile-drawer{right:0}.mobile-link{font-size:1.5rem;font-weight:700;margin-bottom:30px;text-decoration:none;color:var(--foreground);transition:color .3s ease}.mobile-link:hover{color:var(--accent)}[data-theme=dark]{--background:#0a0502;--foreground:#fef3c7;--glass:rgba(15,10,5,0.6);--glass-border:rgba(255,255,255,0.05);--thatch-light:#451a03;--thatch-deep:#1a0a02;--beam-color:rgba(255,223,0,0.15)}[data-theme=light]{--background:#fffcf5;--foreground:#451a03;--glass:rgba(255,255,255,0.7);--glass-border:rgba(69,26,3,0.1);--beam-color:rgba(255,165,0,0.2)}.sunlight-beam{position:absolute;top:50%;left:50%;width:150vw;height:150vw;background:radial-gradient(circle,var(--beam-color) 0,transparent 70%);z-index:5;pointer-events:none;mix-blend-mode:screen;transition:opacity .8s ease,transform 1s cubic-bezier(.23,1,.32,1);filter:blur(40px)}.cabana-portal{position:-webkit-sticky;position:sticky;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;perspective:2000px;background:var(--background)}.cabana-portal,.door{top:0;overflow:hidden}.door{position:absolute;width:50%;height:100%;z-index:10;transition:transform .1s linear,box-shadow .3s ease}.door-left{left:0;transform-origin:left center;border-right:1px solid rgba(0,0,0,.1)}.door-right{right:0;transform-origin:right center;border-left:1px solid rgba(0,0,0,.1)}.door-inner{width:100%;height:100%;background:linear-gradient(135deg,var(--thatch-deep),var(--thatch-dark));display:flex;align-items:center;justify-content:center}.door-handle{width:45px;height:45px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffd700,#8b4513);box-shadow:0 10px 20px rgba(0,0,0,.5);position:absolute;top:50%;transform:translateY(-50%)}.content-inside{position:absolute;z-index:6;text-align:center;max-width:900px;width:92%;padding:80px 40px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:40px;border:4px solid var(--thatch-light);box-shadow:0 40px 100px rgba(0,0,0,.3),inset 0 0 80px rgba(146,64,14,.1);transition:opacity .5s ease,transform .8s cubic-bezier(.165,.84,.44,1);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-cabana-reveal{position:absolute;inset:0;background-image:url(/images/beach-cabana-hero.png);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.35;z-index:-1;pointer-events:none;animation:slow-reveal-zoom 20s ease-in-out infinite alternate}@keyframes slow-reveal-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.nest-overlay{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 20%,var(--background) 85%);z-index:-1}.hero-title{font-weight:900;letter-spacing:-4px;margin-bottom:5px;color:var(--foreground)}.hero-subtitle{font-size:1.8rem;font-weight:600;color:var(--royal);margin-bottom:30px}.divider{width:120px;height:6px;background:var(--accent);margin:0 auto 40px;border-radius:10px}.hero-tagline{font-size:1.4rem;margin-bottom:50px;opacity:.9;line-height:1.6}.hero-actions{display:flex;gap:20px;justify-content:center}.cta{padding:18px 40px;border-radius:50px;font-weight:900;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.cta-primary{background:var(--thatch-main);color:white;border:none;box-shadow:0 15px 30px rgba(217,119,6,.3)}.cta-secondary{background:rgba(255,255,255,.4);color:var(--royal);border:2px solid var(--royal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta:hover{transform:scale(1.05) translateY(-5px)}.services-section{position:relative;z-index:20;padding:150px 40px;background:var(--background)}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:100px}.section-title{font-size:3.5rem;font-weight:900;margin-bottom:15px}.section-subtitle{opacity:.6;font-size:1.3rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:50px;gap:50px}.service-card{padding:60px 40px;border-radius:40px;transition:all .5s ease;cursor:default}.card-icon{font-size:3rem;margin-bottom:30px}.card-title{font-size:1.8rem;margin-bottom:15px}.card-desc{opacity:.7;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.card-price{font-weight:900;color:var(--thatch-main);font-size:1.2rem}.desktop-only{display:flex}.mobile-only{display:none}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:15;opacity:0;transition:opacity .8s ease;pointer-events:none}.scroll-indicator.visible{opacity:1}.arrow-down{width:30px;height:30px;border-bottom:4px solid var(--accent);border-right:4px solid var(--accent);transform:rotate(45deg);margin:0 auto}.blink{animation:blink 2s infinite}@keyframes blink{0%,to{opacity:.2;transform:translateY(0) rotate(45deg)}50%{opacity:1;transform:translateY(15px) rotate(45deg)}}.back-to-top{position:fixed;bottom:40px;right:40px;width:60px;height:60px;border-radius:50%;z-index:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px rgba(0,0,0,.2);border:1px solid var(--glass-border)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--thatch-main);transform:translateY(-5px) scale(1.1)}.arrow-up{width:15px;height:15px;border-top:3px solid var(--accent);border-left:3px solid var(--accent);transform:rotate(45deg);margin-top:5px}.back-to-top:hover .arrow-up{border-color:white}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:flex}.thatch-nav{padding:0 25px}.hero-container{height:110vh}.back-to-top{bottom:25px;right:25px;width:50px;height:50px}.hero-title{font-size:3rem!important;letter-spacing:-2px}.hero-subtitle{font-size:1.2rem!important}.content-inside{padding:40px 20px;width:95%}.hero-tagline{font-size:1.1rem;margin-bottom:30px}.hero-actions{flex-direction:column;gap:15px}.cta{width:100%;padding:15px}.sunlight-beam{width:200vw;height:200vw}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(1deg)}}.floating{animation:float 6s ease-in-out infinite}