:root{--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--color-jungle-glow:142, 70%, 50%;--color-jungle-bg:140, 40%, 4%;--color-snowy-glow:200, 90%, 60%;--color-snowy-bg:210, 30%, 4%;--color-volcanic-glow:22, 90%, 55%;--color-volcanic-bg:15, 20%, 3%;--color-water-glow:174, 90%, 45%;--color-water-bg:180, 40%, 3%;--text-primary:#fff;--text-secondary:#fff9;--text-muted:#ffffff59;--glass-bg:#0a0a0f73;--glass-border:#ffffff14;--glass-glow:#ffffff05}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050508;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis-smooth{scroll-behavior:auto!important}.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis-stopped{overflow:hidden}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}#webgl-canvas{z-index:1;pointer-events:auto;width:100%;height:100%;position:fixed;top:0;left:0}.preloader{z-index:9999;background:#030305;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s ease-in-out,visibility 1s ease-in-out;display:flex;position:fixed;top:0;left:0}.preloader.fade-out{opacity:0;visibility:hidden}.loader-content{text-align:center;width:320px}.loader-title{font-family:var(--font-display);letter-spacing:12px;background:linear-gradient(90deg,#fff,#889);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:2rem;font-weight:800}.loader-bar-container{background:#ffffff0d;border-radius:4px;width:100%;height:2px;margin-bottom:16px;position:relative;overflow:hidden}.loader-bar{background:linear-gradient(90deg, hsl(var(--color-jungle-glow)), hsl(var(--color-snowy-glow)), hsl(var(--color-water-glow)));width:0%;height:100%;box-shadow:0 0 8px hsl(var(--color-snowy-glow));transition:width .3s cubic-bezier(.1,.8,.25,1)}.loader-status{font-size:.75rem;font-family:var(--font-body);letter-spacing:2px;color:var(--text-muted);text-transform:uppercase}.enter-btn{border:1px solid var(--text-primary);color:var(--text-primary);font-family:var(--font-display);letter-spacing:4px;cursor:pointer;opacity:1;background:0 0;padding:12px 32px;font-size:.85rem;transition:background .4s,color .4s,transform .4s;position:relative;overflow:hidden;transform:translateY(0)}.enter-btn:hover{background:var(--text-primary);color:#000;box-shadow:0 0 20px #fff6}.enter-btn.hide{opacity:0;pointer-events:none;display:none;transform:translateY(20px)}.global-header{z-index:100;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:32px 64px;display:flex;position:fixed;top:0;left:0}.global-header *{pointer-events:auto}.logo-text{font-family:var(--font-display);letter-spacing:6px;background:linear-gradient(90deg,#fff,#ffffffb3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:800}.main-nav ul{gap:40px;list-style:none;display:flex}.nav-link{letter-spacing:2px;text-transform:uppercase;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s,text-shadow .3s;position:relative}.nav-link:after{content:"";background-color:var(--text-primary);width:0%;height:1px;transition:width .3s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:-6px;left:0}.nav-link:hover,.nav-link.active{color:var(--text-primary);text-shadow:0 0 10px #ffffff4d}.nav-link.active:after{width:100%}.controls-group{align-items:center;display:flex}.mute-btn{cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:12px;padding:10px 20px;transition:background .3s,border-color .3s;display:flex}.mute-btn:hover{background:#ffffff08;border-color:#fff6}.mute-text{letter-spacing:1.5px;text-transform:uppercase;font-size:.75rem;font-family:var(--font-body);color:var(--text-primary)}.audio-wave{align-items:flex-end;gap:2px;width:18px;height:12px;display:flex}.audio-wave span{background-color:var(--text-primary);transform-origin:bottom;width:2px;height:100%;animation:.8s infinite alternate bounce}.audio-wave.muted span{height:2px!important;animation:none!important}.audio-wave span:nth-child(2){animation-duration:.5s;animation-delay:.15s}.audio-wave span:nth-child(3){animation-duration:.7s;animation-delay:.3s}.audio-wave span:nth-child(4){animation-duration:.6s;animation-delay:50ms}.audio-wave span:nth-child(5){animation-duration:.8s;animation-delay:.25s}@keyframes bounce{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.biome-indicator{z-index:100;pointer-events:none;align-items:center;gap:24px;display:flex;position:fixed;top:50%;left:64px;transform:translateY(-50%)}.biome-indicator *{pointer-events:auto}.indicator-track{background:#ffffff1a;width:2px;height:160px;position:relative}.indicator-thumb{background:linear-gradient(180deg, hsl(var(--color-jungle-glow)), hsl(var(--color-water-glow)));width:100%;height:40px;transition:transform .6s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0;box-shadow:0 0 10px #00c8ff66}.biome-list{flex-direction:column;gap:24px;list-style:none;display:flex}.biome-item{cursor:pointer;opacity:.4;align-items:center;gap:16px;transition:opacity .4s;display:flex}.biome-item.active{opacity:1}.biome-num{font-family:var(--font-display);letter-spacing:1px;font-size:.8rem;font-weight:600}.biome-name{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;font-size:.75rem;font-weight:600;transition:transform .4s;display:inline-block;transform:translate(-5px)}.biome-item.active .biome-name{transform:translate(0)}.scroll-container{z-index:2;pointer-events:none;width:100%;position:relative}.panel-section{justify-content:flex-end;align-items:center;width:100%;height:100vh;padding-right:10%;display:flex;position:relative}.panel-content{pointer-events:auto;width:480px;max-width:90vw;padding:48px}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000080, inset 0 1px 0 var(--glass-border);-webkit-backdrop-filter:blur(16px);border-radius:16px;position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(135deg, var(--glass-glow), transparent);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.panel-tag{font-family:var(--font-display);letter-spacing:4px;color:var(--text-muted);text-transform:uppercase;margin-bottom:16px;font-size:.75rem;font-weight:600}.panel-title{font-family:var(--font-display);letter-spacing:-1px;text-transform:uppercase;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1}.panel-desc{color:var(--text-secondary);margin-bottom:36px;font-size:.95rem;line-height:1.7}.text-glow-green{text-shadow:0 0 20px #4ade8026}.text-glow-blue{text-shadow:0 0 20px #38bdf826}.text-glow-orange{text-shadow:0 0 20px #fb923c26}.text-glow-teal{text-shadow:0 0 20px #2dd4bf26}.highlight-green{color:hsl(var(--color-jungle-glow))}.highlight-blue{color:hsl(var(--color-snowy-glow))}.highlight-orange{color:hsl(var(--color-volcanic-glow))}.highlight-teal{color:hsl(var(--color-water-glow))}.cta-btn{font-family:var(--font-display);letter-spacing:2.5px;color:var(--text-primary);background:0 0;border-radius:8px;align-items:center;gap:16px;padding:14px 28px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .4s,border-color .4s,transform .3s;display:inline-flex}.border-green{border:1px solid #4ade804d}.border-green:hover{background:#4ade8014;border-color:#4ade80cc;transform:translateY(-2px)}.about-grid{flex-direction:column;gap:32px;display:flex}.about-bio p{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.7}.skills-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-size:.9rem}.skill-bar-item{margin-bottom:16px}.skill-name{color:var(--text-secondary);letter-spacing:1px;margin-bottom:8px;font-size:.75rem;display:block}.skill-track{background:#ffffff0f;border-radius:2px;width:100%;height:4px;overflow:hidden}.skill-progress{background:linear-gradient(90deg, hsl(var(--color-snowy-glow)), hsl(var(--color-water-glow)));border-radius:2px;height:100%}.blue-glow{box-shadow:0 0 6px hsl(var(--color-snowy-glow))}.project-list{flex-direction:column;gap:16px;display:flex}.project-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;align-items:center;padding:16px 20px;transition:background .3s,border-color .3s,transform .3s;display:flex}.project-item:hover{background:#fb923c0f;border-color:#fb923c4d;transform:translate(8px)}.proj-num{font-family:var(--font-display);color:hsl(var(--color-volcanic-glow));margin-right:24px;font-size:.85rem;font-weight:600}.proj-meta{flex-grow:1}.proj-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:1.05rem;font-weight:600}.proj-tags{color:var(--text-muted);letter-spacing:1px;font-size:.7rem}.proj-arrow{color:var(--text-muted);transition:transform .3s,color .3s}.project-item:hover .proj-arrow{color:hsl(var(--color-volcanic-glow));transform:translate(4px)}.contact-form{flex-direction:column;gap:28px;margin-top:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.input-group{width:100%;position:relative}.input-group input,.input-group textarea{width:100%;color:var(--text-primary);font-family:var(--font-body);background:#ffffff05;border:none;border-bottom:1px solid #ffffff26;outline:none;padding:12px 4px;font-size:.9rem;transition:border-color .4s,background .4s}.input-group input:focus,.input-group textarea:focus{border-color:hsl(var(--color-water-glow));background:#2dd4bf03}.input-group label{color:var(--text-muted);letter-spacing:1px;pointer-events:none;transform-origin:0 0;font-size:.85rem;transition:transform .3s cubic-bezier(.25,.8,.25,1),color .3s;position:absolute;top:12px;left:4px}.input-group input:focus~label,.input-group input:not(:placeholder-shown)~label,.input-group textarea:focus~label,.input-group textarea:not(:placeholder-shown)~label{color:hsl(var(--color-water-glow));transform:translateY(-24px)scale(.8)}.submit-btn{color:var(--text-primary);cursor:pointer;font-family:var(--font-display);letter-spacing:2px;background:0 0;border:1px solid #2dd4bf4d;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:14px 28px;font-size:.8rem;font-weight:600;transition:background .4s,border-color .4s,transform .3s;display:flex}.submit-btn:hover{background:#2dd4bf14;border-color:#2dd4bfcc;transform:translateY(-2px)}.teal-glow-btn:hover{box-shadow:0 0 15px #2dd4bf40}#interactive-overlay{z-index:5;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}@media (width<=1024px){.global-header{padding:24px 32px}.biome-indicator{display:none}.panel-section{justify-content:center;padding-right:5%}.panel-content{width:100%;max-width:500px}}@media (width<=768px){.form-row{grid-template-columns:1fr}.panel-title{font-size:2.75rem}}.jungle-hero-overlay{z-index:20;pointer-events:none;opacity:0;will-change:transform, opacity;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100vh;padding:5.5rem 5vw 3.5rem;transition:opacity 1.6s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translateY(18px)scale(.99)}.jungle-hero-overlay.hero-visible{opacity:1;transform:translateY(0)scale(1)}.jungle-eyebrow-wrap{justify-content:center;align-items:center;gap:1.2rem;width:100%;display:flex}.jungle-bracket-line{background:linear-gradient(90deg,#0000,#a0dcb473);width:min(80px,12vw);height:1px}.jungle-bracket-line.right{background:linear-gradient(90deg,#a0dcb473,#0000)}.jungle-badge{-webkit-backdrop-filter:blur(24px);pointer-events:auto;background:#0c1c1273;border:1px solid #82d2a038;border-radius:100px;align-items:center;gap:10px;padding:7px 22px;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff1a}.jungle-badge:hover{background:#102618a6;border-color:#82d2a073;transform:translateY(-1px)}.jungle-pulse-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;animation:2.8s ease-in-out infinite junglePulse;box-shadow:0 0 10px #4ade80,0 0 20px #4ade8099}@keyframes junglePulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.25);box-shadow:0 0 16px #4ade80,0 0 30px #4ade80cc}}.jungle-badge-text{letter-spacing:.28em;color:#dcf5e6e6;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.65rem;font-weight:500}.jungle-stage{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:1400px;margin:auto 0;display:flex}.jungle-lead-label{letter-spacing:.5em;color:#b4dcc3b3;text-transform:uppercase;will-change:opacity, transform, filter;margin-bottom:1.2rem;margin-left:.5em;font-family:Inter,sans-serif;font-size:clamp(.68rem,1.1vw,.82rem);font-weight:500}.jungle-main-title{text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;min-height:1.85em;margin:0;font-size:clamp(3.6rem,8.5vw,7.8rem);font-weight:800;line-height:.92;display:flex;position:relative}.title-line{white-space:nowrap;will-change:opacity, transform, filter, clip-path;display:inline-block}.font-cinzel{letter-spacing:.12em;background:linear-gradient(#fff 0%,#f1f5f9 45%,#94a3b8 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 20px 45px #000000d9);-webkit-background-clip:text;font-family:Cinzel,serif;font-weight:800}.font-cormorant{letter-spacing:.04em;background:linear-gradient(135deg,#fef9c3 0%,#e2e8f0 40%,#6ee7b7 90%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 20px 45px #0a2d19bf);-webkit-background-clip:text;margin-top:-.1em;font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:400}.font-syne{letter-spacing:.08em;background:linear-gradient(#fff 0%,#e2e8f0 50%,#6ee7b7 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 20px 45px #000000d9);-webkit-background-clip:text;font-family:Syne,sans-serif;font-weight:800}.jungle-sub-statement{justify-content:center;align-items:center;gap:1rem;max-width:680px;margin-top:1.8rem;display:flex}.statement-deco{color:#6ee7b773;font-size:.9rem}.statement-text{letter-spacing:.3em;color:#e2e8f0bf;text-transform:uppercase;will-change:opacity, transform, filter;font-family:Inter,sans-serif;font-size:clamp(.64rem,1vw,.78rem);font-weight:400;line-height:1.6}.diagonal-dissolve-out{animation:.62s cubic-bezier(.4,0,.2,1) forwards diagonalMistOut}@keyframes diagonalMistOut{0%{opacity:1;filter:blur()brightness();clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:translate(0,0)scale(1)}35%{filter:blur(6px)brightness(1.35)drop-shadow(-6px -6px 20px #6ee7b799);opacity:.85}to{opacity:0;filter:blur(20px)brightness(.6);clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);transform:translate(-24px,-16px)scale(.97)}}.diagonal-unfurl-in{animation:.72s cubic-bezier(.16,1,.3,1) forwards diagonalMistIn}@keyframes diagonalMistIn{0%{opacity:0;filter:blur(22px)brightness(1.5)drop-shadow(6px 6px 22px #6ee7b7b3);clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);transform:translate(24px,16px)scale(1.03)}50%{opacity:.95;filter:blur(5px)brightness(1.2)}to{opacity:1;filter:blur()brightness();clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transform:translate(0,0)scale(1)}}.jungle-scroll-cue{justify-content:center;align-items:center;width:100%;display:flex}.cue-pill{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a161059;border:1px solid #ffffff12;border-radius:100px;align-items:center;gap:12px;padding:8px 22px;display:inline-flex}.cue-mouse{border:1px solid #fff6;border-radius:10px;justify-content:center;width:14px;height:22px;display:flex;position:relative}.cue-wheel{background:#6ee7b7;border-radius:2px;width:2px;height:5px;animation:2s ease-in-out infinite cueScroll;position:absolute;top:4px}@keyframes cueScroll{0%{opacity:1;transform:translateY(0)}60%{opacity:0;transform:translateY(6px)}to{opacity:0;transform:translateY(0)}}.cue-text{letter-spacing:.3em;color:#c8e6d7b3;text-transform:uppercase;font-family:Inter,sans-serif;font-size:.62rem;font-weight:500}@media (width<=900px){.jungle-hero-overlay{padding:5rem 6vw 2.5rem}}