:root{--color-indigo: #23008e;--color-indigo-deep: #140054;--color-periwinkle: #757bfd;--color-coral: #ff6464;--color-ink: #0a0518;--color-paper: #f4f2ff;--font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--font-hero-rounded: ui-rounded, "SF Pro Rounded", var(--font-display);--panel-radius: 18px;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-ink);color:var(--color-paper);font-family:var(--font-body);overscroll-behavior-y:none}body{width:100%}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;margin:0 0 .4em}p{line-height:1.5;color:#f4f2ffd1}a{color:inherit}#scene-canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:pan-y;z-index:0}#loop-fade{position:fixed;inset:0;z-index:90;background:var(--color-ink);opacity:0;pointer-events:none}#scroll-spacer{position:relative;width:100%;height:600vh;z-index:1;pointer-events:none}#ui-root{position:fixed;inset:0;z-index:2;pointer-events:none}#loading-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 40%,var(--color-indigo) 0%,var(--color-ink) 75%);display:flex;align-items:center;justify-content:center;transition:opacity .6s var(--ease-out),visibility .6s var(--ease-out)}#loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-inner{text-align:center;width:min(320px,80vw)}.loading-title{font-family:var(--font-display);font-size:1.1rem;letter-spacing:.02em;margin-bottom:1.2rem;color:var(--color-paper)}.loading-bar-track{width:100%;height:3px;background:#f4f2ff26;border-radius:2px;overflow:hidden}.loading-bar-fill{width:0%;height:100%;background:linear-gradient(90deg,var(--color-periwinkle),var(--color-coral));transition:width .25s var(--ease-out)}.loading-pct{margin-top:.6rem;font-size:.8rem;color:#f4f2ff8c;font-variant-numeric:tabular-nums}#intro-screen{position:fixed;inset:0;z-index:60;overflow:hidden;touch-action:pan-y}#intro-bg{position:absolute;inset:0;opacity:var(--chrome-opacity, 1);background:radial-gradient(ellipse 62% 88% at 50% 4%,#5d37d0,#47299f,#301c6d 50%,#251554,#190e3b,#0e0723 87.5%,#080316,#02000a)}#intro-doodle{position:absolute;inset:0;opacity:var(--chrome-opacity, 1);background-image:url(../assets/Hero-start/doodle_overlay.webp);background-size:cover;background-position:center;mix-blend-mode:multiply}#intro-vignette{position:absolute;inset:0;z-index:3;opacity:var(--chrome-opacity, 1);background:linear-gradient(to bottom,#0000 54.8%,#010005cc 82.9%,#000);mix-blend-mode:hard-light}#intro-headline{position:absolute;left:50%;top:33vh;transform:translate(-50%);width:min(72vw,1381px);text-align:center;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.5);opacity:var(--chrome-opacity, 1);z-index:1}#intro-headline-top{display:flex;justify-content:space-between;width:min(45vw,831px);margin:0 auto;font-family:var(--font-hero-rounded);font-weight:700;font-size:clamp(2.2rem,7vw,6.4rem);color:#fff}#intro-headline-name{margin:0;display:flex;justify-content:center;gap:var(--hero-name-gap, 22vw);font-family:var(--font-hero-rounded);font-weight:800;font-size:clamp(3.2rem,10.4vw,9.4rem);color:#ffd200;line-height:1}#intro-cue{position:absolute;left:50%;bottom:8vh;transform:translate(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:1.1rem;opacity:var(--chrome-opacity, 1)}#intro-cue-label{font-family:var(--font-hero-rounded);font-weight:700;font-size:clamp(.85rem,1.6vw,1.3rem);letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 4px 4px rgba(0,0,0,.25);white-space:nowrap}#intro-cue-arrow{width:clamp(48px,5.2vw,68px);height:clamp(48px,5.2vw,68px);border-radius:50%;border:none;background:#fff;color:var(--color-ink);cursor:pointer;display:flex;align-items:center;justify-content:center;animation:bob 1.6s ease-in-out infinite}#intro-cue-arrow svg{width:42%;height:42%}#intro-portrait{position:absolute;left:50%;top:18.8vh;width:48.3vw;max-width:720px;transform:translate(-50%);z-index:2;pointer-events:none}#site-mode-toggle{position:fixed;left:50%;top:clamp(1rem,4vh,3.2rem);transform:translate(-50%);z-index:70;display:flex;gap:.3rem;padding:.4rem;border-radius:72px;background:#00000080;backdrop-filter:blur(6px);opacity:var(--chrome-opacity, 1)}.mode-tab{display:inline-block;border:none;background:transparent;padding:.7rem 1.5rem;border-radius:72px;font-family:var(--font-display);font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:.02em;color:#ffffff8c;text-decoration:none;cursor:pointer;transition:background .25s var(--ease-out),color .25s var(--ease-out)}.mode-tab.is-active{background:linear-gradient(90deg,var(--color-periwinkle),var(--color-coral));color:var(--color-paper);cursor:default}@media (max-width: 720px){#intro-bg{background:radial-gradient(119.23% 65.37% at 50% -1.94%,#5d37d0,#02000a),#0a0029}#intro-doodle{inset:0 auto auto;left:-38.4vw;width:257.87vw;height:66.99vh;background-size:cover;background-position:center}#intro-vignette{background:linear-gradient(to bottom,#0000 43.08%,#010005cc 78.44%,#000)}#intro-headline{top:15.52vh;left:calc(50% - 43.87vw);width:88vw;height:12.44vh;transform:none}#intro-headline-top{position:absolute;top:-.99vh;left:calc(50% - 19.47vw);width:39.2vw;height:5.66vh;font-size:10.2vw}#intro-headline-top span{position:absolute;top:0;white-space:nowrap}#intro-headline-top span:first-child{left:0}#intro-headline-top span:last-child{left:24.53vw}#intro-headline-name{position:absolute;top:4.13vh;left:0;width:100%;gap:0;font-size:15vw}#intro-headline-name span{position:absolute;top:0;white-space:nowrap}#intro-headline-name span:first-child{left:2.22vw}#intro-headline-name span:last-child{left:43.28vw}#intro-portrait{width:93.07vw;top:27.96vh}#intro-cue{bottom:4.06vh}#intro-cue-label{font-size:6.93vw}#intro-cue-arrow{width:clamp(42px,13.33vw,60px);height:clamp(42px,13.33vw,60px)}#site-mode-toggle{top:4.93vh}.mode-tab{padding:.55rem 1rem;font-size:.75rem}}.ui-panel{position:fixed;inset:0;pointer-events:none}.hud-card{position:fixed;left:50%;top:50%;transform:translate(-50%,calc(-100% - 18px));width:min(420px,90vw);max-height:calc(100vh - 3rem);overflow-y:auto;background:linear-gradient(165deg,#081220ed,#040914f7);border:1px solid rgba(94,234,255,.55);clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);padding:1.7rem 1.9rem;box-shadow:0 0 0 1px #5eeaff14,0 0 42px #3cc8ff38,0 30px 70px #0000008c;opacity:0;visibility:hidden;pointer-events:none}.ui-panel.is-open .hud-card{pointer-events:auto}.panel-card--wide{width:min(520px,90vw)}.hud-tail{position:absolute;left:50%;bottom:-18px;transform:translate(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:18px solid rgba(6,14,28,.95);filter:drop-shadow(0 2px 6px rgba(60,200,255,.45))}.panel-close{position:absolute;top:.8rem;right:1rem;background:none;border:none;color:var(--color-paper);font-size:1.5rem;line-height:1;cursor:pointer;opacity:.65;transition:opacity .15s;z-index:1}.panel-close:hover{opacity:1}.hud-card-header{display:flex;align-items:center;gap:.95rem;margin-bottom:1.1rem}.hud-icon{flex:0 0 auto;width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#184664e6,#061020e6);border:1.5px solid rgba(94,234,255,.6);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);color:#7ff2ff;box-shadow:0 0 16px #3cc8ff59}.hud-icon svg{width:28px;height:28px}.hud-icon span{font-family:var(--font-display);font-weight:700;font-size:1rem;color:#eafcff}.hud-title-block{flex:1 1 auto;min-width:0}.hud-title{font-family:var(--font-display);font-size:1.35rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:#f2fdff;margin:0 0 .4rem}.hud-title-underline{width:60%;height:2px;background:linear-gradient(90deg,#5eeaff,transparent)}.hud-role{font-family:var(--font-display);font-weight:600;color:#5eeaff;font-size:.92rem;margin:0 0 .5rem;text-shadow:0 0 12px rgba(94,234,255,.5)}.hud-role--spaced{margin-top:1.1rem}.hud-intro{font-size:.9rem;line-height:1.6;color:#e6f6ffd9;margin:0}.hud-stats{margin-top:1.2rem;display:flex;flex-direction:column;gap:.8rem;padding-top:1rem;border-top:1px solid rgba(94,234,255,.2)}.hud-stat{display:flex;align-items:center;gap:.75rem}.hud-stat-icon{flex:0 0 auto;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid rgba(94,234,255,.5);color:#5eeaff}.hud-stat-icon svg{width:17px;height:17px}.hud-stat-text{display:flex;flex-direction:column;line-height:1.25}.hud-stat-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#e6f6ff8c}.hud-stat-value{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:#f2fdff}.skill-list{list-style:none;margin:.9rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem .7rem}.skill-list li{padding:.5rem .7rem;background:#5eeaff1a;border:1px solid rgba(94,234,255,.3);border-radius:6px;font-size:.85rem;color:#e6f6ffe6}.experience-list{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-direction:column;gap:.7rem;max-height:260px;overflow-y:auto}.experience-list li{padding:.6rem .8rem;background:#5eeaff14;border:1px solid rgba(94,234,255,.28);border-left:2px solid #5eeaff;border-radius:6px}.experience-header{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.experience-role{font-family:var(--font-display);font-weight:700;font-size:.88rem;color:#f2fdff}.experience-period{font-size:.68rem;letter-spacing:.06em;color:#e6f6ff8c;white-space:nowrap}.experience-company{font-size:.78rem;color:#5eeaff;margin-top:.15rem}.experience-desc{font-size:.82rem;line-height:1.5;color:#e6f6ffbf;margin:.35rem 0 0}.experience-bullets{list-style:disc;margin:.4rem 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:.3rem}.experience-bullets li{font-size:.8rem;line-height:1.5;color:#e6f6ffbf}.testimonial-list{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-direction:column;gap:.7rem;max-height:260px;overflow-y:auto}.testimonial-list li{padding:.6rem .8rem;background:#5eeaff14;border:1px solid rgba(94,234,255,.28);border-radius:6px}.testimonial-author{font-family:var(--font-display);font-weight:700;font-size:.82rem;color:#f2fdff}.testimonial-role{margin-top:.1rem;font-size:.72rem;color:#e6f6ff8c}.testimonial-rating{margin-top:.5rem;font-size:.85rem;letter-spacing:.05em;color:#ffb43d}.testimonial-quote{margin:.55rem 0 0;font-size:.85rem;font-style:italic;line-height:1.55;color:#e6f6ffe6}.award-list{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem;max-height:260px;overflow-y:auto}.award-list li{padding:.55rem .8rem;background:#5eeaff14;border:1px solid rgba(94,234,255,.28);border-left:2px solid #5eeaff;border-radius:6px}.award-header{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.award-title{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:#f2fdff}.award-year{font-size:.68rem;letter-spacing:.06em;color:#e6f6ff8c;white-space:nowrap}.award-issuer{font-size:.78rem;color:#5eeaff;margin-top:.15rem}.panel-hint{font-size:.85rem;color:#e6f6ff99}.case-list{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.case-list-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.6rem .8rem;background:#5eeaff14;border:1px solid rgba(94,234,255,.28);border-left:2px solid #5eeaff;border-radius:6px;cursor:pointer;transition:background-color .15s}.case-list-item:hover{background:#5eeaff26}.case-list-title{font-family:var(--font-display);font-weight:700;font-size:.85rem;color:#f2fdff}.case-list-desc{font-size:.72rem;color:#e6f6ff8c}.btn-download{display:inline-block;margin-top:1rem;padding:.7rem 1.3rem;background:linear-gradient(120deg,#5eeaff,#3ba9e0);color:#04121f;font-family:var(--font-display);font-weight:700;font-size:.9rem;text-decoration:none;border-radius:999px;border:none;cursor:pointer;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out);pointer-events:auto}.btn-download:hover{transform:translateY(-2px);box-shadow:0 10px 24px #5eeaff59}.btn-small{padding:.55rem 1.1rem;font-size:.8rem}.contact-links{margin-top:1rem;font-size:.85rem}.contact-links a{color:#5eeaff;text-decoration:none}.case-study-overlay{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:linear-gradient(165deg,#071019,#030711 65%);opacity:0;visibility:hidden;pointer-events:none}.case-study-overlay.is-open{visibility:visible;pointer-events:auto}.cso-topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.3rem 1.8rem;border-bottom:1px solid rgba(94,234,255,.18)}.cso-back{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#5eeaff;font-family:var(--font-display);font-weight:600;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;padding:.4rem .2rem;opacity:.85;transition:opacity .15s}.cso-back svg{width:18px;height:18px}.cso-back:hover{opacity:1}.cso-close{background:none;border:1px solid rgba(94,234,255,.35);border-radius:50%;width:34px;height:34px;color:var(--color-paper);font-size:1.4rem;line-height:1;cursor:pointer;opacity:.75;transition:opacity .15s,border-color .15s}.cso-close:hover{opacity:1;border-color:#5eeaffb3}.cso-body{flex:1 1 auto;display:flex;min-height:0}.cso-sidebar{flex:0 0 280px;border-right:1px solid rgba(94,234,255,.18);padding:1.4rem 1rem;overflow-y:auto}.cso-sidebar-heading{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e6f6ff80;margin:0 .6rem .8rem}.cso-sidebar-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.cso-sidebar-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.65rem .8rem;background:transparent;border:1px solid transparent;border-radius:8px;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s}.cso-sidebar-item:hover{background:#5eeaff12}.cso-sidebar-item.is-active{background:#5eeaff1f;border-color:#5eeaff66}.cso-sidebar-title{font-family:var(--font-display);font-weight:700;font-size:.88rem;color:#f2fdff}.cso-sidebar-desc{font-size:.72rem;color:#e6f6ff8c}.cso-detail{flex:1 1 auto;min-width:0}.cso-detail-scroll{height:100%;overflow-y:auto;padding:2.2rem 3rem 4rem;max-width:760px}.cso-tag{font-family:var(--font-display);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-coral);margin-bottom:.7rem}.cso-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,2.4vw,2.3rem);line-height:1.2;color:#f2fdff;margin:0 0 1.2rem}.cso-meta{display:flex;flex-wrap:wrap;gap:1.6rem;padding:1rem 0;border-top:1px solid rgba(94,234,255,.2);border-bottom:1px solid rgba(94,234,255,.2);margin-bottom:1.2rem}.cso-meta-item{display:flex;flex-direction:column;gap:.2rem}.cso-meta-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:#e6f6ff80}.cso-meta-value{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:#f2fdff}.cso-summary{font-size:1rem;line-height:1.7;color:#e6f6ffe0;margin:0 0 1rem}.cso-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.8rem;margin:1.6rem 0}.cso-metric{display:flex;flex-direction:column;gap:.3rem;padding:.9rem 1rem;background:#5eeaff12;border:1px solid rgba(94,234,255,.25);border-radius:10px}.cso-metric-value{font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--color-coral)}.cso-metric-label{font-size:.75rem;line-height:1.35;color:#e6f6ffa6}.cso-sections{margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid rgba(94,234,255,.2)}.cso-sections-heading{font-family:var(--font-display);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#5eeaff;margin:0 0 .8rem}.cso-sections-list{list-style:none;margin:0 0 1.8rem;padding:0;display:flex;flex-direction:column;gap:.55rem}.cso-sections-list li{position:relative;padding-left:1.1rem;font-size:.9rem;line-height:1.5;color:#e6f6ffd1}.cso-sections-list li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--color-coral)}.cso-hamburger,.cso-sidebar-backdrop{display:none}@media (max-width: 860px){.cso-hamburger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:none;border:1px solid rgba(94,234,255,.35);border-radius:50%;color:var(--color-paper);cursor:pointer;opacity:.85;transition:opacity .15s,border-color .15s}.cso-hamburger svg{width:18px;height:18px}.cso-hamburger:hover,.cso-hamburger[aria-expanded=true]{opacity:1;border-color:#5eeaffb3}.cso-back{display:none}.cso-body{position:relative;overflow:hidden}.cso-sidebar{position:fixed;top:0;bottom:0;left:0;z-index:5;width:min(80vw,320px);max-height:none;background:#030711;border-right:1px solid rgba(94,234,255,.25);box-shadow:24px 0 48px #0000008c;padding:5rem 1rem 1.5rem;transform:translate(-100%);transition:transform .3s var(--ease-out)}.cso-sidebar.is-open{transform:translate(0)}.cso-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:4;background:#03071199;opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out)}.cso-sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.cso-detail-scroll{padding:1.6rem 1.3rem 3rem}}.tech-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:.9rem 0 1.2rem}.tech-tags span{font-size:.75rem;padding:.3rem .6rem;border-radius:999px;background:#757bfd2e;border:1px solid rgba(117,123,253,.35)}.zone-dots{position:fixed;right:clamp(1rem,3vw,2.4rem);top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:.9rem;pointer-events:auto}.zone-dot{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(244,242,255,.4);background:transparent;cursor:pointer;padding:0;transition:background .25s,border-color .25s,transform .25s}.zone-dot:hover{transform:scale(1.2)}.zone-dot.is-active{background:var(--color-coral);border-color:var(--color-coral)}.audio-controls{position:fixed;right:clamp(1rem,3vw,2.4rem);bottom:max(clamp(1rem,3vw,2rem),env(safe-area-inset-bottom,0px));z-index:10;display:flex;align-items:center;gap:clamp(.5rem,1.5vw,.75rem)}.audio-toggle{width:clamp(40px,6vw,48px);height:clamp(40px,6vw,48px);border-radius:50%;border:1.5px solid rgba(244,242,255,.4);background:#0a051847;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;pointer-events:auto;transition:background .25s,border-color .25s,transform .25s}.audio-toggle:hover{transform:scale(1.08);border-color:#f4f2ffb3}.audio-icon{width:46%;height:46%;color:var(--color-paper)}.audio-icon-off,.audio-toggle[aria-pressed=true] .audio-icon-on{display:none}.audio-toggle[aria-pressed=true] .audio-icon-off{display:block}.audio-toggle[aria-pressed=true]{border-color:var(--color-coral)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (max-width: 720px){.hud-card{padding:1.4rem}.hud-tail{display:none}.skill-list{grid-template-columns:1fr}.zone-dots{right:1rem}}@media (prefers-reduced-motion: reduce){.scroll-hint-arrow{animation:none}}