:root{--color-dark: #502B11;--color-teak: #B48E69;--color-almond: #F0E0C7;--color-linen: #EAE6DB;--color-white: #ffffff;--font-serif: "Noto Serif", serif;--font-script: "Caveat", cursive;--font-logo: "Inter", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-linen);color:var(--color-dark);font-family:var(--font-serif);overflow-x:hidden;user-select:none;-webkit-user-select:none;overscroll-behavior:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}img{-webkit-user-drag:none}.header{position:fixed;top:0;left:0;width:100%;padding:20px;z-index:100;display:flex;justify-content:center;pointer-events:none}.logo{display:flex;align-items:center;background:#eae6db99;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);padding:10px 40px;border-radius:100px;border:1px solid rgba(80,43,17,.1);box-shadow:0 8px 32px #502b110d;pointer-events:auto}.header-logo-img{height:35px;width:auto}.video-scrub-section{position:relative;width:100%}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-dark);display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity .8s ease,visibility .8s}.loader-content{text-align:center;color:var(--color-linen)}.loader-logo-img{height:120px;width:auto;margin-bottom:40px}.loader-bar-container{width:300px;height:2px;background:#eae6db1a;margin:0 auto 20px;border-radius:2px;overflow:hidden}.loader-bar{width:0%;height:100%;background:var(--color-teak);transition:width .3s ease}.loader-text{font-size:.9rem;opacity:.6;text-transform:uppercase;letter-spacing:2px}#lcp-image,#video-canvas,#webgl-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;will-change:transform,opacity}#lcp-image{z-index:3;transition:opacity .5s ease}#webgl-canvas{z-index:2}#video-canvas{z-index:1}.video-container{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:1;background-color:var(--color-dark);pointer-events:none}.scroll-spacer{height:1500vh}.cta-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,visibility .5s ease}.cta-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.cta-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:180px;background-color:#502b11cc;border:1px solid var(--color-teak);border-radius:50%;text-decoration:none;color:var(--color-almond);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cta-button:hover{transform:scale(1.1);background-color:var(--color-dark)}.cta-text{font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;text-align:center;z-index:2}.cta-pulse{position:absolute;width:100%;height:100%;border:2px solid var(--color-teak);border-radius:50%;animation:ctaPulse 2s infinite;opacity:0;z-index:1}@keyframes ctaPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.4);opacity:0}}.content-section{position:relative;background-color:var(--color-linen);min-height:100vh;padding:120px 20px;z-index:2;border-radius:60px 60px 0 0;margin-top:-100px;box-shadow:0 -20px 40px #0000001a}.hero-text{text-align:center;margin-bottom:100px}h1.serif{font-weight:700;font-size:clamp(3rem,10vw,5rem);letter-spacing:-2px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,350px);gap:30px;max-width:1400px;margin:0 auto}.bento-item{border-radius:40px;padding:40px;display:flex;flex-direction:column;justify-content:space-between;transition:all .5s cubic-bezier(.23,1,.32,1);cursor:pointer;overflow:hidden;position:relative}.bento-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #502b1126}.bento-image{width:100%;height:180px;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.illustration{max-width:80%;max-height:100%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.05))}.illustration.invert{filter:invert(1) brightness(2)}.bento-item.large{grid-column:span 2;grid-row:span 2}.bento-item.medium{grid-column:span 2}.bento-item.small{grid-column:span 1}.color-dark{background-color:var(--color-dark);color:var(--color-almond)}.color-teak{background-color:var(--color-teak);color:var(--color-white)}.color-almond{background-color:var(--color-almond);color:var(--color-dark)}.color-linen{background-color:var(--color-white);color:var(--color-dark);border:1px solid var(--color-almond)}.bento-content h2{font-size:2rem;margin-bottom:10px}.footer{margin-top:100px;padding:60px 20px;background-color:var(--color-dark);color:var(--color-linen);text-align:center;border-radius:40px 40px 0 0}.footer-logo{display:flex;justify-content:center;margin-bottom:20px}.footer-logo-img{height:60px;width:auto}.footer-tagline{font-size:1.5rem;margin-bottom:40px}.parallax-showcase{margin-top:100px;display:flex;flex-direction:column}.parallax-item{position:relative;height:100vh;width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:120%;background-size:cover;background-position:center;background-attachment:fixed;z-index:1}.parallax-overlay{position:relative;z-index:2;background:#502b1166;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:60px;border-radius:40px;width:90%;max-width:800px;text-align:center;color:var(--color-white);border:1px solid rgba(255,255,255,.1)}.parallax-content h2{font-size:clamp(2rem,6vw,3.5rem);margin-bottom:20px}.parallax-content p{font-size:1.2rem;line-height:1.6;margin-bottom:40px;opacity:.9}.parallax-list{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.parallax-list span{background:#ffffff1a;padding:10px 20px;border-radius:50px;font-size:.9rem;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.parallax-list span:hover{background:var(--color-teak);border-color:var(--color-teak)}.contact-section{margin-top:150px;background-color:var(--color-white);padding:120px 60px;border-radius:80px 80px 0 0;box-shadow:0 -40px 100px #502b1114}.contact-container{display:flex;gap:100px;max-width:1300px;margin:0 auto}.contact-form-wrapper{flex:1.5}.contact-form-wrapper h2{font-size:4rem;margin-bottom:10px}.contact-form{margin-top:50px;display:flex;flex-direction:column;gap:25px}.form-group input,.form-group textarea{width:100%;padding:25px;border:1px solid rgba(80,43,17,.1);border-radius:20px;background-color:var(--color-linen);font-family:var(--font-serif);font-size:1.1rem;transition:all .4s cubic-bezier(.23,1,.32,1)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-teak);background-color:var(--color-white);box-shadow:0 15px 40px #b48e6926}.submit-btn{background-color:var(--color-dark);color:var(--color-white);padding:25px 60px;border:none;border-radius:20px;font-family:var(--font-serif);font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .4s ease;align-self:flex-start}.submit-btn:hover{background-color:var(--color-teak);transform:translateY(-5px);box-shadow:0 20px 40px #502b1133}.contact-info-wrapper{flex:1;display:flex;flex-direction:column;gap:60px}.info-item h4{font-size:1.8rem;margin-bottom:20px;color:var(--color-teak)}.info-item p{font-size:1.2rem;line-height:1.7;opacity:.8}.social-links{display:flex;gap:30px}.social-links a{color:var(--color-dark);text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease;border-bottom:2px solid transparent}.social-links a:hover{color:var(--color-teak);border-color:var(--color-teak)}.admin-link{display:inline-block;margin-top:20px;font-size:.8rem;opacity:.3;color:var(--color-linen);text-decoration:none;transition:opacity .3s}.admin-link:hover{opacity:1}.scroll-indicator{margin-top:60px;display:flex;justify-content:center}.mouse{width:34px;height:56px;border:2px solid var(--color-dark);border-radius:20px;position:relative}.mouse:before{content:"";width:4px;height:12px;background-color:var(--color-dark);position:absolute;top:12px;left:50%;transform:translate(-50%);border-radius:2px;animation:scroll-anim 2s infinite}@keyframes scroll-anim{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,24px)}}@media (max-width: 1024px){.parallax-overlay{padding:40px 20px;width:95%}.contact-container{flex-direction:column;gap:80px}.contact-section{padding:80px 20px}}
