:root{--page-width: 100vw;--page-height: 100vh;--flow-left-rail: 24px;--about-flat-top: 110px;--timeline-flat-top: 360px;--projects-flat-top: 620px}html,body,button,input,textarea,select{font-family:Teko,sans-serif}html{filter:saturate(0%)}.content-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(var(--border-scaleX, 0));width:100%;height:2px;opacity:var(--border-opacity, 0);background:radial-gradient(ellipse at center,#fffc 30%,#4440 70%);transition:opacity .5s ease,transform .5s ease}.content-section h2{text-align:center;font-size:1.8rem;margin-bottom:20px;color:#ecf3fff0}.section-tertiary-rule{width:min(100%,620px);height:1px;margin:0 auto 12px;background:linear-gradient(90deg,#fff0,#fff9 20%,#fff9 80%,#fff0)}.section-tertiary-copy{margin:0 auto 16px;width:min(100%,620px);text-align:center;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:#d1e1ffb3}.project-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 auto 16px}#projects-section{--project-card-rot-x: 2deg;--project-card-rot-y: 10deg;--project-card-rot-z: 0deg}.about-systems-section,.timeline-section,.projects-section-shell{left:var(--flow-left-rail);width:min(32rem,calc(100vw - 48px));transform:none;transform-style:flat;perspective:none;filter:none}.about-systems-section{top:var(--about-flat-top)}.timeline-section{top:var(--timeline-flat-top);right:auto}.projects-section-shell{top:var(--projects-flat-top);left:var(--flow-left-rail)}.projects-section-shell{position:fixed;left:50%;top:50%;width:min(36rem,82vw);transform-style:preserve-3d;pointer-events:none;z-index:16;opacity:0;filter:blur(8px);transition:opacity .14s linear,filter .14s linear,transform .18s cubic-bezier(.22,.9,.24,1)}.projects-section-shell.is-phase-active{opacity:1;filter:blur(0);pointer-events:auto}.projects-section-card{padding:0;background:transparent;font-family:Teko,sans-serif;text-transform:uppercase}.projects-dropdown{border:1px solid rgba(214,229,248,.28);background:#04080c52;box-shadow:0 10px 28px #0000003d;overflow:hidden}.projects-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(214,229,248,.18);letter-spacing:.12em;color:#ebf3fff0;background:#ffffff08}.projects-dropdown-label{display:inline-block;font-size:1.05rem}.projects-dropdown-caret{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid rgba(235,243,255,.9)}.projects-dropdown-window{height:8.8rem;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,1) 14%,rgba(0,0,0,1) 86%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,1) 14%,rgba(0,0,0,1) 86%,transparent 100%)}.projects-dropdown-track{display:grid;animation:projectsDropdownScroll 14s linear infinite;animation-play-state:paused}.projects-section-shell.is-phase-active .projects-dropdown-track{animation-play-state:running}.projects-dropdown-item{padding:7px 14px;border-bottom:1px solid rgba(214,229,248,.08);color:#e0ecffeb;letter-spacing:.1em;line-height:1.1}@keyframes projectsDropdownScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (max-width: 720px){.projects-section-shell{width:min(90vw,36rem)}}.portfolio-flow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:28;pointer-events:none;perspective:3000px;transform-style:preserve-3d;transform:rotateX(0) rotateY(-15deg) rotate(0);perspective-origin:50% 50%}.flow-section{--flow-shift: 52px;--flow-shift-y: 0px;--flow-scale: .95;--flow-opacity: 0;--flow-blur: 3px;--flow-screen-x: 50vw;--flow-screen-y: 50vh;--flow-rot-x: 0deg;--flow-rot-y: 0deg;--flow-rot-z: 0deg;--flow-depth: -120px;--shell-shift-x: 0px;--shell-shift-y: 0px;--shell-shift-z: 0px;--shell-rot-x: 0deg;--shell-rot-y: 0deg;--shell-rot-z: 0deg;position:fixed;top:0;left:0;width:min(82vw,800px);margin:0;opacity:var(--flow-opacity);filter:blur(var(--flow-blur));pointer-events:none;transform:translate3d(var(--flow-screen-x),var(--flow-screen-y),0) translate(-50%,-50%) translate3d(var(--flow-shift),var(--flow-shift-y),0) translateZ(var(--flow-depth)) rotateX(var(--flow-rot-x)) rotateY(var(--flow-rot-y)) rotate(var(--flow-rot-z)) scale(var(--flow-scale));transform-style:preserve-3d;transform-origin:center center;will-change:transform,opacity,filter;transition:opacity .6s linear,transform .16s cubic-bezier(.22,.9,.24,1),filter .12s linear}.flow-section.is-flow-active{--flow-shift: 300px;--flow-scale: 1;--flow-opacity: 1;--flow-blur: 0px;pointer-events:auto}.sci-title{position:relative;letter-spacing:.11em;text-transform:uppercase;color:#e5f0fff5;text-shadow:0 0 12px rgba(146,193,255,.3),0 0 22px rgba(146,193,255,.15)}.sci-title:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;color:#a1cbff59;transform:translate(0);mix-blend-mode:overlay;animation:none;pointer-events:none}.sci-subtitle{color:#c5daffd9;letter-spacing:.07em}.sci-animated-copy{position:relative;color:#d0e2ffe6;letter-spacing:.05em;animation:none}.sci-chip-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.sci-chip{padding:5px 10px;border:1px solid rgba(180,210,255,.4);border-radius:999px;font-size:.95rem;color:#d5e8fff2;background:#0b142685}.sci-grid-list{display:grid;gap:8px}.sci-grid-list p{padding:8px 10px;border-left:2px solid rgba(176,209,255,.45);background:#0a101e73;color:#d5e6ffe6}.sci-timeline-row{position:relative;left:0;top:0;width:100%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;text-transform:uppercase;letter-spacing:.08em}.sci-timeline-row span{text-align:center;border:1px solid rgba(172,208,255,.35);padding:8px 6px;border-radius:8px;background:#0b132194;color:#dcecffe6}.timeline-section{top:var(--timeline-flat-top);left:var(--flow-left-rail);right:auto;--shell-rot-x: 0deg;--shell-rot-y: 0deg;width:min(32rem,calc(100vw - 48px));transform:none;transform-style:flat;perspective:none}.timeline-shell{position:relative;top:0;right:auto;padding:22px 22px 24px;border-radius:18px;border:1px solid rgba(176,209,255,.2);background:linear-gradient(180deg,#0a101ee6,#070b16c7);box-shadow:0 26px 72px #00000059}.timeline-decade-rail{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;margin:16px 0 18px}.timeline-decade-rail__year{padding:7px 6px;border-radius:999px;border:1px solid rgba(174,208,255,.22);background:#0a1222bd;text-align:center;font-size:.78rem;letter-spacing:.06em;color:#d2e5ffd1}.timeline-decade-rail__year.is-current{border-color:#d5e7ff7a;color:#f6fafffa;box-shadow:0 0 16px #78baff33}.timeline-manual-hook{display:grid;gap:4px;margin-bottom:18px;padding:12px 14px;border-left:2px solid rgba(0,0,0,.44);background:#0a101e85}.timeline-manual-hook__label{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#bedbffbd}.timeline-manual-hook__copy{margin:0;color:#d6e5f8d6}.about-systems-section{position:fixed;top:var(--about-flat-top);left:var(--flow-left-rail);right:auto;--shell-rot-x: 0deg;--shell-rot-y: 0deg;transform:none;transform-style:flat;perspective:none;width:min(32rem,calc(100vw - 48px))}.about-systems-shell{padding:22px 22px 24px;border-radius:18px;border:1px solid rgba(176,209,255,.2);background:linear-gradient(180deg,#0a101eeb,#070b16d1);box-shadow:0 26px 72px #00000059;display:grid;gap:16px;transform:none;transform-style:flat;transform-origin:center center}.about-systems-fallback{display:grid;gap:14px;padding:18px;border-radius:16px;border:1px solid rgba(174,208,255,.16);background:#0a12228f}.timeline-shell,.projects-section-card{transform:none;transform-style:flat;transform-origin:center center}.projects-section-card{transform:none}.about-systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.about-systems-panel{display:grid;gap:14px;padding:16px;border-radius:14px;border:1px solid rgba(174,208,255,.16);background:#0a12228f}.about-systems-panel__title{margin:0;letter-spacing:.12em;text-transform:uppercase;color:#ecf4fff5}.about-systems-list{display:grid;gap:10px}.about-systems-copy{margin:0;color:#d5e6ffe0;letter-spacing:.05em}.about-mutation-meta{display:flex;flex-wrap:wrap;gap:10px}.about-mutation-meta span{padding:5px 10px;border-radius:999px;border:1px solid rgba(180,210,255,.28);background:#0b142685;color:#d5e8fff2}.about-mutation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.about-mutation-stat{display:grid;gap:4px;padding:12px 10px;border-radius:12px;background:#070d19b3;border:1px solid rgba(174,208,255,.16);text-align:center}.about-mutation-stat strong{font-size:1.4rem;color:#f5f9fffa}.about-mutation-stat span{color:#d2e5ffd1;letter-spacing:.08em}.about-action-row,.about-link-list{display:flex;flex-wrap:wrap;gap:10px}.about-action-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid rgba(180,210,255,.35);background:#0b142685;color:#ecf4fff5;text-decoration:none;letter-spacing:.08em}.about-action-link:hover{background:#111e36b8}.about-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.about-media-card{margin:0;display:grid;gap:8px}.about-media-card img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;border:1px solid rgba(174,208,255,.18);background:#0003}.about-media-card figcaption{color:#d2e5ffd1;letter-spacing:.05em}.projection-overlay{position:fixed;left:0;top:0;display:none;z-index:52;transform-origin:0 0;will-change:transform,opacity;pointer-events:auto}.projection-overlay__panel{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(150,240,255,.35);box-shadow:inset 0 0 24px #148caa47,0 0 30px #22bbff29;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projection-overlay__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#8de8ff29,#0410180d 18%,#0410180d 82%,#8de8ff1f),repeating-linear-gradient(180deg,rgba(117,217,255,.09) 0 1px,transparent 1px 16px);pointer-events:none}.projection-overlay__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(164,235,255,.2),transparent 48%);opacity:.75;pointer-events:none}.projection-overlay__media,.projection-overlay__text{position:relative;z-index:1}.projection-overlay__feed{position:relative;z-index:1;flex:1 1 auto;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 90%,transparent 100%)}.projection-overlay__feed-track{display:grid;gap:18px;padding:18px 16px 22px;animation:projectionOverlayFeedScroll var(--projection-scroll-duration, 28s) linear infinite}.projection-overlay__feed-column{display:grid;gap:18px}.projection-overlay__feed-card{display:grid;gap:10px;padding:14px;border-radius:16px;border:1px solid rgba(151,233,255,.18);background:linear-gradient(180deg,#07111cd1,#050c149e);box-shadow:inset 0 0 14px #54ceff14}.projection-overlay__feed-eyebrow{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#ace8ffc7}.projection-overlay__feed-title{margin:0;font-size:1.2rem;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:#ebf7fffa}.projection-overlay__feed-copy,.projection-overlay__feed-caption{margin:0;color:#d6e9ffdb;font-size:.88rem;line-height:1.18;letter-spacing:.04em}.projection-overlay__feed-media{margin:0;display:grid;gap:8px}.projection-overlay__feed-image{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:12px;border:1px solid rgba(157,232,255,.24)}.projection-overlay__feed-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.projection-overlay__feed-stat{display:grid;gap:3px;padding:10px 8px;border-radius:12px;border:1px solid rgba(157,232,255,.16);background:#08111dbd;text-align:center}.projection-overlay__feed-stat strong{font-size:1rem;color:#f5fafffa}.projection-overlay__feed-stat span{color:#bce2ffd1;letter-spacing:.08em}.projection-overlay__feed-links{display:flex;flex-wrap:wrap;gap:8px}.projection-overlay__feed-link{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(165,234,255,.28);background:#0a1826b8;color:#ecf7fff5;font-size:.74rem;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.projection-overlay__feed-link:hover{background:#11263adb}@keyframes projectionOverlayFeedScroll{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 9px))}}.timeline-project-grid{top:20%;left:30%;display:grid;gap:14px}.timeline-project-card{top:0;left:30%;padding:16px;border-radius:16px;border:1px solid rgba(176,209,255,.16);background:radial-gradient(circle at top right,rgba(88,144,220,.12),transparent 34%),#080e1ac7}.timeline-project-card__header{display:grid;gap:4px;margin-bottom:8px}.timeline-project-card__title{margin:0;font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase;color:#edf4fff2}.timeline-project-card__trajectory{margin:0;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#b4d3ffb8}.timeline-project-card__horizon{margin:0 0 12px;color:#d6e5f8d6;line-height:1.55}.timeline-year-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.timeline-year-cell{display:grid;gap:6px;min-height:92px;padding:12px 10px;border-radius:12px;border:1px solid rgba(176,209,255,.14);background:#090f1bbf}.timeline-year-cell.is-current{border-color:#d0e5ff57;box-shadow:inset 0 0 0 1px #78baff1f}.timeline-year-cell__year{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#aed0ffb8}.timeline-year-cell__label{font-size:.9rem;line-height:1.38;color:#eaf3fff0}.resume-sheet{width:min(100%,720px);margin:0 auto;padding:18px;border-radius:10px;border:1px solid rgba(176,203,242,.46);background:#f5f9fff2;color:#122033;box-shadow:0 18px 40px #00000052}.resume-sheet h3,.resume-sheet h4{color:#0d1d33}.resume-sheet h4{margin-top:12px;margin-bottom:4px;letter-spacing:.02em}.resume-sheet p{color:#1a2b45;line-height:1.42}.resume-print-btn{margin-top:14px;border:0;border-radius:6px;padding:8px 14px;background:#1f3559;color:#f5f9ff;animation:none;cursor:pointer}.resume-print-btn:hover{background:#2b4a79}@keyframes sciDrift{0%,to{transform:translate(0);opacity:1}}@keyframes sciPulse{0%,to{text-shadow:0 0 0 rgba(131,192,255,0)}50%{text-shadow:0 0 12px rgba(131,192,255,.2)}}@keyframes emissionOrbit{0%{--emission-x: 30%;--emission-y: 70%}25%{--emission-x: 70%;--emission-y: 70%}50%{--emission-x: 70%;--emission-y: 30%}75%{--emission-x: 30%;--emission-y: 30%}to{--emission-x: 30%;--emission-y: 70%}}@keyframes typingReveal{0%{width:0}to{width:100%}}@media (max-width: 760px){:root{--flow-left-rail: 12px;--about-flat-top: 92px;--timeline-flat-top: 320px;--projects-flat-top: 540px}.flow-section{width:min(92vw,720px)}.about-systems-section,.timeline-section{--shell-rot-x: 0deg;--shell-rot-y: 0deg}#projects-section{--project-card-rot-x: 0deg;--project-card-rot-y: 0deg;--project-card-rot-z: 0deg}.about-systems-grid{grid-template-columns:1fr}.about-mutation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-media-grid{grid-template-columns:1fr}.sci-timeline-row{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-shell{padding:18px 16px 20px}.timeline-decade-rail{grid-template-columns:repeat(5,minmax(0,1fr))}.timeline-year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#background-canvas{position:fixed;top:0;left:0;width:var(--page-width);height:var(--page-height);transform:none;z-index:-1;pointer-events:none;overflow:hidden}.header-bar{background:#00000080;color:#fff;padding:15px 20px;font-size:1.5rem;width:100%;max-width:800px;text-align:center;cursor:none;display:flex;align-items:center;justify-content:space-between;transition:background-color .3s ease,transform .3s ease;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);border-radius:10px;box-shadow:0 14px 42px #00000073}.header-bar:hover{background:#00000094;transform:scale(1.01)}.container-Projects{background:#00000080;width:20%;transform:rotateY(0);perspective:1200px;max-width:400px;max-height:800px;margin:15px auto;padding:5px;border:3px solid rgba(255,255,255,.18);border-radius:10px;backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);box-shadow:0 14px 42px #00000073}.footer{text-align:center;width:min(92vw,760px);color:#d6d6d6;position:fixed;left:50%;bottom:12px;transform:translate(-50%);z-index:40;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1px;padding:0;border-radius:28px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.footer-segment{position:relative;min-width:52px;min-height:44px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;color:#a3acc3;text-decoration:none;background:#090e18b8;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 0 1px #a6dfff1f;transition:color .28s ease,transform .28s ease,background-color .28s ease,box-shadow .28s ease}.footer-segment:before,.footer-segment:after{content:"";position:absolute;left:12px;right:12px;height:1px;opacity:0;transition:opacity .28s ease,transform .28s ease;background:linear-gradient(90deg,#66b9ff00,#fff,#66b9ff00)}.footer-segment:before{top:0;transform:translateY(-2px)}.footer-segment:after{bottom:0;transform:translateY(2px)}.footer-segment:hover,.footer-segment:focus-visible{color:#fff;background:#132136e0;box-shadow:inset 0 0 0 1px #a6dfff2e;outline:none}.footer-segment:hover:before,.footer-segment:hover:after,.footer-segment:focus-visible:before,.footer-segment:focus-visible:after{opacity:1;transform:translateY(0)}.footer .mail-icon{font-size:1.2rem;line-height:1}.footer-segment img{width:18px;height:18px;display:block;filter:brightness(0) invert(1);opacity:.82;transition:opacity .28s ease,transform .28s ease}.footer-segment:hover img,.footer-segment:focus-visible img{opacity:1;transform:scale(1.08)}@media (max-width: 600px){.container{flex-direction:column}.bubbles-section{grid-template-columns:1fr}.footer{width:calc(100% - 24px);justify-content:center;flex-wrap:wrap;bottom:10px}}@media print{body{background:#fff;color:#111;overflow:visible;filter:none}#background-canvas,.hex-grid,.gradient-mask,#hex-overlay,#reticule,#sci-fi-menu,#site-footer,#experience-section,#archive-section,#resources-section,#timeline-section,#projects-section,#system-section{display:none!important}#resume-section{display:block!important;position:static!important;opacity:1!important;filter:none!important;transform:none!important;width:100%!important;left:0!important;top:0!important;margin:0!important;padding:0!important}.resume-sheet{box-shadow:none;border:1px solid #c5cfdb;background:#fff}.resume-print-btn{display:none}}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.image-protect{position:relative}.image-protect img{display:block}.image-protect:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff0}.projection-overlay{position:fixed;left:0;top:0;display:none;pointer-events:none;z-index:52;transform-origin:0 0;will-change:transform,opacity}.projection-overlay__panel{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:8px;overflow:hidden;border:1px solid rgba(150,240,255,.35);box-shadow:0 0 24px #148caa47 inset;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.projection-overlay__media{display:none;flex:1 1 auto;min-height:0}.projection-overlay__image{display:block;width:100%;height:100%;object-fit:cover}.projection-overlay__text{white-space:pre-wrap;text-wrap:balance;text-align:center;font-family:IBM Plex Sans,sans-serif;line-height:1.15;letter-spacing:.03em}body{cursor:none}#hex-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;pointer-events:none;overflow:hidden;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="17.32" viewBox="0 0 10 17.32"><path d="M2.5 0l5 0 2.5 4.33 -2.5 4.33 -5 0 -2.5 -4.33z M2.5 8.66l5 0 2.5 4.33 -2.5 4.33 -5 0 -2.5 -4.33z" fill="none" stroke="%23FFFFFF" stroke-width="0.5"/></svg>');background-size:1px 6px;mix-blend-mode:add;mask-image:radial-gradient(circle var(--hex-reveal-radius, 210px) at var(--x, 50%) var(--y, 50%),rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 34%,rgba(0,0,0,.58) 62%,rgba(0,0,0,0) 100%);-webkit-mask-image:radial-gradient(circle var(--hex-reveal-radius, 210px) at var(--x, 50%) var(--y, 50%),rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 34%,rgba(0,0,0,.58) 62%,rgba(0,0,0,0) 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:center center;mask-position:center center;transition:mask-position .04s ease,-webkit-mask-position .04s ease,mask-image .22s ease,-webkit-mask-image .22s ease}#reticule{position:fixed;top:50%;left:50%;width:80px;height:80px;transform:translate(-50%,-50%);pointer-events:none;z-index:2200}#reticule:before{content:"";position:absolute;top:50%;left:50%;width:240px;height:240px;transform:translate(-50%,-50%);pointer-events:none;opacity:.6;background:none;mix-blend-mode:screen;mask-image:radial-gradient(circle,#000,#000000e6,#0009,#00000040,#0000);-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 25%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.25) 75%,rgba(0,0,0,0) 100%);animation:reticuleNoiseDrift .75s steps(3) infinite}.center-dot{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background-color:#fffc;transform:translate(-50%,-50%)}.rotating-geometry{position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2.25px dashed rgba(255,255,255,.4);transform-origin:center}.geometry-1{transform:translate(-50%,-50%) rotate(0);animation:rotateClockwise 24s linear infinite}.geometry-2{transform:translate(-50%,-50%) rotate(360deg);animation:rotateCounterClockwise 48s linear infinite}@keyframes rotateClockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotateCounterClockwise{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}#reticule.click-effect:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:#ffffff4d;transform:translate(-50%,-50%) scale(1);animation:pulse .4s ease-out;-webkit-mask-image:radial-gradient(circle var(--hex-reveal-radius, 210px) at var(--x, 50%) var(--y, 50%),rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 34%,rgba(0,0,0,.58) 62%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle var(--hex-reveal-radius, 210px) at var(--x, 50%) var(--y, 50%),rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 34%,rgba(0,0,0,.58) 62%,rgba(0,0,0,0) 100%)}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}#reticule.hovered{transform:translate(-50%,-50%) scale(1.08);background:transparent;-webkit-mask-image:radial-gradient(circle var(--reticule-hovered-radius, 210px) at var(--x, 50%) var(--y, 50%),rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 10%,rgba(0,0,0,.58) 20%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle var(--reticule-hovered-radius, 210px) at var(--x, 50%) var(--y, 50%),rgba(0,0,0,1) 0%,rgba(0,0,0,.95) 10%,rgba(0,0,0,.58) 20%,rgba(0,0,0,0) 100%);transition:transform .1s ease,box-shadow .1s ease;box-shadow:0 0 12px #ffffff9e,0 0 24px #ffffff52,0 0 38px #add2ff3d}#reticule.hovered .geometry-1,#reticule.hovered .geometry-2{border-color:#c2c2c2cc;transform:translate(-50%,-50%) scale(1.06);transition:border-color .2s ease,transform .2s ease}@keyframes reticuleNoiseDrift{0%{transform:translate(-50%,-50%) translate(0)}33%{transform:translate(-50%,-50%) translate(-2px,1px)}66%{transform:translate(-50%,-50%) translate(2px,-1px)}to{transform:translate(-50%,-50%) translate(0)}}.selectable-item:hover{cursor:none}@media (pointer: coarse){body{cursor:none}}body{overflow-x:hidden}html,body{overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.sci-fi-menu{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:1000;perspective:1200px}.sci-fi-menu:before,.sci-fi-menu:after{content:"";position:absolute;top:6px;bottom:6px;width:1px;pointer-events:none;background:linear-gradient(180deg,#a8cbff00,#a8cbffb8 14%,#a8cbffd1,#a8cbffb8 86%,#a8cbff00);box-shadow:0 0 8px #a8cbff59}.sci-fi-menu:before{left:-16px}.sci-fi-menu:after{left:-11px;opacity:.7}.menu-rail-ticks{position:absolute;left:-29px;top:50%;width:12px;height:300vh;transform:translateY(-50%);pointer-events:none;--rail-speed-primary: 9s;--rail-speed-secondary: 11s;--rail-dir-primary: normal;--rail-dir-secondary: normal}.menu-rail-ticks:before,.menu-rail-ticks:after{content:"";position:absolute;top:0;bottom:0;width:5px;background-image:repeating-linear-gradient(180deg,#bad8fff5 0,#bad8fff5 1px,#bad8ff00 1px,#bad8ff00 6px),repeating-linear-gradient(37deg,#ffffff24 0,#ffffff24 1px,#fff0 1px,#fff0 4px,#b4d6ff1c 4px,#b4d6ff1c 5px,#b4d6ff00 5px,#b4d6ff00 9px);background-size:100% 6px,11px 13px;background-position:0 0,0 0;background-blend-mode:screen;box-shadow:0 0 6px #adceff59;filter:contrast(1.16) brightness(1.08);mask-image:linear-gradient(180deg,#0000,#000 18%,#000 82%,#0000);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 18%,rgba(0,0,0,1) 82%,rgba(0,0,0,0) 100%)}.menu-rail-ticks:before{left:0;animation:railTickerUp var(--rail-speed-primary) linear infinite,railNoiseFlicker .42s steps(4) infinite;animation-direction:var(--rail-dir-primary)}.menu-rail-ticks:after{left:7px;opacity:.78;animation:railTickerDown var(--rail-speed-secondary) linear infinite,railNoiseFlicker .5s steps(5) infinite;animation-direction:var(--rail-dir-secondary)}@keyframes railTickerUp{0%{background-position:0 0,0 0}to{background-position:0 -180px,-11px -240px}}@keyframes railTickerDown{0%{background-position:0 -180px,-8px -220px}to{background-position:0 0,0 0}}@keyframes railNoiseFlicker{0%{opacity:.68}33%{opacity:.9}66%{opacity:.76}to{opacity:.84}}.menu-panel{display:grid;grid-template-columns:1fr;gap:12px;padding:16px;border-radius:12px;border:1px solid rgba(173,198,242,.25);background:linear-gradient(160deg,#090e1ad1,#05081094);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform:rotateY(-45deg);transform-style:preserve-3d;transition:all .35s cubic-bezier(0,0,0,1)}.sci-fi-menu:hover .menu-panel{transform:rotateX(35deg);background:linear-gradient(160deg,#14203ce0,#0a0f1ea6);border-color:#adc6f266}.menu-item{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#050a1499;border:1px solid rgba(173,198,242,.2);border-radius:6px;color:#ebf4ffe0;font-family:Teko,sans-serif;font-size:14px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all .24s ease,transform .2s ease;position:relative}.menu-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6px;background:radial-gradient(circle at center,rgba(168,203,255,.15) 0%,transparent 70%);opacity:0;transition:opacity .24s ease;pointer-events:none}.menu-item:hover{background:#0f192dd9;border-color:#adc6f273;transform:translate(-4px);box-shadow:0 0 16px #82c4ff33}.menu-item:hover:before{opacity:1}.menu-item.is-active{background:#192846e6;border-color:#adc6f299;color:#c4e2ff;text-shadow:0 0 10px rgba(130,196,255,.3);transform:translate(-6px)}.menu-diamond{display:inline-block;width:8px;height:8px;background:#a8cbffb3;transform:rotate(45deg);border-radius:1px;transition:all .24s ease;box-shadow:0 0 6px #a8cbff66}.menu-item:hover .menu-diamond,.menu-item.is-active .menu-diamond{background:#c8e6ff;box-shadow:0 0 12px #a8cbffcc}.menu-label{flex:1;white-space:nowrap}.menu-timeline-panel{margin-top:14px;width:min(32vw,280px);padding:14px 14px 12px;max-height:0;border-radius:14px;border:0 solid rgba(173,198,242,.22);background:linear-gradient(180deg,#080c18e6,#060a14b8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 42px #0000004d;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden;transform:translateY(-12px);transition:opacity .24s ease,transform .24s ease,max-height .28s ease,margin-top .24s ease,padding-top .24s ease,padding-bottom .24s ease,border-width .24s ease}.sci-fi-menu.is-timeline-panel-open .menu-timeline-panel{max-height:420px;border-width:1px;opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)}.sci-fi-menu:not(.is-timeline-panel-open) .menu-timeline-panel{margin-top:0;padding-top:0;padding-bottom:0}.menu-timeline-panel__eyebrow{font-family:Teko,sans-serif;font-size:.9rem;letter-spacing:.18em;text-transform:uppercase;color:#b1d1ffb3}.menu-timeline-panel__title{margin:3px 0 6px;font-family:Teko,sans-serif;font-size:1.55rem;letter-spacing:.08em;text-transform:uppercase;color:#ebf4fff5}.menu-timeline-panel__copy{margin:0 0 10px;font-size:.76rem;line-height:1.45;color:#cddff9c7}.menu-timeline-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:10px}.menu-timeline-rail__year{padding:4px 0;border-radius:999px;border:1px solid rgba(173,198,242,.18);background:#070e1cb8;font-size:.62rem;text-align:center;color:#d0e4ffb8}.menu-timeline-rail__year.is-current{border-color:#cde3ff7a;color:#f0f7fff5;box-shadow:0 0 12px #7bbbff2e}.menu-timeline-projects{display:grid;gap:8px}.menu-timeline-projects-viewport{position:relative;height:182px;overflow:hidden;mask-image:linear-gradient(180deg,#0000,#000000f5 12%,#000000f5 80%,#0000);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.96) 12%,rgba(0,0,0,.96) 80%,rgba(0,0,0,0) 100%)}.menu-timeline-projects-track{display:grid;gap:8px;animation:menuTimelineAutoScroll 26s linear infinite;will-change:transform}.sci-fi-menu.is-timeline-panel-open .menu-timeline-projects-viewport:hover .menu-timeline-projects-track{animation-play-state:paused}.menu-timeline-project{padding:9px 10px;border-radius:10px;background:#080e1ba8;border:1px solid rgba(173,198,242,.14)}.menu-timeline-project__name{font-family:Teko,sans-serif;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:#e9f2fff0}.menu-timeline-project__trajectory{margin-top:2px;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#b1d0f9b8}.menu-timeline-project__arc{margin-top:5px;font-size:.71rem;line-height:1.45;color:#d3e4fad6}@keyframes menuTimelineAutoScroll{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 4px))}}@media (max-width: 980px){.menu-timeline-panel{width:min(38vw,240px)}.menu-item{font-size:13px;padding:9px 12px;gap:6px}.menu-diamond{width:7px;height:7px}}@media (max-width: 700px){.sci-fi-menu{right:10px}.menu-rail-ticks{left:-23px;width:10px}.menu-rail-ticks:after{left:5px}.sci-fi-menu:before{left:-12px}.sci-fi-menu:after{left:-8px}.menu-panel{gap:8px;padding:12px;transform:rotateX(30deg)}.menu-timeline-panel{width:min(52vw,200px);padding:11px 11px 10px}.sci-fi-menu.is-timeline-panel-open .menu-timeline-panel{max-height:360px}.menu-timeline-panel__title{font-size:1.2rem}.menu-timeline-panel__copy,.menu-timeline-project__arc{font-size:.66rem}.sci-fi-menu:hover .menu-panel{transform:rotateX(25deg)}.menu-item{font-size:12px;padding:8px 10px;gap:5px}.menu-diamond{width:6px;height:6px}.menu-timeline-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-timeline-projects-viewport{height:146px}}.container{background:#00000080;width:90%;max-width:800px;margin-top:15px;padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:10px;backdrop-filter:blur(12px) saturate(130%);-webkit-backdrop-filter:blur(12px) saturate(130%);box-shadow:0 14px 42px #00000073;opacity:0;max-height:0;overflow:hidden;transform-origin:top;transition:opacity .4s ease,max-height .4s ease}.container.show{opacity:1;max-height:300px}.flowchart-container{width:80%;margin:0 auto;padding:20px;background:linear-gradient(to right,#000c,#0000);border-radius:8px;color:#fff;font-family:Teko,sans-serif;overflow:hidden;position:absolute;top:85%}.container-1{width:80%;margin:0 auto;padding:20px;background:linear-gradient(to right,#000c,#0000);border-radius:8px;color:#fff;font-family:Teko,sans-serif;overflow:hidden;position:absolute;left:20px;top:2400px}.container-2{width:80%;margin:0 auto;padding:20px;background:linear-gradient(to right,#000c,#0000);border-radius:8px;color:#fff;font-family:Teko,sans-serif;overflow:hidden;position:absolute;left:0;bottom:-4600px}.flowchart-step{font-size:1.2em;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.flowchart-step.typing{color:#fff;background:linear-gradient(90deg,#fff,#ffffffa6,#dfdfdf4b,#00000054);background-clip:text;-webkit-background-clip:text;color:transparent;animation:typing 3s steps(30) sideways}@keyframes typing{0%{width:0%}to{width:100%}}@media (max-width: 600px){.flow-chart-container{flex-direction:column}.bubbles-section{grid-template-columns:1fr}}.flowchart-step.lazy-load{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.bubbles-section{position:relative;display:table-row;grid-template-columns:1fr 1fr;gap:100px;width:100%;max-width:400px;padding:20px}.bubble{position:absolute;background:#ffffff1a;color:#fff;padding:15px;border:1px solid rgba(255,255,255,.3);border-radius:8px;box-shadow:0 4px 8px #00000080;margin:0 auto 30px;max-width:500px;opacity:0;transition:opacity .5s ease,transform .5s ease}.typing{overflow:hidden;white-space:pre-wrap;animation:typing 1s steps(30) forwards;border-right:2px solid;border-end-end-radius:0px;transition:opacity .5s ease,transform .5s ease-out;gap:30px;border-spacing:30px;text-wrap:nowrap;display:-webkit-flexbox;transition-property:ease-out}@keyframes typing{0%{width:0}to{width:100%}}#bubble-1{align-self:flex-start;top:800%;left:100%}#bubble-2{align-self:center;top:1650%;right:0%}#bubble-3{align-self:flex-end;top:4300%;right:100%}.bubble[data-scroll=true]{opacity:1;transform:translateY(30)}#face-simulation-section{position:relative;width:min(1100px,94vw);margin:clamp(48px,10vh,140px) auto;padding:clamp(14px,2.8vw,28px);border:1px solid rgba(255,255,255,.35);border-radius:14px;background:radial-gradient(circle at 15% 20%,rgba(92,140,255,.14),transparent 46%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.08),transparent 45%),#05080dd1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;grid-template-columns:1fr;gap:14px;overflow:hidden}#face-simulation-section.is-hidden{display:none}.face-sim-copy h2{color:#d9e8ff;margin-bottom:6px;letter-spacing:.04em}.face-sim-copy p{color:#e6eeffbf;font-size:1.02rem}.face-sim-stage{position:relative;isolation:isolate;width:100%;min-height:clamp(320px,55vh,620px);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.25);background:linear-gradient(180deg,#080c1473,#07090e61),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 24px)}.face-sim-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,#ebf5ff47,#ebf5ff47 1px,#0000 1px,#0000 14px);mask-image:linear-gradient(to right,#0000,#000 22%,#000 78%,#0000);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 22%,rgba(0,0,0,1) 78%,rgba(0,0,0,0) 100%);animation:scanLines 6.5s linear infinite;z-index:3}.face-sim-stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:1}#face-simulation-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/wcAAwAB/IoDFZsAAAAASUVORK5CYII=);opacity:.2;mix-blend-mode:screen;animation:noiseOscillation .5s infinite steps(2);z-index:2}#face-simulation-container[data-model-status=loading]:after,#face-simulation-container[data-model-status=error]:after{content:"Loading model...";position:absolute;inset:auto 0 12px 0;text-align:center;color:#dce7ffd1;font-size:.95rem;letter-spacing:.05em;pointer-events:none}#face-simulation-container[data-model-status=error]:after{content:"Model not found or failed to load. Check data-model-src path.";color:#ffbfbfe6}@keyframes noiseOscillation{0%{transform:translate(0)}to{transform:translate(1px,1px)}}@keyframes scanLines{0%{background-position:0 0}to{background-position:0 70px}}@media (max-width: 900px){#face-simulation-section{width:min(96vw,720px);margin:48px auto;padding:14px}}.container{padding:20px;font-family:Teko,sans-serif;color:#333;background-color:#f9f9f9;border-radius:8px;max-width:800px;margin:0 auto}.container h2{font-size:1.5rem;margin-bottom:10px;color:#444}.container h3{font-size:1.25rem;margin:10px 0 5px}.container p{margin:5px 0;font-size:1rem;line-height:1.6}.container ul{list-style-type:disc;margin-left:20px}.container ul li{margin:5px 0}.container a{color:#0073e6;text-decoration:none}.container a:hover{text-decoration:underline}