:root{--bg: #0b0e17;--surface: #10131f;--text: #c8c8d0;--muted: #5e5e6e;--border: rgba(255, 255, 255, .06);--menu-bg: rgba(11, 14, 23, .97);--star-opacity: .07;--accent: rgba(160, 170, 210, .85);--glow: rgba(160, 180, 220, .12);--font: "Inter", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;--mono: "SF Mono", "Fira Code", "Consolas", monospace;--line-height: 1.6}[data-theme=light]{--bg: #f0ece6;--surface: #e8e4dc;--text: #2a2a2f;--muted: #7a7a84;--border: rgba(0, 0, 0, .07);--menu-bg: rgba(240, 236, 230, .98);--star-opacity: .02;--accent: rgba(80, 90, 120, .85);--glow: rgba(80, 90, 120, .08)}body,.header,.header__link,.contact__link,.project-list__item{transition:background-color .2s ease,color .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background-color:var(--bg);line-height:var(--line-height);overflow-x:hidden;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}body.entered{overflow-y:auto}body{opacity:0;transition:opacity .25s ease-out}body.page-active{opacity:1}body.page-transitioning{opacity:0!important}::selection{background:#788cb440}#entry-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background-color:#000;transition:opacity .8s ease}#entry-overlay.hidden{opacity:0;pointer-events:none}#entry-overlay canvas{position:absolute;inset:0;width:100%!important;height:100%!important;display:block}#enter-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font),sans-serif;font-size:.9rem;letter-spacing:.35rem;color:#ffffffbf;cursor:pointer;z-index:2;opacity:0;pointer-events:none;padding:1.5rem 2rem;transition:opacity .3s ease,letter-spacing .3s ease;text-shadow:0 0 6px rgba(255,255,255,.3),0 0 12px rgba(255,255,255,.15)}#enter-button.visible{opacity:1;pointer-events:auto}#enter-button.faded{opacity:0;pointer-events:none}#enter-button:hover{opacity:1;letter-spacing:.45rem}#main-site{opacity:0;pointer-events:none;background-color:var(--bg);position:relative}#main-site.hidden{display:none}#main-site.visible{opacity:1;pointer-events:auto}#main-site:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 30% 20%,rgba(16,20,40,.5) 0%,transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(12,16,34,.4) 0%,transparent 55%),var(--bg);pointer-events:none;will-change:auto}#main-site:after{content:"";position:fixed;inset:0;z-index:-2;opacity:var(--star-opacity);pointer-events:none;will-change:auto;background-image:radial-gradient(.8px .8px at 10% 15%,#fff 0%,transparent 100%),radial-gradient(.8px .8px at 18% 52%,#fff 0%,transparent 100%),radial-gradient(.6px .6px at 25% 80%,#fff 0%,transparent 100%),radial-gradient(.8px .8px at 38% 28%,#fff 0%,transparent 100%),radial-gradient(.6px .6px at 45% 65%,#fff 0%,transparent 100%),radial-gradient(.8px .8px at 58% 12%,#fff 0%,transparent 100%),radial-gradient(.6px .6px at 65% 88%,#fff 0%,transparent 100%),radial-gradient(.8px .8px at 72% 42%,#fff 0%,transparent 100%),radial-gradient(.6px .6px at 80% 70%,#fff 0%,transparent 100%),radial-gradient(.8px .8px at 90% 22%,#fff 0%,transparent 100%),radial-gradient(.6px .6px at 5% 60%,#fff 0%,transparent 100%),radial-gradient(.6px .6px at 50% 95%,#fff 0%,transparent 100%)}.route-view.hidden{display:none!important}.route-view--sub{padding-top:100px;min-height:calc(100vh - 80px)}.header{position:fixed;top:0;left:0;width:100%;padding:1.25rem 2.5rem;display:flex;align-items:center;justify-content:space-between;z-index:50;opacity:1;background:transparent;transition:opacity .2s ease-out,background-color .3s ease,backdrop-filter .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.header--visible{background:#05080f73;border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header__name{font-family:var(--font);font-size:.85rem;font-weight:500;letter-spacing:.02em;color:#fffffff2;text-decoration:none}.header__nav{display:flex;align-items:center;gap:2rem}.header__link{font-size:.75rem;font-weight:400;letter-spacing:.06em;color:#fff9;text-decoration:none;text-transform:uppercase;position:relative;padding-bottom:2px;transition:color .2s ease}.header__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--text);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.header__link:hover{color:#fffffff2}.header__link:hover:after{transform:scaleX(1)}.header__link:focus-visible{color:var(--text);outline:1px solid rgba(255,255,255,.3);outline-offset:4px}.header__link:focus-visible:after{transform:scaleX(1)}.header__menu{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.header__menu span{display:block;width:20px;height:1px;background:var(--text);margin:5px 0}.mobile-menu{position:fixed;inset:0;z-index:200;background:var(--menu-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;pointer-events:none;transition:opacity .25s ease}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu__link{font-size:1.15rem;font-weight:300;letter-spacing:.06em;color:var(--text);text-decoration:none;text-transform:uppercase}.mobile-menu__link:hover{opacity:.7}.mobile-menu__link:focus-visible{outline:1px solid rgba(255,255,255,.3);outline-offset:4px}.mobile-menu__close{position:absolute;top:1.5rem;right:2rem;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;line-height:1}.container{padding:0 2.5rem;max-width:760px;margin:0 auto}.section-label{font-size:.65rem;font-weight:500;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:2rem;opacity:.7}.identity-drift{height:150vh;position:relative;z-index:10}.identity-drift__sticky{position:sticky;top:0;height:100vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:transparent}.identity-drift:after{content:"";position:absolute;inset:0;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="noiseFilter"%3E%3CfeTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23noiseFilter)"/%3E%3C/svg%3E');opacity:.03;pointer-events:none;z-index:5}.identity-drift__bg{position:absolute;inset:0;background:url(/assets/images/darkbg.jpg) no-repeat center center;background-size:cover;opacity:1;pointer-events:none;z-index:0;will-change:transform;animation:bgBreathe 15s ease-in-out infinite alternate}@keyframes bgBreathe{0%{transform:scale(1)}to{transform:scale(1.02)}}@media(prefers-reduced-motion:reduce){.identity-drift__bg{animation:none}}.identity-drift__overlay{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(0,0,0,.22) 0%,rgba(0,0,0,.08) 50%,transparent 100%),linear-gradient(to bottom,rgba(0,0,0,.25) 0%,rgba(0,0,0,.08) 25%,transparent 55%);pointer-events:none;z-index:1}.identity-drift__text{position:relative;z-index:2;text-align:center;will-change:opacity,transform;padding:0 2rem;backface-visibility:hidden;transform:translateZ(0)}.identity-drift__text:before{content:"";position:absolute;inset:-2rem;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:-1;border-radius:8px;pointer-events:none}.identity-drift__typed{font-size:clamp(2.6rem,5vw,4.2rem);font-weight:600;letter-spacing:-.02em;color:#fffffff2;margin-bottom:.8rem;display:inline-block;min-height:1.2em;min-width:28ch}.typing-cursor{display:inline-block;width:1px;height:.85em;background:#fffc;margin-left:2px;vertical-align:baseline;animation:cursorBlink 1.2s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.identity-drift__pronunciation{font-size:.85rem;opacity:.55;color:var(--text);margin-bottom:.6rem;letter-spacing:.02em}.identity-drift__role{font-size:clamp(.95rem,2.2vw,1.2rem);opacity:.75;color:var(--text);letter-spacing:.04em;font-weight:300}.identity-drift__scroll{position:absolute;bottom:8%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:4;will-change:opacity,transform}.identity-drift__scroll span{font-size:.6rem;text-transform:uppercase;letter-spacing:.25em;color:var(--muted);font-family:var(--mono)}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--muted) 0%,transparent 100%);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:var(--text);animation:scrollBounce 2s cubic-bezier(.77,0,.175,1) infinite}@keyframes scrollBounce{0%{transform:translateY(-100%)}50%{transform:translateY(100%)}to{transform:translateY(200%)}}.about-section{padding:7rem 2.5rem 2rem;max-width:760px;margin:0 auto}.about__text{font-size:1rem;line-height:1.85;max-width:600px;font-weight:300}.about__text p{margin-bottom:1.5rem;color:#c8c8d0d9}.stack-section{padding:5rem 2.5rem 3rem;max-width:760px;margin:0 auto}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.stack-group__title{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:1.2rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.stack-group__list{list-style:none}.stack-group__list li{font-size:.88rem;font-weight:300;color:var(--text);padding:.4rem 0;line-height:1.5;opacity:.8;transition:opacity .2s ease}.stack-group__list li:hover{opacity:1}.work-section{padding-top:5rem;padding-bottom:3rem}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project-card{border:1px solid var(--border);border-radius:18px;position:relative;cursor:pointer;display:flex;flex-direction:column;background:#ffffff05;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease,filter .3s ease;text-decoration:none;overflow:hidden;height:100%;min-height:280px}.project-card__bg{position:absolute;inset:0;z-index:0;opacity:.8;background:radial-gradient(circle at top right,rgba(160,170,210,.08),transparent 50%),linear-gradient(180deg,#14182833,#05080fcc 80%);transition:opacity .3s ease,transform .4s ease}.project-card__content{position:relative;z-index:1;padding:2.5rem;display:flex;flex-direction:column;height:100%}.project-card:hover,.project-card:focus-visible{transform:translateY(-4px) scale(1.03);border-color:#a0aad240;box-shadow:0 16px 40px #0006,0 0 40px #a0aad214;filter:brightness(1.05)}.project-card:hover .project-card__bg{opacity:1;transform:scale(1.05)}.project-card:focus-visible{outline:1px solid rgba(255,255,255,.3);outline-offset:4px}.project-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-card__name{font-size:1.25rem;font-weight:500;color:#fffffff2;letter-spacing:-.01em}.project-card__icons{display:flex;gap:.75rem;color:var(--muted);transition:color .2s ease}.project-card:hover .project-card__icons{color:var(--text)}.project-card__desc{font-size:.9rem;font-weight:300;color:#c8c8d0cc;line-height:1.7;margin-bottom:2rem;flex-grow:1}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.tag{font-size:.7rem;font-weight:400;color:var(--muted);font-family:var(--mono);letter-spacing:.04em;background:#ffffff0a;padding:.3em .6em;border-radius:4px;border:1px solid rgba(255,255,255,.05);transition:border-color .2s ease,color .2s ease}.project-card:hover .tag{border-color:#a0aad233;color:#ffffffd9}.page-header{margin-bottom:3rem;display:flex;flex-direction:column;gap:1.5rem}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--muted);text-decoration:none;font-weight:400;transition:color .2s ease,transform .2s ease;width:fit-content}.back-link:hover{color:var(--text);transform:translate(-4px)}.back-link svg{transition:transform .2s ease}.back-link:hover svg{transform:translate(-2px)}code{font-family:var(--mono);font-size:.85em;color:var(--muted);background:#ffffff0d;padding:.1em .35em;border-radius:3px}.contact-section{padding:5rem 2.5rem 3rem;max-width:760px;margin:0 auto}.contact__tagline{font-size:.93rem;color:#c8c8d099;margin-bottom:1.75rem;font-style:italic;font-weight:300}.contact__list{list-style:none}.contact__list li{margin-bottom:.6rem}.contact__link{font-size:.9rem;color:var(--muted);text-decoration:none;transition:color .2s ease;font-weight:300}.contact__link:hover{color:#ffffffe6}.contact__link:focus-visible{color:var(--text);outline:1px solid rgba(255,255,255,.3);outline-offset:4px}.footer{padding:5rem 2rem 2.5rem;text-align:center;font-size:.7rem;color:var(--muted);opacity:.5;letter-spacing:.04em}.projects-page{padding-bottom:4rem}.project-detail{padding:3.5rem 0;border-top:1px solid var(--border)}.project-detail:last-of-type{border-bottom:1px solid var(--border)}.project-detail__header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.85rem}.project-detail__title{font-size:1.1rem;font-weight:500;color:var(--text);letter-spacing:-.01em}.project-detail__year{font-size:.72rem;font-weight:300;color:var(--muted);font-family:var(--mono);letter-spacing:.02em}.project-detail__desc{font-size:.93rem;font-weight:300;color:var(--muted);line-height:1.72;font-style:italic;margin-bottom:1.75rem}.project-detail__bullets{list-style:none;margin-bottom:1.5rem}.project-detail__bullets li{font-size:.88rem;font-weight:300;color:var(--text);line-height:1.8;padding-left:1.4rem;position:relative;margin-bottom:.55rem;opacity:.85}.project-detail__bullets li:before{content:"→";position:absolute;left:0;color:var(--accent);opacity:.55;font-style:normal}.project-detail__arch{font-size:.82rem;font-weight:300;color:var(--muted);line-height:1.78;border-left:2px solid rgba(160,170,210,.15);padding-left:1rem;margin-top:1.5rem;margin-bottom:1.75rem}.project-detail__arch strong{font-weight:400;color:var(--text);opacity:.7}.project-detail__links{display:flex;gap:1.5rem;align-items:center}.project-detail__link{font-size:.76rem;font-weight:300;font-family:var(--mono);color:var(--muted);text-decoration:none;letter-spacing:.04em;border-bottom:1px solid transparent;padding-bottom:1px;transition:color .2s ease,border-color .2s ease}.project-detail__link:hover{color:var(--text);border-bottom-color:#fff3}.project-detail__link:focus-visible{outline:1px solid rgba(255,255,255,.3);outline-offset:4px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.project-card.reveal.revealed:nth-child(2){transition-delay:.08s}.project-card.reveal.revealed:nth-child(3){transition-delay:.16s}.project-card.reveal:not(.revealed){transition-delay:0s}#cursor-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}html.js-cursor,html.js-cursor *{cursor:none!important}html.js-cursor input,html.js-cursor textarea,html.js-cursor select{cursor:text!important}@media(pointer:coarse),(prefers-reduced-motion:reduce){html.js-cursor,html.js-cursor *{cursor:auto!important}#cursor-canvas{display:none}}@media(max-width:768px){.header__nav{display:none}.header__menu{display:block}.header{padding:1rem 1.5rem}.container,.about-section,.stack-section,.contact-section{padding-left:1.5rem;padding-right:1.5rem}.identity-drift__typed{font-size:clamp(1.8rem,5vw,2.8rem)}.work-section,.about-section,.stack-section,.contact-section{padding-top:4rem}.stack-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:480px){.project-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:1fr;gap:2rem}.work-section,.about-section,.stack-section,.contact-section{padding-top:3rem}}