:root{--bg: #f5efe6;--bg-muted: #f1e5d5;--surface: #e9ded0;--surface-dark: #dfd2bf;--ink: #2d2a24;--muted: #5f5646;--orange: #ff8400;--orange-hover: #ff9633;--navy: #052e87;--blue: #234ba2;--deep: #002474;--cyan: #34bfff;--cyan-dark: #0086bb;--holo: #e1f5ff;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "Urbanist", Arial, sans-serif;color:var(--ink);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--bg)}body{margin:0;min-width:320px;overflow-x:hidden;background:var(--bg)}button,a{color:inherit;font:inherit}button{border:0;cursor:pointer}a{text-decoration:none}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:12px 16px;border-radius:99px;background:var(--orange);transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}.mono{font:500 .72rem/1.4 var(--mono);letter-spacing:.08em}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font:600 .68rem/1 var(--mono);letter-spacing:.12em}.eyebrow:before{width:7px;height:7px;border-radius:50%;background:var(--orange);content:""}.accent-dot{color:var(--orange)}.site-shell{min-height:100vh;opacity:0;transition:opacity .7s ease}.site-shell--ready{opacity:1}.network-canvas{position:fixed;z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.92}.ambient-grain{position:fixed;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");mix-blend-mode:multiply}.app-header{position:fixed;z-index:20;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:96px;padding:0 32px;color:var(--ink);transition:color .35s}.app-header--dark{color:var(--holo)}.brand-mark{display:inline-flex;align-items:center;gap:9px;justify-self:start;min-height:44px;padding:5px 12px 5px 5px;border-radius:99px;background:transparent;font-weight:900;letter-spacing:-.04em}.brand-mark svg{width:35px;height:35px;padding:7px;border-radius:50%;background:var(--navy);fill:none;stroke:var(--cyan);stroke-width:2.2;transition:transform .25s}.brand-mark:hover svg{transform:rotate(15deg)}.segmented-nav{position:relative;display:flex;width:480px;padding:4px;border-radius:100px;background:#e9ded0e6;box-shadow:0 8px 26px #2d2a240f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header--dark .segmented-nav{background:#052e87e6}.segmented-nav button{position:relative;z-index:1;width:25%;height:38px;border-radius:99px;background:transparent;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transition:color .35s}.app-header--dark .segmented-nav button{color:#a6c5e9}.segmented-nav button.active{color:var(--ink)}.app-header--dark .segmented-nav button.active{color:var(--holo)}.segmented-nav__indicator{position:absolute;top:4px;left:4px;width:calc(25% - 3px);height:38px;border-radius:99px;background:var(--bg);transition:transform .5s cubic-bezier(.6,0,.25,1),background .35s}.app-header--dark .segmented-nav__indicator{background:var(--blue);box-shadow:inset 0 0 0 1px #34bfff85}.header-actions{display:flex;align-items:center;gap:10px;justify-self:end}.header-cta{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 17px 0 20px;border-radius:100px;background:var(--orange);color:#241b11;font-size:.68rem;font-weight:900;letter-spacing:.1em;transition:background .2s,transform .2s}.header-cta:hover{background:var(--orange-hover);transform:translateY(-2px)}.sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid rgba(45,42,36,.22);border-radius:50%;background:#f5efe6a6}.sound-toggle:disabled{cursor:not-allowed;opacity:.58}.app-header--dark .sound-toggle{border-color:#e1f5ff57;background:#052e8773}.sound-bars{display:flex;align-items:center;gap:2px;height:13px}.sound-bars i{display:block;width:2px;height:5px;background:currentColor}.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:8px}.sound-bars i:nth-child(4){height:4px}.hero,.projects-section,.experience-section,.contact-section{position:relative;z-index:2}.section-frame{min-height:100vh;padding:32px}.hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;padding-bottom:clamp(70px,12vh,150px);overflow:hidden}.hero__intro{position:absolute;top:142px;left:32px;right:32px;display:flex;justify-content:space-between}.hero__core-note{color:var(--muted)}.hero__core-note b{margin-left:8px;color:var(--cyan-dark);font-weight:600}.hero__content{position:relative;max-width:750px;margin-left:clamp(5vw,10vw,12vw)}.hero__kicker{margin:0 0 14px;color:var(--muted);font:500 .82rem var(--mono);letter-spacing:.04em}.hero__title{margin:0;font-size:clamp(4.5rem,8.2vw,8.3rem);font-weight:900;letter-spacing:-.085em;line-height:.88}.hero__name-line{display:block}.hero__title sup{position:relative;top:-.8em;margin-left:.2em;color:var(--orange);font-size:.16em;letter-spacing:0}.role-sticker{display:inline-flex;align-items:center;min-height:40px;padding:0 17px;transform:rotate(-5deg);background:var(--navy);color:#f8f2e9;font-size:.66rem;font-weight:900;letter-spacing:.13em}.hero__sticker{position:relative;top:18px;left:4px}.role-sticker--small{margin:0 0 12px 8px;min-height:31px;padding-inline:13px;font-size:.58rem}.hero__aside{position:absolute;right:32px;bottom:115px;display:flex;align-items:center;gap:15px;color:var(--muted)}.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.6rem;letter-spacing:.14em}.hero__aside-line{width:1px;height:90px;background:var(--orange)}.hero__orb{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.hero__orb--one{width:26vw;height:26vw;top:12%;right:13%;background:radial-gradient(circle at 30% 30%,rgba(52,191,255,.1),transparent 65%)}.hero__orb--two{width:24vw;height:24vw;bottom:3%;left:-8%;background:radial-gradient(circle,rgba(255,132,0,.07),transparent 65%)}.scroll-cue{position:absolute;bottom:30px;left:50%;display:flex;align-items:center;gap:10px;padding:10px;color:var(--muted);background:transparent;transform:translate(-50%);animation:bob 2s ease-in-out infinite}.scroll-cue:hover{color:var(--orange)}.scroll-cue .mono{font-size:.58rem}@keyframes bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,5px)}}.about-section{position:relative;z-index:3;height:280vh;background:var(--navy);color:var(--holo);border-radius:48px 48px 0 0}.about-stage{position:sticky;top:0;display:flex;align-items:center;justify-content:center;height:100vh;min-height:620px;overflow:hidden}.about-stage:before,.about-stage:after{display:none}.about-stage__header,.about-stage__footer{position:absolute;z-index:3;left:32px;right:32px;display:flex;justify-content:space-between}.about-stage__header{top:34px}.about-stage__footer{bottom:32px;color:#e1f5ff80}.about-stage__header .eyebrow{color:#a6c5e9}.about-stage__counter{color:var(--cyan)}.about-stage__counter i{padding:0 7px;color:#e1f5ff66;font-style:normal}.about-stage__object{position:absolute;z-index:1;width:min(36vw,440px);aspect-ratio:1;border-radius:42% 58% 52% 48%;background:radial-gradient(circle at 36% 28%,#f9f3e9 0,#f9f3e9 11%,#d7c9b7 12%,#d7c9b7 26%,#1c4aa0 27%,#1c4aa0 62%,#072e85 68%);box-shadow:0 0 0 1px #34bfffcc,0 0 60px #34bfff33,inset -25px -30px 60px #00247499;transform:rotate(-14deg)}.about-stage__object:after{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:1px dashed rgba(52,191,255,.6);border-radius:50%;content:"";animation:spin 16s linear infinite}.object-ring{position:absolute;border:1px solid rgba(52,191,255,.7);border-radius:50%}.object-ring--a{top:-15%;right:-15%;bottom:-15%;left:-15%;transform:rotate(45deg) scaleY(.32)}.object-ring--b{top:-25%;right:-25%;bottom:-25%;left:-25%;transform:rotate(-38deg) scaleY(.2);border-color:#e1f5ff57}.object-core-dot{position:absolute;top:27%;right:22%;width:15px;height:15px;border:3px solid var(--navy);border-radius:50%;background:var(--orange);box-shadow:0 0 20px var(--orange)}@keyframes spin{to{transform:rotate(360deg)}}.holo-panel{position:absolute;z-index:2;width:min(310px,28vw);padding:20px 22px;border:1px solid rgba(52,191,255,.48);border-radius:14px;background:linear-gradient(135deg,#083d9ed1,#052e8757);box-shadow:0 0 24px #34bfff17,inset 0 0 22px #34bfff0f;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .65s cubic-bezier(.6,0,.25,1)}.holo-panel--visible{opacity:1;transform:translateY(0)}.holo-panel:after{position:absolute;top:-1px;left:38px;width:32px;height:1px;background:var(--cyan);content:"";box-shadow:0 0 12px var(--cyan)}.holo-line{position:absolute;width:90px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.holo-panel--identity{top:23%;left:12%}.holo-panel--identity .holo-line{top:50%;left:100%;transform:rotate(13deg);transform-origin:left}.holo-panel--description{bottom:23%;left:17%;width:min(350px,31vw)}.holo-panel--description .holo-line{top:23%;left:100%;transform:rotate(-15deg);transform-origin:left}.holo-panel--skills{top:25%;right:10%;width:min(360px,31vw)}.holo-panel--skills .holo-line{top:62%;right:100%;transform:rotate(13deg);transform-origin:right}.holo-panel .mono{display:block;color:var(--cyan);font-size:.6rem}.holo-panel h2{margin:16px 0 10px;font-size:2.1rem;letter-spacing:-.06em}.holo-panel p{margin:10px 0 0;color:#d7ecf9;font:500 .84rem/1.55 var(--mono)}.holo-panel p svg{vertical-align:-2px;margin-right:5px;color:var(--cyan)}.holo-panel small{display:block;margin-top:20px;color:#e1f5ff80;font-size:.56rem}.holo-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px;margin:15px 0 0;padding:0;list-style:none;color:#d7ecf9;font:500 .69rem/1.35 var(--mono)}.holo-panel li:before{margin-right:7px;color:var(--orange);content:"↳"}.projects-section{padding:100px 32px 150px;background:var(--bg);border-radius:48px 48px 0 0}.section-notch{position:absolute;top:-1px;width:90px;height:90px;background:var(--navy)}.section-notch--left{left:0;border-radius:0 0 90px}.section-notch--right{right:0;border-radius:0 0 0 90px}.projects-section__intro{display:flex;align-items:flex-end;justify-content:space-between;max-width:900px;margin:0 auto 74px}.projects-section h2{margin:0;font-size:clamp(4rem,7vw,6.5rem);line-height:.82;letter-spacing:-.09em}.section-side-copy{margin:0 0 4px;color:var(--muted);font:500 .75rem/1.6 var(--mono);text-align:right}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,416px));justify-content:center;gap:72px 30px}.project-card{min-width:0}.project-card__button{position:relative;display:block;width:100%;padding:0;border-radius:16px;background:transparent;text-align:left}.project-card__button:before{position:absolute;z-index:-1;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:22px;background:var(--surface);opacity:0;transform:scale(.96);transition:opacity .2s,transform .25s;content:""}.project-card__button:hover:before{opacity:1;transform:scale(1)}.project-card__button:hover .project-visual{transform:scale(1.018)}.project-card__button:hover .project-card__arrow{opacity:1;transform:translate(0) rotate(-45deg)}.project-card__arrow{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--orange);color:var(--ink);opacity:0;transform:translate(10px,10px);transition:opacity .2s,transform .25s}.project-card__copy{margin:18px 1px 0}.project-card__copy h3{margin:0 0 5px;font-size:1.18rem;letter-spacing:-.04em}.project-card__copy p{margin:0;color:var(--muted);font:500 .72rem var(--mono)}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.project-tags span{padding:6px 9px;border-radius:99px;background:var(--surface);color:var(--muted);font:500 .58rem var(--mono)}.project-card--start .project-card__button{border:1px dashed rgba(45,42,36,.34)}.project-card--start .project-card__button:hover{border-color:var(--orange)}.project-card--start .project-card__arrow{opacity:1;background:var(--navy);color:var(--orange);transform:translate(0)}.project-card--start .project-card__button:hover .project-card__arrow{background:var(--orange);color:var(--ink)}.project-visual{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:var(--navy);transition:transform .22s cubic-bezier(.6,0,.25,1)}.project-visual--orange{background:#143675}.project-visual--cyan{background:#063f80}.project-visual--ink{background:#272d37}.visual-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:28px 28px}.visual-label{position:absolute;z-index:2;top:18px;left:19px;color:#ffffffb8;font:500 .55rem var(--mono);letter-spacing:.1em}.pulse-orb{position:absolute;width:12px;height:12px;border:3px solid var(--cyan);border-radius:50%;background:var(--navy);box-shadow:0 0 0 7px #34bfff14,0 0 14px var(--cyan)}.orb-a{left:23%;top:38%}.orb-b{left:58%;top:26%}.orb-c{left:70%;top:68%;border-color:var(--orange);box-shadow:0 0 0 7px #ff840014,0 0 14px var(--orange)}.topology-lines i{position:absolute;height:1px;background:#34bfffbf;transform-origin:left}.topology-lines i:nth-child(1){left:25%;top:41%;width:37%;transform:rotate(-24deg)}.topology-lines i:nth-child(2){left:59%;top:30%;width:15%;transform:rotate(75deg)}.topology-lines i:nth-child(3){left:26%;top:42%;width:46%;transform:rotate(21deg)}.topology-lines i:nth-child(4){left:70%;top:68%;width:26%;transform:rotate(160deg)}.terminal-card{position:absolute;right:8%;bottom:12%;display:grid;gap:6px;min-width:53%;padding:14px;border:1px solid rgba(52,191,255,.38);border-radius:8px;background:#031f55cc;color:var(--holo);font:.59rem var(--mono)}.terminal-card small{color:#e1f5ff99}.trace-map{position:absolute;top:30%;left:11%;width:78%;height:32%;border-bottom:1px solid rgba(52,191,255,.8)}.trace-map:before{position:absolute;top:0;right:0;bottom:0;left:0;border-top:1px dashed rgba(52,191,255,.32);border-bottom:1px dashed rgba(52,191,255,.32);content:""}.trace-map i{position:absolute;bottom:0;left:calc(var(--i) * 18%);width:1px;height:calc(20% + var(--i) * 11%);background:var(--orange);transform:rotate(calc(var(--i) * 4deg));transform-origin:bottom}.route-list{position:absolute;bottom:14%;left:12%;display:grid;gap:6px;width:55%;color:#ffffffb8;font:.57rem var(--mono)}.route-list span{display:flex;justify-content:space-between;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.13)}.route-list b{color:var(--cyan);font-weight:500}.chart-bars{position:absolute;right:10%;bottom:19%;left:10%;display:flex;align-items:end;gap:5px;height:43%;border-bottom:1px solid rgba(255,255,255,.35)}.chart-bars i{flex:1;min-height:12%;border-radius:3px 3px 0 0;background:linear-gradient(var(--cyan),#0973b8)}.chart-bars i:nth-child(3n){background:var(--orange)}.metric-big{position:absolute;top:28%;left:11%;color:#fff;font-size:2.3rem;font-weight:800;letter-spacing:-.07em}.metric-big small{font:.62rem var(--mono);letter-spacing:0}.metric-rule{position:absolute;top:22%;right:10%;width:32px;height:4px;background:var(--orange)}.signal-ring{position:absolute;top:29%;left:19%;width:140px;aspect-ratio:1;border:1px solid rgba(52,191,255,.7);border-radius:50%}.signal-ring:before,.signal-ring:after{position:absolute;top:19%;right:19%;bottom:19%;left:19%;border:1px solid rgba(52,191,255,.52);border-radius:50%;content:""}.signal-ring:after{top:39%;right:39%;bottom:39%;left:39%;border-color:var(--orange)}.signal-ring i{position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:50%;background:var(--cyan);transform-origin:0 0}.signal-ring i:nth-child(1){transform:rotate(40deg) translate(61px)}.signal-ring i:nth-child(2){transform:rotate(172deg) translate(62px)}.signal-ring i:nth-child(3){transform:rotate(280deg) translate(62px)}.alarm-stack{position:absolute;top:35%;right:12%;display:grid;gap:7px;color:#fff;font-family:var(--mono)}.alarm-stack b{font-size:.58rem;color:var(--cyan)}.alarm-stack span{font-size:1.7rem;font-weight:500}.alarm-stack em{color:var(--orange);font-size:.58rem;font-style:normal}.tiny-pill,.status-chip{position:absolute;right:11%;bottom:16%;padding:7px 10px;border:1px solid rgba(255,255,255,.2);border-radius:99px;color:#ffffffbf;font:.53rem var(--mono)}.vendor-row{position:absolute;top:31%;left:11%;display:flex;gap:10px}.vendor-row b{display:grid;place-items:center;width:37px;height:37px;border:1px solid rgba(52,191,255,.6);border-radius:50%;color:var(--cyan);font-size:1.3rem}.vendor-row b:nth-child(2){color:var(--orange);border-color:#ff8400b3}.ont-console{position:absolute;right:10%;bottom:18%;display:grid;gap:8px;width:54%;padding:13px;border:1px solid rgba(225,245,255,.26);border-radius:8px;color:#fff;font:.58rem var(--mono)}.ont-console small{color:#ffffff85}.ont-console i{display:block;width:85%;height:3px;background:var(--cyan);border-radius:99px}.ont-console i:nth-of-type(2){width:62%;background:var(--orange)}.ont-console i:nth-of-type(3){width:74%}.status-chip{left:11%;right:auto;color:var(--cyan)}.new-project-plus{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.new-project-plus span{position:absolute;width:44px;height:2px;background:var(--orange)}.new-project-plus span:first-child{transform:rotate(90deg)}.contact-section{min-height:100vh;padding:100px 10vw 70px;background:var(--surface);border-radius:48px 48px 0 0}.contact-section__top,.contact-section__bottom{display:flex;justify-content:space-between;align-items:center}.contact-section__top>.mono{color:var(--muted);font-size:.58rem}.contact-section__main{display:flex;justify-content:space-between;align-items:center;min-height:58vh}.contact-section h2{margin:0;font-size:clamp(4rem,7.3vw,7.6rem);line-height:.86;letter-spacing:-.09em}.contact-section h2 em{color:var(--orange);font-style:normal}.contact-section__main p{max-width:330px;margin:28px 0 0;color:var(--muted);font:500 .78rem/1.55 var(--mono)}.contact-section__signal{display:grid;justify-items:center;gap:16px;margin-right:11vw;color:var(--muted)}.signal-dot{width:110px;height:110px;border:1px solid rgba(0,134,187,.45);border-radius:50%;background:radial-gradient(circle,var(--orange) 0 5%,rgba(255,132,0,.14) 6% 22%,transparent 23%);box-shadow:0 0 0 20px #ff84000a,0 0 0 42px #ff840006;animation:signalPulse 2.8s ease-out infinite}.contact-section__bottom{padding-top:22px;border-top:1px solid rgba(45,42,36,.2)}.social-links{display:flex;flex-wrap:wrap;gap:10px}.social-links a,.message-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:99px;color:var(--muted);background:#f5efe694;font-size:.72rem;font-weight:700}.social-links a:hover,.message-link:hover{color:var(--ink);background:var(--orange)}.message-link{padding-inline:0;background:transparent;color:var(--ink)}.message-link svg{color:var(--orange)}.empty-contact{color:#5f56469e;font-size:.58rem}@keyframes signalPulse{0%,to{transform:scale(.92);opacity:.72}50%{transform:scale(1.04);opacity:1}}.app-footer{position:relative;z-index:3;min-height:180px;padding:32px;background:var(--bg);color:var(--muted)}.footer__top,.footer__bottom{display:flex;align-items:center;justify-content:space-between}.footer__top{padding-bottom:38px}.back-top{display:grid;place-items:center;width:45px;height:45px;border:1px solid rgba(45,42,36,.25);border-radius:50%;background:transparent;font-size:1.3rem;transition:transform .2s,background .2s}.back-top:hover{background:var(--orange);transform:translateY(-4px)}.footer__links{display:flex;gap:24px;margin-left:auto;margin-right:35%;font:500 .65rem var(--mono)}.footer__bottom{gap:24px;color:#5f5646a6;font:500 .58rem var(--mono)}.footer__bottom span:nth-child(2){color:var(--muted)}.custom-cursor{position:fixed;z-index:50;top:-8px;left:-8px;width:16px;height:16px;border:1px solid var(--cyan-dark);border-radius:50%;pointer-events:none;mix-blend-mode:multiply;transition:width .2s,height .2s,top .2s,left .2s,background .2s,border-color .2s}.custom-cursor span{position:absolute;top:50%;left:50%;width:4px;height:4px;border-radius:50%;background:var(--ink);transform:translate(-50%,-50%)}.custom-cursor--active{top:-18px;left:-18px;width:36px;height:36px;border-color:var(--orange);background:#ff84001a}.custom-cursor--active span{background:var(--orange)}.preloader{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;padding:10vw;background:var(--navy);color:var(--holo)}.preloader__brand{display:grid;justify-items:center;gap:12px;font-size:1.3rem;font-weight:900;letter-spacing:-.06em}.preloader__brand svg{width:70px;height:70px;fill:none;stroke:var(--cyan);stroke-width:2}.preloader__brand circle{fill:var(--orange);stroke:none}.preloader__meta{display:flex;justify-content:space-between;width:min(400px,100%);margin:90px auto 8px;font:500 .68rem var(--mono);letter-spacing:.1em}.preloader__track{width:min(400px,100%);height:1px;margin:0 auto;background:#e1f5ff40}.preloader__track span{display:block;height:100%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:width .2s}.preloader__note{width:min(400px,100%);margin:14px auto 0;color:#e1f5ff73;font:.55rem var(--mono);letter-spacing:.1em}.loader-leave-active{transition:opacity .55s .05s,clip-path .65s cubic-bezier(.6,0,.25,1)}.loader-leave-to{opacity:0;clip-path:inset(0 0 100% 0 round 0 0 40px 40px)}.project-modal{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#052e8757;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-modal__inner{position:relative;width:min(570px,100%);padding:20px;border-radius:24px;background:var(--bg);box-shadow:0 30px 80px #052e8733}.project-modal__inner .project-visual{margin-bottom:25px}.project-modal__inner h2{max-width:480px;margin:10px 0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.07em;line-height:.92}.project-modal__inner>p{max-width:450px;margin:0;color:var(--muted);font:.82rem/1.55 var(--mono)}.modal-close{position:absolute;z-index:1;top:30px;right:30px;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--orange)}.modal-back{display:inline-flex;align-items:center;gap:8px;margin-top:22px;padding:0;background:transparent;font-size:.77rem;font-weight:800}.modal-back svg{color:var(--orange)}.modal-enter-active,.modal-leave-active{transition:opacity .25s}.modal-enter-from,.modal-leave-to{opacity:0}.sticker-enter-active,.sticker-leave-active{transition:opacity .2s,transform .2s}.sticker-enter-from{opacity:0;transform:translateY(8px) rotate(-5deg)}.sticker-leave-to{opacity:0;transform:translateY(-8px) rotate(-5deg)}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media(max-width:840px){.app-header{height:72px;padding:0 16px;grid-template-columns:auto 1fr auto}.brand-mark{font-size:.86rem}.brand-mark svg{width:32px;height:32px}.segmented-nav{width:min(300px,52vw);justify-self:center}.segmented-nav button{height:34px;font-size:.57rem}.segmented-nav__indicator{height:34px}.header-cta{display:none}.sound-toggle{width:40px;height:40px}.section-frame{padding-inline:16px}.hero{padding-bottom:100px}.hero__intro{top:102px;left:16px;right:16px}.hero__core-note{display:none}.hero__content{margin-left:0}.hero__title{font-size:clamp(4.1rem,15vw,7rem)}.hero__kicker{font-size:.68rem}.hero__aside{display:none}.about-section{height:250vh;border-radius:32px 32px 0 0}.about-stage__header,.about-stage__footer{left:16px;right:16px}.about-stage__footer span:first-child{display:none}.about-stage__object{width:min(56vw,340px)}.holo-panel{width:min(270px,42vw);padding:16px}.holo-panel--identity{top:21%;left:6%}.holo-panel--description{bottom:18%;left:6%}.holo-panel--skills{top:25%;right:5%}.holo-panel h2{font-size:1.5rem}.holo-panel p,.holo-panel ul{font-size:.6rem}.holo-panel ul{grid-template-columns:1fr;gap:5px}.holo-panel .holo-line{display:none}.projects-section,.contact-section{border-radius:32px 32px 0 0}.section-notch{width:55px;height:55px}.projects-section{padding:74px 16px 100px}.projects-section__intro{align-items:flex-start;margin-bottom:50px}.projects-section h2{font-size:clamp(3.8rem,17vw,6.2rem)}.section-side-copy{margin-top:30px;font-size:.61rem}.projects-grid{grid-template-columns:1fr;gap:52px;max-width:500px;margin:auto}.project-card__arrow{opacity:1;transform:translate(0)}.contact-section{min-height:88vh;padding:76px 16px 50px}.contact-section__top>.mono{display:none}.contact-section__main{display:block;min-height:56vh;padding-top:18vh}.contact-section h2{font-size:clamp(4rem,16vw,7rem)}.contact-section__main p{margin-top:24px;font-size:.7rem}.contact-section__signal{display:none}.contact-section__bottom{display:grid;justify-items:start;gap:24px}.footer__top{padding-bottom:30px}.footer__links{margin:0 auto;gap:13px}.footer__top>.mono{font-size:.55rem}.footer__bottom{display:grid;gap:8px;font-size:.54rem}.custom-cursor{display:none}}@media(max-width:520px){.segmented-nav{width:188px}.segmented-nav button{font-size:.49rem;letter-spacing:.08em}.brand-mark span{display:none}.hero{min-height:92svh}.hero__title{font-size:clamp(3.65rem,18vw,5.5rem)}.hero__sticker{font-size:.56rem}.about-stage{min-height:580px}.about-stage__object{width:min(52vw,250px)}.holo-panel{width:46vw;padding:12px}.holo-panel--identity{left:4%}.holo-panel--description{left:4%;bottom:18%}.holo-panel--skills{right:4%}.holo-panel .mono{font-size:.48rem}.holo-panel h2{margin:9px 0 6px;font-size:1.05rem}.holo-panel p,.holo-panel ul{font-size:.49rem}.holo-panel small{display:none}.about-stage__counter{font-size:.55rem}.projects-section__intro{display:block}.section-side-copy{margin-top:28px;text-align:left}.footer__links{display:none}.footer__top{justify-content:space-between}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.network-canvas,.custom-cursor{display:none}}.contact-section__card{width:min(390px,100%);padding:22px;border:1px solid rgba(45,42,36,.16);border-radius:22px;background:#f5efe6b8;box-shadow:0 22px 50px #2d2a240f}.contact-section__card-label{display:block;margin-bottom:16px;color:var(--orange);font-size:.59rem}.contact-phone{display:flex;align-items:center;gap:10px;width:fit-content;margin-bottom:17px;font:800 1.3rem var(--mono);letter-spacing:-.06em}.contact-phone svg{color:var(--orange)}.contact-phone:hover{color:var(--orange)}.contact-section__card .social-links{gap:7px}.contact-section__card .social-links a{min-height:39px;padding:0 11px;font-size:.63rem}.resume-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--navy);font:700 .7rem var(--mono)}.resume-link svg{color:var(--orange)}.resume-link:hover{color:var(--orange)}.experience-block{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(40px,9vw,130px);margin-top:76px;padding-top:54px;border-top:1px solid rgba(45,42,36,.2)}.experience-block__heading h3{margin:26px 0 34px;font-size:clamp(3rem,5vw,5rem);line-height:.86;letter-spacing:-.09em}.experience-block__heading h3 em{color:var(--orange);font-style:normal}.education-note{display:grid;gap:7px;color:var(--muted);font:500 .64rem/1.5 var(--mono)}.education-note .mono{color:var(--orange);font-size:.55rem}.education-note strong{color:var(--ink);font:800 .74rem/1.25 var(--sans);letter-spacing:-.03em}.experience-list{border-top:1px solid rgba(45,42,36,.2)}.experience-item{display:grid;grid-template-columns:45px minmax(0,1fr);gap:15px;padding:22px 0 25px;border-bottom:1px solid rgba(45,42,36,.16)}.experience-item__index{padding-top:4px;color:var(--orange);font-size:.6rem}.experience-item__meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:9px;color:var(--muted)}.experience-item__meta .mono{font-size:.58rem}.experience-item__company{font-size:.7rem;font-weight:800}.experience-item h4{margin:0 0 8px;font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:-.05em}.experience-item p{max-width:600px;margin:0;color:var(--muted);font:500 .7rem/1.55 var(--mono)}.experience-item .project-tags{margin-top:14px}.experience-item .project-tags span{padding:5px 8px;background:#e9ded0e6;font-size:.52rem}.contact-section__bottom{margin-top:62px}.contact-note{color:#5f5646a8;font-size:.58rem}@media(max-width:840px){.contact-section__main{min-height:auto;padding-top:12vh}.contact-section__card{margin-top:52px}.experience-block{grid-template-columns:1fr;gap:38px;margin-top:90px;padding-top:42px}.experience-block__heading h3{margin:20px 0 24px;font-size:clamp(3.5rem,15vw,6rem)}.education-note{max-width:280px}.experience-item__meta{display:grid;gap:4px}.contact-section__bottom{margin-top:50px}}@media(max-width:520px){.contact-section__card{padding:17px}.contact-phone{font-size:1rem}.contact-section__card .social-links a{font-size:.55rem}.experience-block{margin-top:74px}.experience-item{grid-template-columns:30px minmax(0,1fr);gap:9px}.experience-item__company{font-size:.63rem}.experience-item p{font-size:.61rem}.experience-item .project-tags{gap:4px}.experience-item .project-tags span{font-size:.48rem}.contact-section__bottom{align-items:start}}.experience-section{min-height:100vh;padding:100px 10vw 120px;background:var(--bg-muted);border-radius:48px 48px 0 0}.experience-section .experience-block{margin-top:0;padding-top:0;border-top:0}.experience-block__heading h2{margin:26px 0 34px;font-size:clamp(3rem,5vw,5rem);line-height:.86;letter-spacing:-.09em}.experience-block__heading h2 em{color:var(--orange);font-style:normal}.experience-item h3{margin:0 0 8px;font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:-.05em}@media(max-width:840px){.segmented-nav{width:min(400px,62vw)}.segmented-nav button{font-size:.5rem;letter-spacing:.07em}.experience-section{padding:76px 16px 100px;border-radius:32px 32px 0 0}.experience-section .experience-block{margin-top:0;padding-top:0}}@media(max-width:520px){.segmented-nav{width:min(260px,calc(100vw - 100px))}.segmented-nav button{font-size:.4rem;letter-spacing:.03em}.experience-block__heading h2{margin:20px 0 24px;font-size:clamp(3.5rem,15vw,6rem)}.experience-section .experience-block{margin-top:0}}.about-stage{background:radial-gradient(circle at 50% 45%,rgba(35,75,162,.55),transparent 38%),linear-gradient(180deg,#052e87,#002474)}.about-stage:after{display:block;inset:auto 0 0;width:100%;height:42%;border:0;border-radius:0;background-image:linear-gradient(rgba(52,191,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(52,191,255,.16) 1px,transparent 1px);background-size:56px 38px;opacity:.36;transform:perspective(350px) rotateX(55deg) scale(1.4);transform-origin:bottom;-webkit-mask-image:linear-gradient(to top,black,transparent);mask-image:linear-gradient(to top,black,transparent)}.operator-avatar-wrap{position:absolute;z-index:1;bottom:0;left:50%;width:min(34vw,430px);height:min(78vh,690px);transform:translate(-50%);pointer-events:none}.operator-avatar{position:absolute;z-index:2;bottom:5%;left:50%;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:translate(-50%);filter:drop-shadow(0 24px 22px rgba(0,0,0,.22))}.operator-grid{position:absolute;z-index:1;bottom:3%;left:50%;width:125%;height:21%;border:1px solid rgba(52,191,255,.58);background-image:linear-gradient(rgba(52,191,255,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(52,191,255,.22) 1px,transparent 1px);background-size:30px 20px;transform:translate(-50%) perspective(300px) rotateX(58deg);-webkit-mask-image:linear-gradient(to bottom,transparent,black 35%,transparent);mask-image:linear-gradient(to bottom,transparent,black 35%,transparent)}.operator-scan{position:absolute;z-index:3;top:13%;left:25%;width:50%;height:1px;background:var(--cyan);box-shadow:0 0 14px var(--cyan);opacity:.65;animation:operatorScan 3.8s ease-in-out infinite}@keyframes operatorScan{0%,to{transform:translateY(0);opacity:.2}50%{transform:translateY(270px);opacity:.75}}.hero__title{position:relative;z-index:4}.hero__name-line{-webkit-text-stroke:1.5px var(--bg);paint-order:stroke fill;text-shadow:0 0 18px rgba(245,239,230,.46)}@media(prefers-reduced-motion:reduce){.operator-scan{animation:none}.operator-avatar{opacity:1!important;transform:translate(-50%)!important}}@media(max-width:840px){.operator-avatar-wrap{width:min(52vw,350px);height:min(72vh,600px)}.about-stage:after{background-size:38px 28px}.operator-scan{width:44%;left:28%}}@media(max-width:520px){.operator-avatar-wrap{width:min(72vw,300px);height:66vh}.operator-grid{width:150%}.operator-scan{display:none}.hero__name-line{-webkit-text-stroke-width:1px}}.about-stage{perspective:1100px}.about-stage__object{width:min(36vw,440px);aspect-ratio:1.3 / 1;border-radius:18%;background:linear-gradient(140deg,#f9f3e9 0,#f9f3e9 12%,#d7c9b7 13%,#d7c9b7 30%,#234ba2 31%,#234ba2 70%,#052e87 71%);box-shadow:0 0 0 1px #34bfffcc,0 0 60px #34bfff33,inset -25px -30px 60px #00247499;transform:rotate(-8deg) rotateY(-12deg)}.about-stage__object:after{top:7%;right:7%;bottom:7%;left:7%;border:1px solid rgba(52,191,255,.48);border-radius:13%;animation:none;transform:none}.object-server-face{position:absolute;z-index:2;top:18%;right:17%;bottom:18%;left:19%;display:flex;align-content:center;flex-wrap:wrap;gap:7px 8px;padding:14% 10%;border:1px solid rgba(52,191,255,.65);border-radius:10px;background:linear-gradient(145deg,#052e87f2,#002474b8);box-shadow:inset 0 0 24px #34bfff1a;transform:translateZ(20px)}.object-server-face:before{position:absolute;top:14%;left:11%;width:52%;height:3px;background:var(--cyan);box-shadow:0 13px #34bfff73,0 26px #34bfff3d;content:""}.object-server-face i{display:block;width:48%;height:4px;border-radius:99px;background:#34bfffb8}.object-server-face i:nth-last-child(2){background:#ff8400e6}.object-server-face i:nth-last-child(1){width:30%;background:#e1f5ff80}.object-status{position:absolute;top:15%;right:14%;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.object-status:nth-child(2){top:28%}.object-status--orange{background:var(--orange);box-shadow:0 0 10px var(--orange)}.object-top-rail{position:absolute;z-index:3;top:10%;left:22%;width:55%;height:3px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transform:rotate(-2deg)}.object-core-dot{z-index:4;top:26%;right:18%}.object-node{position:absolute;z-index:5;width:13px;height:13px;border:3px solid var(--navy);border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px #34bfff1a,0 0 18px var(--cyan)}.object-node--a{top:4%;left:16%}.object-node--b{top:2%;right:13%;background:var(--orange);box-shadow:0 0 0 6px #ff84001a,0 0 18px var(--orange)}.object-node--c{bottom:3%;right:19%}.object-node--d{bottom:12%;left:3%;background:var(--orange);box-shadow:0 0 0 6px #ff84001a,0 0 18px var(--orange)}.object-line{position:absolute;z-index:4;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);transform-origin:left center}.object-line--a{top:9%;left:21%;width:27%;transform:rotate(15deg)}.object-line--b{top:9%;right:17%;width:29%;transform:rotate(162deg)}.object-line--c{bottom:9%;right:22%;width:31%;transform:rotate(203deg)}@media(max-width:840px){.about-stage__object{width:min(56vw,340px)}}@media(max-width:520px){.about-stage__object{width:min(52vw,250px)}.object-server-face{gap:4px}.object-server-face i{height:3px}.object-node{width:9px;height:9px;border-width:2px}.object-status{width:5px;height:5px}}.hero__content{position:absolute;top:36%;left:clamp(7vw,8.2vw,10vw);max-width:620px;margin-left:0}.hero__title{font-size:clamp(3.8rem,5.2vw,6rem);line-height:.9}.hero__sticker{margin-top:4px}@media(max-width:840px){.hero__content{top:40%;left:16px;max-width:min(620px,calc(100vw - 32px))}.hero__title{font-size:clamp(3.7rem,13vw,6.2rem)}}@media(max-width:520px){.hero__content{top:41%}.hero__title{font-size:clamp(3.2rem,15vw,5.3rem)}}