@import "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:#ffffffa6;--glass-border:#ffffff2e;--font-outfit:"Outfit", sans-serif;--font-sinhala:"Noto Sans Sinhala", sans-serif;--shadow-premium:0 20px 50px #0000001a}[data-theme=dark]{--background:#0f0a05;--foreground:#fef3c7;--glass:#1a0f05b3;--glass-border:#ffffff1a}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background:var(--background);color:var(--foreground);font-family:var(--font-outfit);scrollbar-width:thin;scrollbar-color:var(--thatch-main) var(--background);flex-direction:column;min-height:100vh;margin:0;line-height:1.6;transition:background .5s,color .5s;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--thatch-main);border:3px solid var(--background);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--royal)}a{color:inherit;text-decoration:none;transition:all .3s}a:visited{color:inherit}.glass{background:var(--glass);-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{background:linear-gradient(135deg, var(--thatch-deep), var(--thatch-dark));z-index:1000;height:85px;box-shadow:var(--shadow-premium);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%);justify-content:space-between;align-items:center;padding:0 60px;display:flex;position:fixed;top:0;left:0;right:0}.hero-container{background:var(--background);height:115vh;position:relative;overflow:hidden}.cabana-portal{perspective:2500px;background:radial-gradient(circle at center, var(--thatch-light) 0%, transparent 70%);justify-content:center;align-items:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.door{background:linear-gradient(to right, var(--thatch-dark), var(--thatch-deep));border:12px solid var(--royal);z-index:10;justify-content:center;align-items:center;width:50.5%;height:100%;transition:transform .1s linear;display:flex;position:absolute;box-shadow:inset 0 0 100px #00000080}.door:before{content:"";background-image:repeating-linear-gradient(90deg,#0000001a 0,#0000 1px 20px);position:absolute;inset:0}.door-left{transform-origin:0;left:0}.door-right{transform-origin:100%;right:0}.content-inside{z-index:5;text-align:center;opacity:0;max-width:900px;padding:60px;transition:opacity .5s,transform .5s;position:absolute;transform:scale(.8)translateZ(-500px)}.cabana-portal.open .content-inside{opacity:1;transform:scale(1)translateZ(0)}[data-theme=dark]{--background:#0a0502;--foreground:#fef3c7;--glass:#0f0a05cc;--glass-border:#ffffff0d;--thatch-light:#451a03;--thatch-deep:#1a0a02}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.mobile-menu-overlay.active{opacity:1;pointer-events:auto}.mobile-drawer{background:var(--background);z-index:2001;flex-direction:column;width:300px;height:100%;padding:80px 40px;transition:right .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;top:0;right:-300px;box-shadow:-10px 0 30px #0000001a}.mobile-menu-overlay.active .mobile-drawer{right:0}.mobile-link{color:var(--foreground);margin-bottom:30px;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s}.mobile-link:hover{color:var(--accent)}[data-theme=dark]{--background:#0a0502;--foreground:#fef3c7;--glass:#0f0a0599;--glass-border:#ffffff0d;--thatch-light:#451a03;--thatch-deep:#1a0a02;--beam-color:#ffdf0026}[data-theme=light]{--background:#fffcf5;--foreground:#451a03;--glass:#ffffffb3;--glass-border:#451a031a;--beam-color:#ffa50033}.sunlight-beam{background:radial-gradient(circle, var(--beam-color) 0%, transparent 70%);z-index:5;pointer-events:none;mix-blend-mode:screen;filter:blur(40px);width:150vw;height:150vw;transition:opacity .8s,transform 1s cubic-bezier(.23,1,.32,1);position:absolute;top:50%;left:50%}.cabana-portal{perspective:2000px;background:var(--background);justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.door{z-index:10;width:50%;height:100%;transition:transform .1s linear,box-shadow .3s;position:absolute;top:0;overflow:hidden}.door-left{transform-origin:0;border-right:1px solid #0000001a;left:0}.door-right{transform-origin:100%;border-left:1px solid #0000001a;right:0}.door-inner{background:linear-gradient(135deg, var(--thatch-deep), var(--thatch-dark));justify-content:center;align-items:center;width:100%;height:100%;display:flex}.door-handle{background:radial-gradient(circle at 30% 30%,gold,#8b4513);border-radius:50%;width:45px;height:45px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 10px 20px #00000080}.content-inside{z-index:6;text-align:center;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:4px solid var(--thatch-light);border-radius:40px;flex-direction:column;justify-content:center;align-items:center;width:92%;max-width:900px;padding:80px 40px;transition:opacity .5s,transform .8s cubic-bezier(.165,.84,.44,1);display:flex;position:absolute;overflow:hidden;box-shadow:0 40px 100px #0000004d,inset 0 0 80px #92400e1a}.hero-cabana-reveal{opacity:.35;z-index:-1;pointer-events:none;background-image:url(/images/beach-cabana-hero.png);background-position:50%;background-repeat:no-repeat;background-size:cover;animation:20s ease-in-out infinite alternate slow-reveal-zoom;position:absolute;inset:0}@keyframes slow-reveal-zoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.nest-overlay{background:radial-gradient(circle at center, transparent 20%, var(--background) 85%);z-index:-1;position:absolute;inset:0}.hero-title{letter-spacing:-4px;color:var(--foreground);margin-bottom:5px;font-weight:900}.hero-subtitle{color:var(--royal);margin-bottom:30px;font-size:1.8rem;font-weight:600}.divider{background:var(--accent);border-radius:10px;width:120px;height:6px;margin:0 auto 40px}.hero-tagline{opacity:.9;margin-bottom:50px;font-size:1.4rem;line-height:1.6}.hero-actions{justify-content:center;gap:20px;display:flex}.cta{cursor:pointer;border-radius:50px;padding:18px 40px;font-weight:900;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.cta-primary{background:var(--thatch-main);color:#fff;border:none;box-shadow:0 15px 30px #d977064d}.cta-secondary{color:var(--royal);border:2px solid var(--royal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6}.cta:hover{transform:scale(1.05)translateY(-5px)}.services-section{z-index:20;background:var(--background);padding:150px 40px;position:relative}.section-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:100px}.section-title{margin-bottom:15px;font-size:3.5rem;font-weight:900}.section-subtitle{opacity:.6;font-size:1.3rem}.services-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:50px;display:grid}.service-card{cursor:default;border-radius:40px;padding:60px 40px;transition:all .5s}.card-icon{margin-bottom:30px;font-size:3rem}.card-title{margin-bottom:15px;font-size:1.8rem}.card-desc{opacity:.7;margin-bottom:30px;font-size:1.1rem;line-height:1.6}.card-price{color:var(--thatch-main);font-size:1.2rem;font-weight:900}.desktop-only{display:flex}.mobile-only{display:none}.scroll-indicator{z-index:15;opacity:0;pointer-events:none;transition:opacity .8s;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-indicator.visible{opacity:1}.arrow-down{border-bottom:4px solid var(--accent);border-right:4px solid var(--accent);width:30px;height:30px;margin:0 auto;transform:rotate(45deg)}.blink{animation:2s infinite blink}@keyframes blink{0%,to{opacity:.2;transform:translateY(0)rotate(45deg)}50%{opacity:1;transform:translateY(15px)rotate(45deg)}}.back-to-top{z-index:1000;cursor:pointer;opacity:0;visibility:hidden;border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:40px;right:40px;transform:translateY(20px);box-shadow:0 10px 30px #0003}.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{border-top:3px solid var(--accent);border-left:3px solid var(--accent);width:15px;height:15px;margin-top:5px;transform:rotate(45deg)}.back-to-top:hover .arrow-up{border-color:#fff}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:flex}.thatch-nav{padding:0 25px}.hero-container{height:110vh}.back-to-top{width:50px;height:50px;bottom:25px;right:25px}.hero-title{letter-spacing:-2px;font-size:3rem!important}.hero-subtitle{font-size:1.2rem!important}.content-inside{width:95%;padding:40px 20px}.hero-tagline{margin-bottom:30px;font-size:1.1rem}.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(0)}50%{transform:translateY(-15px)rotate(1deg)}}.floating{animation:6s ease-in-out infinite float}