:root{--bg:#07111a;--bg-2:#0b1825;--bg-card:#0e1f2e;--border:#f0f7fc14;--border-md:#f0f7fc29;--border-hi:#f0f7fc47;--text-1:#f0f7fc;--text-2:#f0f7fcd9;--text-3:#f0f7fc94;--text-4:#f0f7fc61;--accent:#18a8ba;--accent-lite:#2dd4e4;--accent-glow:#18a8ba38;--serif:"Instrument Serif", Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--mono:"JetBrains Mono", "SF Mono", monospace;--s1:.5rem;--s2:1rem;--s3:1.5rem;--s4:2rem;--s5:3rem;--s6:4.5rem;--s7:7rem;--pad:clamp(1.5rem, 5vw, 5rem);--max:1440px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--ease-circ:cubic-bezier(.4, 0, .2, 1);--fast:.18s;--mid:.38s;--slow:.65s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--sans);background:var(--bg);color:var(--text-1);letter-spacing:-.01em;min-height:100vh;overflow-x:hidden}body::-webkit-scrollbar{width:3px}body::-webkit-scrollbar-track{background:0 0}body::-webkit-scrollbar-thumb{background:#18a8ba2e;border-radius:3px}body::-webkit-scrollbar-thumb:hover{background:#18a8ba52}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:var(--accent);color:#fff}.label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);font-size:.68rem;font-weight:400}.loader{background:var(--bg);z-index:9999;transition:transform .85s cubic-bezier(.85, 0, .15, 1), opacity .85s var(--ease-out), visibility .85s;will-change:transform;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader.hidden{opacity:.9;visibility:hidden;transform:translateY(-100%)}.loader-inner{text-align:center}.loader-name{font-family:var(--serif);color:var(--text-1);margin-bottom:var(--s3);font-size:clamp(1.6rem,5vw,3rem);overflow:hidden}.loader-n{animation:loaderN 1s var(--ease-spring) forwards;opacity:0;display:inline-block}.loader-rest{animation:loaderRest 1s .12s var(--ease-out) forwards;opacity:0;display:inline-block;transform:translate(-10px)}@keyframes loaderN{to{opacity:1}}@keyframes loaderRest{to{opacity:1;transform:translate(0)}}.loader-bar{background:var(--border-md);width:200px;height:1px;margin:0 auto;overflow:hidden}.loader-bar-fill{background:var(--accent);width:0%;height:100%;transition:width .1s ease-out}.site-nav{z-index:200;padding:var(--s3) var(--pad);pointer-events:none;justify-content:space-between;align-items:center;transition:background .4s;display:flex;position:fixed;top:0;left:0;right:0}.site-nav>*{pointer-events:all}.nav-logo{font-family:var(--serif);color:var(--text-1);letter-spacing:-.01em;transition:color var(--fast);cursor:pointer;font-size:1.1rem}.nav-logo:hover{color:var(--accent-lite)}.nav-dot{color:var(--accent)}.nav-links{gap:var(--s2);display:flex}.nav-btn{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border:1px solid var(--border-md);-webkit-backdrop-filter:blur(8px);transition:all var(--mid) var(--ease-out);cursor:pointer;background:#07111a66;border-radius:100px;padding:.5rem 1.3rem;font-size:.78rem;font-weight:500;position:relative;overflow:hidden}.nav-btn:before{content:"";background:radial-gradient(circle at center, var(--accent-glow), transparent 70%);opacity:0;transition:opacity var(--mid);position:absolute;inset:0}.nav-btn:hover{color:var(--text-1);border-color:var(--accent);background:#18a8ba14}.nav-btn:hover:before{opacity:1}.nav-btn.active{color:var(--text-1);border-color:var(--accent);background:#18a8ba1f;box-shadow:0 0 20px #18a8ba26,inset 0 0 12px #18a8ba14}.hero{background:var(--bg);width:100%;height:480vh;margin:0;padding:0;position:relative}.hero-sticky-inner{align-items:stretch;width:100%;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.hero-sticky-inner:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 100%,#18a8ba1f 0%,#0000 65%),radial-gradient(60% 50% at 20% 80%,#2dd4e414 0%,#0000 60%),radial-gradient(50% 60% at 85% 20%,#18a8ba0f 0%,#0000 55%);animation:12s ease-in-out infinite alternate oceanGlow;position:absolute;inset:0}@keyframes oceanGlow{0%,to{opacity:.8}50%{opacity:1}}.hero-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-content{z-index:2;width:100%;max-width:100%;padding:var(--s6) 0 var(--s4) 0;flex-direction:column;justify-content:space-between;min-height:100vh;margin:0;display:flex;position:relative}.hero-name-wrapper{will-change:opacity;width:100%;height:400px;transition:opacity .8s var(--ease-out);pointer-events:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.hero-eyebrow{align-items:center;gap:var(--s2);padding:0 var(--pad);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);animation:fadeUp .8s .5s var(--ease-out) both;margin-bottom:0;font-size:.7rem;display:flex}.hero-status-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;flex-shrink:0;animation:2.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 8px var(--accent)}50%{box-shadow:0 0 18px var(--accent-lite)}}.hero-word--first,.hero-word--last{will-change:transform;z-index:10;white-space:nowrap;font-size:clamp(4.5rem,17vw,14.5rem);line-height:.88;transition:transform .1s linear;display:inline-block;position:relative}.hero-word--first{margin-right:.15em}.hero-word--last{font-style:italic}.hero-dot{color:var(--accent)}.hero-word{font-family:var(--serif);color:var(--text-1);letter-spacing:-.03em;font-weight:400;line-height:.88}.hero-word--first{animation:fadeUp .9s .2s var(--ease-out) both;font-size:clamp(4.5rem,17vw,14.5rem)}.hero-word--last{animation:fadeUp .9s .35s var(--ease-out) both;font-size:clamp(4.5rem,17vw,14.5rem);font-style:italic}.hero-dot{font-family:var(--serif);color:var(--accent);animation:fadeUp .9s .38s var(--ease-out) both;font-size:clamp(4.5rem,17vw,14.5rem);line-height:.88}.hero-word .letter{transition:transform .35s var(--ease-spring), color .2s;display:inline-block}.hero-word .letter:hover{color:var(--accent-lite);transform:translateY(-6px)rotate(-1.5deg)}.hero-sub{padding:var(--s3) var(--pad) 0 var(--pad);animation:fadeUp .8s .6s var(--ease-out) both;border-top:none;justify-content:space-between;align-items:center;margin-top:0;display:flex}.hero-sub-text{color:var(--text-2);letter-spacing:.04em;font-size:.85rem}.hero-sub-scroll{align-items:center;gap:var(--s1);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);font-size:.68rem;animation:2.2s ease-in-out 1.5s infinite scrollBounce;display:flex}.hero-sub-scroll svg{width:14px;height:14px}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.reveal-instant{animation:fadeUp .8s .5s var(--ease-out) both}.wave-scroll-container{opacity:0;will-change:width, height, opacity;z-index:0;pointer-events:none;justify-content:center;align-items:center;width:0;height:0;transition:width .2s ease-out,height .2s ease-out,opacity .2s ease-out;display:flex;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.wave-scroll-canvas{object-fit:contain;opacity:1;filter:drop-shadow(0 0 60px #18a8ba4d)drop-shadow(0 0 120px #2dd4e433);width:100%;height:100%;animation:3s ease-in-out infinite alternate waveGlow;display:block}@keyframes waveGlow{0%{filter:drop-shadow(0 0 60px #18a8ba4d)drop-shadow(0 0 120px #2dd4e433)}to{filter:drop-shadow(0 0 80px #18a8ba66)drop-shadow(0 0 140px #2dd4e44d)}}.ocean-cursor-canvas{pointer-events:none;z-index:0;opacity:.18;mix-blend-mode:screen;transition:opacity .5s;position:fixed;inset:0}.hero-profile-reveal{opacity:0;pointer-events:none;will-change:opacity, transform;width:100%;max-width:900px;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);padding:0 var(--pad);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-photo-wrapper{align-items:center;gap:var(--s6);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-hi);padding:var(--s5);background:#0e1f2eb3;border-radius:16px;display:flex;box-shadow:0 40px 100px #00000080,0 0 80px #18a8ba26}.profile-photo{background:var(--bg-card);border:2px solid var(--border-hi);border-radius:12px;flex-shrink:0;width:240px;height:240px;position:relative;overflow:hidden;box-shadow:0 0 40px #18a8ba33}.profile-info{flex:1}.profile-title{font-family:var(--serif);color:var(--text-1);margin-bottom:var(--s2);letter-spacing:-.02em;font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:1.1}.profile-subtitle{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-lite);margin-bottom:var(--s3);font-size:.85rem}.profile-desc{color:var(--text-2);max-width:540px;font-size:clamp(1.05rem,1.2vw,1.25rem);font-weight:400;line-height:1.65}.project-preview{aspect-ratio:16/10;opacity:0;pointer-events:none;width:clamp(260px,24vw,380px);transition:opacity .35s var(--ease-out), transform .4s var(--ease-out);z-index:500;box-shadow:0 30px 80px #000c, 0 0 0 1px var(--border-hi);will-change:transform, opacity;border-radius:12px;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-50%,-50%)scale(.8)rotate(0)}.project-preview.visible{opacity:1}.project-preview img{object-fit:cover;width:100%;height:100%}.project-preview-overlay{background:linear-gradient(#0000 50%,#060d1380 100%);position:absolute;inset:0}.scroll-section{background:var(--bg);padding:var(--s6) 0;position:relative}.section-inner{max-width:var(--max);padding:0 var(--pad);margin:0 auto}.section-eyebrow{align-items:center;gap:var(--s3);margin-bottom:var(--s5);display:flex}.section-line{display:none!important}.about-layout{gap:var(--s6);grid-template-columns:1.15fr 1fr;align-items:center;display:grid}.info-photo-area{z-index:1;justify-self:center;width:100%;max-width:400px;position:relative}.info-photo-area:before{content:"";z-index:-1;pointer-events:none;filter:blur(30px);will-change:transform;background:radial-gradient(circle,#18a8ba2e 0%,#18a8ba00 70%);animation:12s ease-in-out infinite alternate drift-bg;position:absolute;inset:-60px}@keyframes drift-bg{0%{transform:translate(0)scale(1)}to{transform:translate(15px,-10px)scale(1.1)}}.info-photo{aspect-ratio:3/4;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;width:100%;position:relative;overflow:hidden}.profile-img{object-fit:cover;filter:grayscale(10%)contrast(1.05)brightness(.95);width:100%;height:100%;transition:filter var(--slow) var(--ease-out), transform var(--slow) var(--ease-out);display:block}.info-photo:hover .profile-img{filter:grayscale(0%)contrast()brightness();transform:scale(1.04)}.info-photo-corner{z-index:2;width:14px;height:14px;position:absolute}.info-photo-corner:before,.info-photo-corner:after{content:"";background:#18a8ba8c;position:absolute}.info-photo-corner:before{width:14px;height:1px}.info-photo-corner:after{width:1px;height:14px}.tl{top:10px;left:10px}.tr{top:10px;right:10px}.tr:before,.tr:after{right:0}.bl{bottom:10px;left:10px}.bl:before,.bl:after{bottom:0}.br{bottom:10px;right:10px}.br:before,.br:after{bottom:0;right:0}.info-status{margin-top:var(--s4)}.info-status-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.info-status-row:last-child{border-bottom:1px solid var(--border)}.info-status-label{color:var(--text-3)}.info-status-value{color:var(--text-1);font-size:.98rem;font-weight:500}.availability-badge{align-items:center;gap:.4rem;display:flex}.avail-dot{background:#3dd68c;border-radius:50%;width:6px;height:6px;animation:2.5s ease-in-out infinite pulse;box-shadow:0 0 8px #3dd68c}.avail-green{color:#3dd68c;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.info-content{padding-top:var(--s1)}.info-role{font-family:var(--serif);color:var(--text-1);margin-bottom:var(--s4);font-size:clamp(1.6rem,3.2vw,2.6rem);font-weight:400;line-height:1.35}.info-role em{color:var(--accent-lite);font-style:italic}.info-bio{color:var(--text-2);max-width:580px;margin-left:15%;font-size:clamp(1.05rem,1.25vw,1.35rem);font-weight:400;line-height:1.7}.info-bio em{color:var(--text-1);font-style:italic}.cyber-projects-list{width:100%;margin-top:var(--s3);border-top:1px solid var(--border);flex-direction:column;display:flex}.cyber-project-row{padding:var(--s3) 0;border-bottom:1px solid var(--border);cursor:pointer;transition:padding var(--mid) var(--ease-out), background-color var(--mid) var(--ease-out);justify-content:space-between;align-items:center;display:flex;position:relative}.cyber-project-row:before{content:"";background:linear-gradient(90deg, var(--accent-glow), transparent);width:0;transition:width var(--mid) var(--ease-out);pointer-events:none;position:absolute;top:0;bottom:0;left:0}.cyber-project-row:hover:before{width:150px}.cyber-project-row:hover{padding-left:var(--s2);padding-right:var(--s2)}.project-row-left{align-items:center;gap:var(--s3);flex-grow:1;display:flex}.project-row-num{font-family:var(--mono);color:var(--accent-lite);flex-shrink:0;width:50px;font-size:.85rem}.project-row-title{font-family:var(--serif);color:var(--text-1);transition:transform var(--mid) var(--ease-out), color var(--mid) var(--ease-out);font-size:clamp(1.8rem,3.2vw,3rem);font-weight:400}.cyber-project-row:hover .project-row-title{color:var(--accent-lite);transform:translate(12px)}.project-row-right{align-items:center;gap:var(--s4);font-family:var(--sans);color:var(--text-3);transition:color var(--mid) var(--ease-out);display:flex}.cyber-project-row:hover .project-row-right{color:var(--text-1)}.project-row-type{letter-spacing:.02em;font-size:.9rem}.project-row-arrow{transition:transform var(--mid) var(--ease-spring), color var(--mid) var(--ease-out);font-size:1.4rem}.cyber-project-row:hover .project-row-arrow{color:var(--accent-lite);transform:translate(6px)translateY(-2px)}@media (max-width:768px){.cyber-project-row{padding:var(--s2) 0}.project-row-title{font-size:1.4rem}.project-row-type{display:none}}.cyber-hover-preview{aspect-ratio:16/10;pointer-events:none;z-index:1000;opacity:0;will-change:transform, opacity;width:clamp(280px,22vw,360px);transition:opacity .3s var(--ease-out), transform .4s var(--ease-out);position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(.85)}.cyber-hover-preview.visible{opacity:1}.cyber-preview-card{-webkit-backdrop-filter:blur(25px);background:#0e1f2e73;border:1px solid #2dd4e459;border-radius:12px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:12px;display:flex;box-shadow:0 35px 80px #000c,0 0 40px #2dd4e426,inset 0 0 25px #2dd4e40d}.cyber-preview-meta{color:var(--text-3);letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.68rem;display:flex}.cyber-preview-date{color:var(--accent-lite)}.cyber-preview-image-wrap{background:#07111a99;border:1px solid #f0f7fc14;border-radius:6px;flex-grow:1;overflow:hidden}.cyber-preview-image-wrap img{object-fit:cover;filter:contrast(1.05)brightness(.95);width:100%;height:100%}@media (max-width:1100px){.cyber-hover-preview{display:none!important}}@media (max-width:768px){.cyber-project-row{padding:var(--s2) 0}.row-title{font-size:1.4rem}.row-tag{display:none}}.project-details-overlay{-webkit-backdrop-filter:blur(18px);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--mid) var(--ease-out);padding:var(--s3);background:#07111ad9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-details-overlay.visible{opacity:1;pointer-events:all}@keyframes hudExpand{0%{opacity:0;transform:scale(.85)translateY(15px)}to{opacity:1;transform:scale(1)translateY(0)}}.project-details-card{-webkit-backdrop-filter:blur(20px);opacity:0;background:#0b1825f2;border:1px solid #2dd4e44d;border-radius:12px;width:100%;max-width:850px;display:none;position:relative;overflow:hidden;transform:scale(.85)translateY(20px);box-shadow:0 35px 80px #000c,0 0 40px #2dd4e426,inset 0 0 25px #2dd4e40d}.project-details-card.active{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards hudExpand;display:block}.project-details-card:before{content:"";pointer-events:none;z-index:10;border:1px solid #2dd4e426;border-radius:11px;position:absolute;inset:0}.details-close-btn{top:var(--s2);right:var(--s2);border:1px solid var(--border);width:34px;height:34px;color:var(--text-2);cursor:pointer;transition:all var(--fast);z-index:10;background:#f0f7fc0a;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;display:flex;position:absolute}.details-close-btn:hover{color:var(--text-1);border-color:var(--border-hi);background:#f0f7fc1f;transform:rotate(90deg)}.details-grid{grid-template-columns:1.15fr 1fr;align-items:stretch;min-height:440px;display:grid}.details-visual{border-right:1px solid var(--border);background:linear-gradient(135deg,#0a2e42 0%,#07111a 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.details-img{object-fit:contain;width:100%;height:100%;padding:16px;display:block}.details-visual-shine{pointer-events:none;z-index:2;background:linear-gradient(120deg,#0000 30%,#ffffff0a 50%,#0000 70%);animation:8s ease-in-out infinite shineLoop;position:absolute;inset:0;transform:translate(-100%)}@keyframes shineLoop{0%,75%{transform:translate(-100%)}to{transform:translate(100%)}}.details-info{padding:var(--s4);flex-direction:column;justify-content:center;display:flex}.details-meta{align-items:center;gap:var(--s2);margin-bottom:var(--s2);display:flex}.details-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.15rem .5rem;font-size:.65rem;font-weight:600}.status-completed{color:var(--accent-lite);background:#2dd4e414;border:1px solid #2dd4e433}.status-pending{color:#c084fc;background:#a855f714;border:1px solid #a855f733}.details-title{color:var(--text-1);margin-bottom:var(--s2);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:400;line-height:1.15;font-family:var(--serif)}.details-desc{color:var(--text-2);margin-bottom:var(--s3);font-size:.95rem;line-height:1.6}.details-tags{margin-bottom:var(--s3);flex-wrap:wrap;gap:6px;display:flex}.details-divider{background:var(--border);height:1px;margin-bottom:var(--s3)}.details-impact{gap:var(--s4);margin-bottom:var(--s4);display:flex}.details-link-btn{background:var(--text-1);color:var(--bg);transition:all var(--fast) var(--ease-out);border:1px solid var(--text-1);border-radius:6px;align-self:flex-start;align-items:center;gap:8px;padding:.7rem 1.4rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.details-link-btn:hover{color:var(--text-1);background:0 0;transform:translateY(-2.5px);box-shadow:0 0 15px #f0f7fc1f}.details-arrow{transition:transform var(--fast) var(--ease-spring);display:inline-block}.details-link-btn:hover .details-arrow{transform:translate(2.5px)translateY(-2.5px)}.future-visual{color:#a855f7;background:radial-gradient(circle,#0e1f2e 0%,#07111a 100%);font-size:3.5rem}.future-visual-glowing{-webkit-user-select:none;user-select:none;animation:4s ease-in-out infinite alternate floatEffect}@keyframes floatEffect{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}@media (max-width:768px){.project-cyber-grid{gap:var(--s3);grid-template-columns:1fr}.cyber-card{min-height:auto}.details-grid{grid-template-columns:1fr;min-height:auto}.details-visual{aspect-ratio:16/10;border-right:none;border-bottom:1px solid var(--border)}.details-info{padding:var(--s3)}}.skills-layout{gap:var(--s5);flex-direction:column;display:flex}.skills-intro-text{font-family:var(--serif);color:var(--text-1);max-width:720px;font-size:clamp(1.5rem,2.8vw,2.3rem);font-weight:400;line-height:1.45}.skills-intro-text em{color:var(--accent-lite);font-style:italic}.skills-grid{gap:var(--s4);grid-template-columns:repeat(4,1fr);display:grid}.skill-col-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:var(--s2);padding-bottom:var(--s1);border-bottom:1px solid var(--border);font-size:.8rem;font-weight:500}.skill-column ul li{color:var(--text-2);transition:color var(--fast), padding-left var(--mid) var(--ease-out);cursor:default;padding:.4rem 0;font-size:1.02rem}.skill-column ul li:hover{color:var(--text-1);padding-left:6px}.contact-body{gap:var(--s7);flex-direction:column;display:flex}.contact-big{font-family:var(--serif);color:var(--text-1);margin-bottom:var(--s4);letter-spacing:-.03em;font-size:clamp(3rem,7vw,6rem);font-weight:400;line-height:1.05}.contact-big em{color:var(--accent-lite);font-style:italic}.contact-subhead{color:var(--text-2);max-width:600px;margin-bottom:var(--s5);font-size:clamp(1.1rem,1.5vw,1.35rem);font-weight:400;line-height:1.65}.contact-email-btn{align-items:center;gap:var(--s2);border:1px solid var(--border-md);color:var(--text-1);transition:all var(--mid) var(--ease-out);background:#18a8ba0a;border-radius:6px;padding:1rem 1.8rem;font-size:.98rem;display:inline-flex;position:relative;overflow:hidden}.contact-email-btn:before{content:"";transition:transform .5s var(--ease-out);background:linear-gradient(90deg,#0000,#18a8ba14,#0000);position:absolute;inset:0;transform:translate(-100%)}.contact-email-btn:hover:before{transform:translate(100%)}.contact-email-btn:hover{border-color:var(--accent);color:var(--accent-lite);background:#18a8ba14}.contact-email-btn svg{width:16px;height:16px;transition:transform var(--mid) var(--ease-spring)}.contact-email-btn:hover svg{transform:translate(3px)translateY(-3px)}.contact-grid{gap:var(--s5);grid-template-columns:1fr 1fr 1fr;display:grid}.contact-col-title{margin-bottom:var(--s3);padding-bottom:var(--s2);border-bottom:1px solid var(--border)}.contact-col ul li{padding:.45rem 0}.contact-item-link{color:var(--text-2);transition:color var(--fast);justify-content:space-between;align-items:center;font-size:.98rem;display:flex}.contact-item-link svg{width:14px;height:14px;transition:transform var(--mid) var(--ease-spring)}.contact-item-link:hover{color:var(--text-1)}.contact-item-link:hover svg{transform:translate(3px)translateY(-3px)}.contact-interest{color:var(--text-2);font-size:.9rem}.contact-response-card{background:var(--bg-card);border:1px solid var(--border);padding:var(--s3);border-radius:8px}.crm-row{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.crm-row:not(:last-child){border-bottom:1px solid var(--border)}.crm-row strong{color:var(--text-1);font-size:.9rem;font-weight:500}.contact-work-details-list{margin:0;padding:0;list-style:none}.crm-row-flat{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.45rem 0;display:flex}.contact-info-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:.76rem;font-weight:500}.contact-info-value{color:var(--text-1);font-size:.9rem;font-weight:500}.global-footer{border-top:1px solid var(--border);padding:var(--s4) 0;background:var(--bg)}.footer-inner{max-width:var(--max);padding:0 var(--pad);justify-content:center;align-items:center;margin:0 auto;display:flex}.home-footer-left{gap:var(--s4);display:flex}.footer-link{color:var(--text-2);transition:color var(--fast);font-size:.9rem;position:relative}.footer-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width var(--mid) var(--ease-out);position:absolute;bottom:-2px;left:0}.footer-link:hover{color:var(--text-1)}.footer-link:hover:after{width:100%}.reveal{opacity:0;transition:opacity .75s var(--ease-out), transform .75s var(--ease-out);transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.12s}.reveal-delay-2{transition-delay:.24s}.reveal-delay-3{transition-delay:.36s}.reveal-delay-4{transition-delay:.48s}.scroll-word{opacity:.12;will-change:opacity;transition:opacity .35s cubic-bezier(.25,.46,.45,.94);display:inline}.scroll-word.sw-active{opacity:1}.scroll-word em{color:var(--accent-lite);opacity:inherit;font-style:italic}.scroll-word.sw-active em{text-shadow:0 0 28px #2dd4e42e}.scroll-text-block.reveal{opacity:1;transform:translateY(0)}@media (max-width:1100px){.work-card{gap:var(--s4);grid-template-columns:1fr}.work-card-impact{flex-wrap:wrap}.about-layout{grid-template-columns:1fr}.info-photo-area{max-width:320px;margin:var(--s4) auto 0 auto}.info-bio{margin-left:0}.skills-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr 1fr}.project-preview{display:none}.profile-photo-wrapper{text-align:center;padding:var(--s4);flex-direction:column}.profile-photo{width:180px;height:180px}}@media (max-width:768px){:root{--pad:1.25rem}.nav-links{gap:.5rem}.nav-btn{padding:.35rem .8rem;font-size:.6rem}.hero{height:380vh}.hero-word--first,.hero-word--last,.hero-dot{font-size:clamp(3.5rem,16vw,7rem)}.hero-sub{gap:var(--s2);flex-direction:column;align-items:flex-start}.contact-grid{gap:var(--s4);grid-template-columns:1fr}.skills-grid{gap:var(--s3);grid-template-columns:1fr 1fr}.work-card-impact{gap:var(--s4)}.profile-photo{width:160px;height:160px}.profile-title{font-size:2rem}.profile-desc{font-size:.95rem}}@media (max-width:480px){.hero-word--first,.hero-word--last,.hero-dot{font-size:clamp(2.8rem,14vw,5rem)}.skills-grid{grid-template-columns:1fr}.work-card-impact{gap:var(--s3);flex-direction:column}.profile-photo-wrapper{padding:var(--s3)}.profile-photo{width:140px;height:140px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}.wave-scroll-canvas{opacity:.5}.ocean-cursor-canvas{display:none}}.hero{height:480vh!important}.hero-sticky-inner{justify-content:center!important;align-items:center!important;height:100vh!important;display:flex!important;position:sticky!important;top:0!important;overflow:hidden!important}.hero-name-wrapper{will-change:opacity!important;pointer-events:none!important;width:100%!important;height:100%!important;transition:none!important;position:absolute!important;inset:0!important;transform:none!important}.hero-name-single-line{justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;display:flex!important;position:relative!important}@keyframes fadeUpAbsolute{0%{opacity:0;transform:translateY(calc(24px - 50%))}to{opacity:1;transform:translateY(-50%)}}.hero-word--first{font-size:clamp(2rem,9.5vw,6.5rem)!important;font-family:var(--serif)!important;color:var(--text-1)!important;letter-spacing:-.03em!important;white-space:nowrap!important;will-change:transform!important;animation:fadeUpAbsolute .9s .2s var(--ease-out)!important;margin-right:.12em!important;padding-right:0!important;font-style:normal!important;font-weight:400!important;line-height:.9!important;transition:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.hero-word--last{font-size:clamp(2rem,9.5vw,6.5rem)!important;font-family:var(--serif)!important;color:var(--text-1)!important;letter-spacing:-.03em!important;white-space:nowrap!important;will-change:transform!important;animation:fadeUpAbsolute .9s .35s var(--ease-out)!important;padding-left:0!important;font-style:italic!important;font-weight:400!important;line-height:.9!important;transition:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.wave-scroll-container{opacity:0;border-radius:16px;width:0;height:0;will-change:width, height, opacity, border-radius!important;z-index:1!important;pointer-events:none!important;transition:none!important;position:absolute!important;top:50%!important;left:50%!important;overflow:hidden!important;transform:translate(-50%,-50%)!important}.wave-scroll-canvas{border-radius:inherit!important;filter:drop-shadow(0 0 80px #18a8ba59)drop-shadow(0 0 160px #2dd4e433)!important;width:100%!important;height:100%!important;display:block!important}.hero-profile-reveal{opacity:0;transform:translate(-50%,-50%)scale(.88);pointer-events:none!important;will-change:opacity, transform!important;width:100%!important;max-width:900px!important;padding:0 var(--pad)!important;z-index:5!important;transition:none!important;position:absolute!important;top:50%!important;left:50%!important}.hero-phrase{font-family:var(--serif)!important;color:var(--text-1)!important;text-align:center!important;letter-spacing:-.02em!important;max-width:850px!important;margin:0 auto!important;font-size:clamp(2.2rem,5.8vw,5.2rem)!important;font-weight:400!important;line-height:1.15!important}.hero-phrase em{color:var(--accent-lite)!important;font-style:italic!important}.ocean-cloud-bg{pointer-events:none!important;z-index:-1!important;filter:blur(100px)!important;position:absolute!important;inset:-120px!important;overflow:visible!important}.ocean-blob{mix-blend-mode:screen!important;will-change:transform, opacity!important;border-radius:50%!important;animation:22s ease-in-out infinite alternate drift-blob!important;position:absolute!important}.ob-1{background:radial-gradient(circle,#18a8ba66 0%,#18a8ba00 70%)!important;width:450px!important;height:450px!important;top:-50px!important;left:-50px!important}.ob-2{background:radial-gradient(circle,#2dd4e44d 0%,#2dd4e400 70%)!important;width:500px!important;height:500px!important;animation-duration:28s!important;animation-delay:-5s!important;bottom:-60px!important;right:-60px!important}.ob-3{background:radial-gradient(circle,#072135bf 0%,#07213500 70%)!important;width:400px!important;height:400px!important;animation-duration:18s!important;animation-delay:-2s!important;top:30%!important;left:25%!important}@keyframes drift-blob{0%{opacity:.75;transform:translate(0)scale(1)rotate(0)}33%{opacity:.95;transform:translate(80px,-60px)scale(1.2)rotate(120deg)}66%{opacity:.55;transform:translate(-40px,70px)scale(.85)rotate(240deg)}to{opacity:.75;transform:translate(0)scale(1)rotate(360deg)}}.hero-content{width:100%!important;height:100%!important;padding:var(--s6) 0 var(--s4) 0!important;z-index:3!important;pointer-events:none!important;flex-direction:column!important;justify-content:space-between!important;display:flex!important;position:absolute!important;inset:0!important}.hero-eyebrow,.hero-sub{pointer-events:all!important}.ocean-cursor-canvas{z-index:9999!important;mix-blend-mode:screen!important}.scroll-timeline{opacity:0;z-index:100!important;pointer-events:none!important;width:160px!important;height:240px!important;transition:opacity .6s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:50%!important;right:18px!important;transform:translateY(-50%)!important}.st-track{background:#ffffff26!important;width:1px!important;height:100%!important;position:absolute!important;top:0!important;right:0!important}.st-indicator-group{transform:translateY(0);will-change:transform!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;height:60px!important;transition:transform .6s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:absolute!important;top:0!important;right:-1px!important}.st-label{opacity:0;color:var(--text-1)!important;pointer-events:auto!important;letter-spacing:-.01em!important;font-family:Inter,sans-serif!important;font-size:.95rem!important;font-weight:500!important;transition:opacity .4s,transform .4s!important;transform:translate(10px)!important}.st-label.visible{opacity:1!important;transform:translate(0)!important}.st-indicator-bar{background:var(--text-1)!important;width:3px!important;height:100%!important;box-shadow:0 0 12px #ffffff4d!important}@media (max-width:1100px){.scroll-timeline{display:none!important}}@media (max-width:768px){.hero-word--first,.hero-word--last{font-size:clamp(2.4rem,10vw,4.2rem)!important}.hero{height:380vh!important}}@media (max-width:480px){.hero-word--first,.hero-word--last{font-size:clamp(1.8rem,9vw,3rem)!important}}.hero-bottom-bar{width:100%!important;padding:0 var(--pad)!important;font-family:var(--mono)!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--text-2)!important;pointer-events:all!important;justify-content:space-between!important;align-items:center!important;font-size:.8rem!important;display:flex!important}.hbb-left{align-items:center!important;display:flex!important}.hbb-center{align-items:center!important;gap:12px!important;display:flex!important}.hbb-right{align-items:center!important;gap:24px!important;display:flex!important}.hbb-link,.hbb-page-link{color:var(--text-3)!important;transition:color var(--fast) var(--ease-out)!important}.hbb-link:hover,.hbb-page-link:hover{color:var(--accent-lite)!important}.hbb-divider{color:var(--text-4)!important}.st-anchors{z-index:10!important;width:24px!important;height:240px!important;position:absolute!important;top:0!important;right:-10px!important}.st-anchor{cursor:pointer!important;pointer-events:auto!important;width:24px!important;height:60px!important;position:absolute!important;right:0!important}.nav-back-link .hero-content{width:100%!important;height:100%!important;padding:var(--s6) 0 var(--s4) 0!important;z-index:3!important;pointer-events:none!important;flex-direction:column!important;justify-content:space-between!important;display:flex!important;position:absolute!important;inset:0!important}.nav-back-link .hero-eyebrow,.nav-back-link .hero-sub{pointer-events:all!important}.nav-back-link .ocean-cursor-canvas{z-index:9999!important;mix-blend-mode:screen!important}.nav-back-link .scroll-timeline{opacity:0;z-index:100!important;pointer-events:none!important;width:160px!important;height:240px!important;transition:opacity .6s cubic-bezier(.16,1,.3,1)!important;position:fixed!important;top:50%!important;right:18px!important;transform:translateY(-50%)!important}.nav-back-link .st-track{background:#ffffff26!important;width:1px!important;height:100%!important;position:absolute!important;top:0!important;right:0!important}.nav-back-link .st-indicator-group{transform:translateY(0);will-change:transform!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;height:60px!important;transition:transform .6s cubic-bezier(.16,1,.3,1)!important;display:flex!important;position:absolute!important;top:0!important;right:-1px!important}.nav-back-link .st-label{opacity:0;color:var(--text-1)!important;pointer-events:auto!important;letter-spacing:-.01em!important;font-family:Inter,sans-serif!important;font-size:.95rem!important;font-weight:500!important;transition:opacity .4s,transform .4s!important;transform:translate(10px)!important}.nav-back-link .st-label.visible{opacity:1!important;transform:translate(0)!important}.nav-back-link .st-indicator-bar{background:var(--text-1)!important;width:3px!important;height:100%!important;box-shadow:0 0 12px #ffffff4d!important}@media (max-width:1100px){.nav-back-link .scroll-timeline{display:none!important}}@media (max-width:768px){.nav-back-link .hero-word--first,.nav-back-link .hero-word--last{font-size:clamp(2.8rem,14vw,6rem)!important}.nav-back-link .hero{height:380vh!important}}@media (max-width:480px){.nav-back-link .hero-word--first,.nav-back-link .hero-word--last{font-size:clamp(2.2rem,12vw,4.5rem)!important}}.nav-back-link .hero-bottom-bar{width:100%!important;padding:0 var(--pad)!important;font-family:var(--mono)!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--text-2)!important;pointer-events:all!important;justify-content:space-between!important;align-items:center!important;font-size:.8rem!important;display:flex!important}.nav-back-link .hbb-left{align-items:center!important;display:flex!important}.nav-back-link .hbb-center{align-items:center!important;gap:12px!important;display:flex!important}.nav-back-link .hbb-right{align-items:center!important;gap:24px!important;display:flex!important}.nav-back-link .hbb-link,.nav-back-link .hbb-page-link{color:var(--text-3)!important;transition:color var(--fast) var(--ease-out)!important}.nav-back-link .hbb-link:hover,.nav-back-link .hbb-page-link:hover{color:var(--accent-lite)!important}.nav-back-link .hbb-divider{color:var(--text-4)!important}.nav-back-link .st-anchors{z-index:10!important;width:24px!important;height:240px!important;position:absolute!important;top:0!important;right:-10px!important}.nav-back-link .st-anchor{cursor:pointer!important;pointer-events:auto!important;width:24px!important;height:60px!important;position:absolute!important;right:0!important}.nav-back-link .nav-back-link{font-family:var(--mono)!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--text-3)!important;transition:color var(--fast) var(--ease-out)!important;font-size:.8rem!important}.nav-back-link .nav-back-link:hover{color:var(--accent-lite)!important}.nav-back-link .subpage-container{background:var(--bg)!important;min-height:100vh!important;padding-top:100px!important;position:relative!important}@media (max-width:768px){.nav-back-link .hero-bottom-bar{gap:var(--s2)!important;text-align:center!important;padding:0 var(--s2) var(--s2) var(--s2)!important;flex-direction:column!important;align-items:center!important}.nav-back-link .hbb-left{display:none!important}.nav-back-link .hbb-center{flex-wrap:wrap!important;justify-content:center!important;gap:12px!important}.nav-back-link .hbb-right{justify-content:center!important;gap:20px!important}}.footer-inner{max-width:var(--max);padding:0 var(--pad);align-items:center;margin:0 auto;display:flex}.footer-inner:has(.footer-quick-message){justify-content:space-between}.footer-inner:not(:has(.footer-quick-message)){justify-content:center}@media (max-width:768px){.footer-inner{gap:var(--s2);text-align:center;flex-direction:column;justify-content:center}}.footer-quick-message{font-family:var(--mono);color:var(--text-3);transition:color var(--fast);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.footer-quick-message:hover{color:var(--accent-lite)}.contact-page-inner{justify-content:center;align-items:center;min-height:calc(100vh - 200px);display:flex}.contact-form-wrapper{width:100%;max-width:600px;padding:var(--s4) 0}.contact-form-title{color:var(--text-1);margin-bottom:var(--s1);text-align:center;letter-spacing:-.02em;font-size:clamp(2.2rem,4vw,3rem)}.contact-form-subtitle{color:var(--text-3);margin-bottom:var(--s4);text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.contact-form{gap:var(--s3);background:var(--bg-card);border:1px solid var(--border);padding:var(--s4);border-radius:8px;flex-direction:column;display:flex}.form-group{gap:var(--s1);flex-direction:column;display:flex}.form-label{color:var(--text-3);letter-spacing:.08em;font-size:.7rem}.form-input,.form-textarea{border:1px solid var(--border-md);color:var(--text-1);font-family:var(--sans);transition:border-color var(--fast) var(--ease-out), box-shadow var(--fast) var(--ease-out);background:#07111a99;border-radius:6px;width:100%;padding:.85rem 1.1rem;font-size:.95rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-4);font-size:.9rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);outline:none}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-textarea{resize:vertical}.form-submit-btn{justify-content:center;align-items:center;gap:var(--s2);background:var(--accent);color:#fff;border:1px solid var(--accent);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:all var(--mid) var(--ease-out);width:100%;margin-top:var(--s1);border-radius:6px;padding:.9rem 1.8rem;font-size:.85rem;font-weight:500;display:inline-flex}.form-submit-btn:hover:not(:disabled){background:var(--accent-lite);border-color:var(--accent-lite);transform:translateY(-2px);box-shadow:0 0 16px #2dd4e459}.form-submit-btn:active:not(:disabled){transform:translateY(0)}.form-submit-btn:disabled{opacity:.7;cursor:not-allowed;background:var(--border-hi);border-color:#0000}.form-submit-btn svg{width:16px;height:16px;transition:transform var(--mid) var(--ease-spring)}.form-submit-btn:hover svg{transform:translate(3px)translateY(-3px)}.form-feedback{align-items:center;gap:var(--s2);border-radius:6px;padding:.9rem 1.1rem;font-size:.82rem;line-height:1.4;display:flex}.error-feedback{color:#f87171;background:#ef44440f;border:1px dashed #ef444440}.success-feedback{color:#4ade80;background:#22c55e0f;border:1px dashed #22c55e40}.details-action-group{gap:var(--s2);margin-top:var(--s4);flex-direction:column;display:flex}.render-coldstart-notice{align-items:flex-start;gap:var(--s2);background:#18a8ba08;border:1px dashed #18a8ba40;border-radius:6px;padding:.8rem 1rem;display:flex}.coldstart-pulse{background-color:var(--accent-lite);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px;animation:2s ease-in-out infinite pulse-glow;display:inline-block;position:relative}@keyframes pulse-glow{0%{transform:scale(.9);box-shadow:0 0 #2dd4e499}50%{transform:scale(1.15);box-shadow:0 0 0 8px #2dd4e400}to{transform:scale(.9);box-shadow:0 0 #2dd4e400}}.coldstart-text{font-family:var(--mono);color:var(--text-2);font-size:.72rem;line-height:1.45}
.dock-outer{align-items:center;max-width:100%;margin:0;display:flex}.dock-panel{-webkit-backdrop-filter:blur(20px);background-color:#0e1f2ebf;border:1px solid #f0f7fc14;border-radius:9999px;align-items:flex-end;gap:.75rem;width:fit-content;padding:0 .5rem .5rem;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #0009,inset 0 1px 1px #ffffff0d}.dock-item{cursor:pointer;color:var(--text-2);background-color:#07111ad9;border:1px solid #f0f7fc14;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex;position:relative;box-shadow:0 4px 10px #0000004d,inset 0 1px #ffffff0d}.dock-item:hover{color:var(--accent-lite);background-color:#0e1f2ef2;border-color:#2dd4e466}.dock-icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dock-icon svg{width:48%;height:48%;transition:color .2s}.dock-label{white-space:pre;width:fit-content;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-1);-webkit-backdrop-filter:blur(10px);pointer-events:none;background-color:#07111af2;border:1px solid #f0f7fc1a;border-radius:6px;padding:.25rem .65rem;font-size:.68rem;font-weight:500;position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080}