:root{--bg:#030508;--pearl:#cbd5e1;--muted:#94a3b8;--subtle:#64748b;--glass-bg:#0a0e16a6;--glass-border:#ffffff1f;--glass-glow:#93c5fd38;--accent-blue:#93c5fd}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);color:var(--pearl);font-feature-settings:"cv02", "cv03", "cv04", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:auto;font-family:Inter,system-ui,-apple-system,sans-serif}body{background:var(--bg);position:relative;overflow-x:hidden}#scene{z-index:1;pointer-events:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.brand-logo-btn{z-index:50;cursor:pointer;color:#f8fafc;-webkit-backdrop-filter:blur(14px);background:#0a0e16a6;border:1px solid #ffffff24;border-radius:9999px;justify-content:center;align-items:center;gap:5px;padding:7px 14px;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;display:inline-flex;position:fixed;top:26px;left:36px}.brand-logo-btn:hover{box-shadow:0 8px 20px #0006, 0 0 14px var(--glass-glow);background:#ffffff1f;border-color:#93c5fd73;transform:translateY(-2px)}.brand-monogram{letter-spacing:.14em;color:#f8fafc;text-shadow:0 0 12px #93c5fd59;font-family:Cinzel,Playfair Display,serif;font-size:.84rem;font-weight:600}.brand-dot{background:var(--accent-blue);width:5px;height:5px;box-shadow:0 0 8px var(--accent-blue);border-radius:50%}.lang-toggle-btn{z-index:50;cursor:pointer;color:#94a3b8;letter-spacing:.1em;-webkit-backdrop-filter:blur(14px);background:#0a0e16a6;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:7px;padding:7px 14px;font-family:Inter,monospace;font-size:.72rem;font-weight:500;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s;display:inline-flex;position:fixed;top:26px;right:36px}.lang-toggle-btn:hover{box-shadow:0 8px 20px #0006, 0 0 14px var(--glass-glow);background:#ffffff1f;border-color:#93c5fd73;transform:translateY(-2px)}.lang-toggle-btn svg{color:var(--accent-blue);opacity:.9}.lang-opt{color:#64748b;transition:color .2s,text-shadow .2s}.lang-opt.active{color:#f8fafc;text-shadow:0 0 10px #93c5fd73;font-weight:600}.lang-divider{color:#ffffff38;font-size:.68rem}#scroll-container{z-index:10;pointer-events:none;width:100%;height:1040vh;position:relative}.story-section{pointer-events:none;opacity:0;align-items:center;width:100vw;height:100vh;padding-left:8vw;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translateY(18px)}.story-section.active{opacity:1;pointer-events:auto;transform:translateY(0)}.content-wrapper{flex-direction:column;gap:20px;max-width:44vw;display:flex}.hero-kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--accent-blue);opacity:.9;font-family:Inter,monospace;font-size:.72rem;font-weight:500}.hero-title{letter-spacing:.03em;color:#f8fafc;text-shadow:0 0 45px #b4d2ff38;font-family:Cinzel,Playfair Display,serif;font-size:clamp(3.2rem,6.2vw,6rem);font-weight:500;line-height:.96}.hero-roles{flex-wrap:wrap;align-items:center;gap:8px 10px;max-width:42vw;display:flex}.role-badge{letter-spacing:.04em;color:#e2e8f0;-webkit-backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff24;border-radius:9999px;padding:5px 12px;font-family:Inter,sans-serif;font-size:clamp(.76rem,.92vw,.88rem);font-weight:500}.role-separator{color:var(--subtle);user-select:none;font-size:.85rem}.hero-subtitle{color:var(--muted);max-width:37vw;font-size:clamp(.96rem,1.15vw,1.16rem);font-weight:300;line-height:1.6}.hero-links{flex-wrap:wrap;align-items:center;gap:10px;padding-top:4px;display:flex}.cta-links{padding-top:14px}.social-pill{cursor:pointer;color:#cbd5e1;letter-spacing:.04em;-webkit-backdrop-filter:blur(14px);background:#0a0e16a6;border:1px solid #ffffff24;border-radius:9999px;align-items:center;gap:8px;padding:8px 15px;font-family:Inter,sans-serif;font-size:.76rem;font-weight:500;text-decoration:none;transition:color .25s,background .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.social-pill:hover{color:#fff;box-shadow:0 8px 20px #0006, 0 0 14px var(--glass-glow);background:#ffffff1f;border-color:#93c5fd73;transform:translateY(-2px)}.email-pill{outline:none}.icon-wrap{justify-content:center;align-items:center;display:inline-flex}.email-pill .check-svg{color:#86efac;display:none}.email-pill .copy-hint{letter-spacing:.12em;color:var(--muted);background:#ffffff14;border-radius:9999px;padding:2px 7px;font-size:.6rem;font-weight:600;transition:background .2s,color .2s}.email-pill:hover .copy-hint{color:#fff;background:#93c5fd33}.email-pill.copied{color:#fff;background:#10281cb3;border-color:#86efac8c;box-shadow:0 0 18px #86efac4d}.email-pill.copied .mail-svg{display:none}.email-pill.copied .check-svg{display:inline-block}.email-pill.copied .copy-hint{color:#86efac;background:#86efac40}.section-kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--accent-blue);opacity:.88;margin-bottom:-6px;font-family:Inter,monospace;font-size:.7rem;font-weight:500}.section-title{letter-spacing:.03em;color:#f8fafc;text-shadow:0 0 35px #ffffff1f;font-family:Cinzel,Playfair Display,serif;font-size:clamp(2.4rem,4.4vw,4.2rem);font-weight:500;line-height:1.05}.section-paragraphs{flex-direction:column;gap:14px;display:flex}.section-body{color:#94a3b8;max-width:40vw;font-size:clamp(.95rem,1.08vw,1.12rem);font-weight:300;line-height:1.62}.section-body strong{color:#e2e8f0;font-weight:500}.pillar-list{flex-direction:column;gap:10px;max-width:39vw;display:flex}.pillar-item{-webkit-backdrop-filter:blur(12px);background:#0a0e168c;border:1px solid #ffffff1a;border-left:2px solid #93c5fd8c;border-radius:14px;flex-direction:column;gap:3px;padding:11px 16px;display:flex}.pillar-title{letter-spacing:.04em;color:#f1f5f9;font-size:.82rem;font-weight:600}.pillar-desc{color:#94a3b8;font-size:.81rem;font-weight:300;line-height:1.5}.pillar-desc strong{color:#e2e8f0;font-weight:500}.pillar-desc code{color:#bfdbfe;background:#93c5fd1a;border:1px solid #93c5fd38;border-radius:6px;padding:1px 6px;font-family:Inter,monospace;font-size:.75rem;font-weight:500}.skill-tags{flex-wrap:wrap;gap:7px;max-width:39vw;padding-top:2px;display:flex}.skill-chip{letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1;-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff24;border-radius:9999px;padding:4px 11px;font-family:Inter,monospace;font-size:.68rem;font-weight:500}.king-clusters{flex-direction:column;gap:18px;max-width:40vw;padding-top:4px;display:flex}.king-group{-webkit-backdrop-filter:blur(14px);background:#0a0e1694;border:1px solid #ffffff1a;border-left:2px solid #e0ad50a6;border-radius:16px;flex-direction:column;gap:10px;padding:14px 18px;display:flex}.king-group-label{letter-spacing:.18em;text-transform:uppercase;color:#f8fafc;font-family:Inter,monospace;font-size:.7rem;font-weight:600}.king-pills{flex-wrap:wrap;gap:8px;display:flex}.king-pill{letter-spacing:.03em;color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff24;border-radius:9999px;padding:5px 13px;font-family:Inter,sans-serif;font-size:.78rem;font-weight:400;transition:transform .2s,border-color .2s,color .2s}.king-pill-gold{color:#fef3c7;background:#e0ad501a;border-color:#e0ad5059;font-weight:500}.king-quote{letter-spacing:.02em;color:#fde68a;opacity:.92;border-left:2px solid #e0ad508c;padding-left:14px;font-family:Cinzel,Playfair Display,serif;font-size:clamp(.84rem,.96vw,.98rem);font-weight:400;line-height:1.58}.project-list{flex-direction:column;gap:11px;max-width:40vw;padding-top:2px;display:flex}.project-card{-webkit-backdrop-filter:blur(14px);background:#0a0e169e;border:1px solid #ffffff1c;border-left:2px solid #93c5fda6;border-radius:16px;flex-direction:column;gap:7px;padding:13px 17px;text-decoration:none;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;display:flex}.project-card:hover{background:#101724c7;border-color:#93c5fd66 #93c5fd66 #93c5fd66 #93c5fd;transform:translateY(-2px)translate(3px);box-shadow:0 10px 26px #00000073,0 0 16px #93c5fd29}.project-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.project-repo{color:#94a3b8;align-items:center;gap:8px;font-family:Inter,monospace;font-size:.78rem;display:inline-flex}.project-repo svg{color:#cbd5e1;flex-shrink:0}.project-slug strong{color:#f8fafc;font-weight:600}.project-badge{letter-spacing:.12em;text-transform:uppercase;color:#93c5fd;background:#93c5fd1a;border:1px solid #93c5fd40;border-radius:9999px;padding:3px 9px;font-family:Inter,monospace;font-size:.62rem;font-weight:600}.project-desc{color:#94a3b8;font-size:.8rem;font-weight:300;line-height:1.48}.project-desc code{color:#bfdbfe;background:#93c5fd1a;border:1px solid #93c5fd38;border-radius:5px;padding:1px 5px;font-family:Inter,monospace;font-size:.73rem;font-weight:500}.project-stack{flex-wrap:wrap;gap:6px;padding-top:2px;display:flex}.project-stack span{letter-spacing:.06em;color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9999px;padding:2px 8px;font-family:Inter,monospace;font-size:.65rem;font-weight:500}.project-footer{align-items:center;padding-top:2px;display:flex}.project-more-link{color:#e2e8f0;letter-spacing:.12em;-webkit-backdrop-filter:blur(12px);background:#93c5fd14;border:1px solid #93c5fd47;border-radius:9999px;align-items:center;gap:9px;padding:8px 16px;font-family:Inter,monospace;font-size:.72rem;font-weight:600;text-decoration:none;transition:color .25s,background .25s,border-color .25s,transform .25s,box-shadow .25s;display:inline-flex}.project-more-link:hover{color:#fff;box-shadow:0 8px 20px #0006, 0 0 14px var(--glass-glow);background:#93c5fd2e;border-color:#93c5fd8c;transform:translateY(-2px)}.project-more-link:hover .cta-arrow{transform:translate(4px)}.tech-tag{letter-spacing:.16em;text-transform:uppercase;color:#64748b;padding-top:4px;font-family:Inter,monospace;font-size:.72rem;font-weight:500}.cta-container{padding-top:10px}.cta-button{color:#fff;letter-spacing:.14em;-webkit-backdrop-filter:blur(16px);background:#ffffff14;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:12px;padding:14px 28px;font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .3s,border-color .3s,transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 8px 24px #0006}.cta-button:hover{background:#ffffff29;border-color:#fff6;transform:translateY(-2px);box-shadow:0 12px 30px #93c5fd40}.cta-arrow{transition:transform .3s}.cta-button:hover .cta-arrow{transform:translate(4px)}.scroll-indicator{z-index:20;cursor:pointer;user-select:none;flex-direction:column;align-items:center;gap:8px;transition:opacity .3s,transform .3s;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.scroll-indicator:hover{transform:translate(-50%)translateY(-2px)}.mouse-icon{border:1.5px solid #fff6;border-radius:12px;justify-content:center;width:18px;height:28px;display:flex;position:relative}.mouse-wheel{background:#fff;border-radius:2px;width:2px;height:6px;animation:1.6s ease-in-out infinite wheel-bounce;position:absolute;top:5px}@keyframes wheel-bounce{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.3;transform:translateY(6px)}}.scroll-arrows{color:#ffffff80;gap:2px;font-size:.75rem;display:flex}.prompt-text{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-align:center;white-space:nowrap;font-size:.68rem;font-weight:500}.scroll-indicator.is-end .mouse-icon{border-color:var(--accent-blue)}.scroll-indicator.is-end .prompt-text{color:#f8fafc}#loader{background:var(--bg);z-index:100;place-content:center;transition:opacity .9s cubic-bezier(.16,1,.3,1),visibility .9s;display:grid;position:fixed;inset:0}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-content{flex-direction:column;align-items:center;gap:14px;display:flex}.loader-star{filter:drop-shadow(0 0 16px #93c5fd59);justify-content:center;align-items:center;animation:2.2s ease-in-out infinite star-pulse;display:flex}.board-path{fill:#e2e8f0}.board-path-1{animation:1.4s ease-in-out infinite board-blink-1}.board-path-2{animation:1.4s ease-in-out infinite board-blink-2}.board-path-3{animation:1.4s ease-in-out infinite board-blink-3}@keyframes board-blink-1{0%,to{fill:#f8fafc;opacity:1}50%{fill:#93c5fd;opacity:.25}}@keyframes board-blink-2{0%,to{fill:#93c5fd;opacity:.22}50%{fill:#f8fafc;opacity:1}}@keyframes board-blink-3{0%,to{fill:#fde68a;opacity:.95}50%{fill:#93c5fd;opacity:.18}}@keyframes star-pulse{0%,to{transform:scale(.95)}50%{transform:scale(1.04)}}.loader-label{letter-spacing:.28em;text-transform:uppercase;color:#f8fafc;font-size:.72rem;font-weight:500}.loader-bar{background:#ffffff14;border-radius:2px;width:190px;height:2px;overflow:hidden}#loader-fill{background:linear-gradient(90deg,#93c5fd,#fff);border-radius:2px;width:0%;height:100%;transition:width .25s ease-out}.loader-sub{letter-spacing:.2em;color:var(--subtle);font-size:.62rem}@media (width<=900px){.story-section{justify-content:center;align-items:flex-end;padding-bottom:95px;padding-left:0;padding-right:0}.content-wrapper{text-align:center;-webkit-backdrop-filter:blur(8px);background:radial-gradient(circle,#030508b8 0%,#03050840 75%,#0000 100%);border-radius:24px;align-items:center;max-width:88vw;margin:0 auto;padding:16px 20px}.hero-title{text-align:center;font-size:clamp(2.4rem,9.5vw,3.8rem)}.hero-roles{justify-content:center;gap:6px;max-width:84vw}.role-separator{display:none}.role-badge{padding:4px 10px;font-size:.72rem}.hero-subtitle{text-align:center;max-width:82vw;font-size:clamp(.88rem,3.5vw,1.05rem)}.hero-links{justify-content:center;gap:8px}.social-pill{padding:6px 12px;font-size:.72rem}.section-kicker{text-align:center;font-size:.64rem}.section-title{text-align:center;font-size:clamp(2rem,7.8vw,2.8rem)}.section-body{text-align:center;max-width:82vw;font-size:clamp(.88rem,3.4vw,1.05rem)}.pillar-list{gap:8px;max-width:84vw}.pillar-item{text-align:left;padding:9px 13px}.skill-tags{justify-content:center;gap:6px;max-width:84vw}.skill-chip{padding:3px 9px;font-size:.62rem}.king-clusters{align-items:center;gap:10px;max-width:84vw}.king-group{text-align:center;align-items:center;width:100%;padding:10px 14px}.king-pills{justify-content:center}.king-pill{padding:4px 10px;font-size:.7rem}.king-quote{text-align:center;border-top:1px solid #e0ad5073;border-left:none;padding-top:8px;padding-left:0}.project-list{gap:8px;max-width:84vw}.project-card{text-align:left;padding:10px 13px}.project-desc{font-size:.74rem}.project-footer{justify-content:center}.tech-tag{text-align:center}.brand-logo-btn{padding:6px 12px;top:16px;left:16px}.brand-monogram{font-size:.76rem}.lang-toggle-btn{padding:6px 12px;font-size:.68rem;top:16px;right:16px}}