:root{color-scheme:dark;color:#e4f8eb;background:#12372a;--canvas-background: #12372a;--ink: #e4f8eb;--paper: #12372a;--paper-soft: #194735;--muted: #a8cfb8;--net-ink: #d4f5df;--net-muted: #86b89a;--name-ink: #effff4;--accent: #80e0a9;--accent-readable: #b9f2ce;--active-highlight: #d2c49d;--active-highlight-glow: none;--section-strong: #092419;--on-strong: #e9faef;--project-signal: #b9e8ca;--project-ground: #78bd93;--project-index: #3d805c;--hairline: rgba(218, 248, 228, .22);--loading-start: #071a12;--loading-end: #194735;--racket-silhouette-opacity: .29;--racket-silhouette-blend: normal;--racket-silhouette-filter: none;--shuttle-silhouette-opacity: .29;--shuttle-silhouette-pop-opacity: .34;--shuttle-silhouette-blend: screen;--shuttle-silhouette-filter: brightness(0) saturate(100%) invert(91%) sepia(13%) saturate(595%) hue-rotate(87deg) brightness(104%) contrast(95%)}[data-theme=dark]{color-scheme:dark;color:#ededed;background:#000;--canvas-background: #000000;--ink: #ededed;--paper: #000000;--paper-soft: #000000;--muted: #929292;--net-ink: #dedede;--net-muted: #686868;--name-ink: #ffffff;--accent: #e23b35;--accent-readable: #ff756f;--active-highlight: #f0524c;--active-highlight-glow: drop-shadow(0 0 4px rgba(226, 59, 53, .42));--section-strong: #000000;--on-strong: #eeeeee;--project-signal: #d9d9d9;--project-ground: #8e8e8e;--project-index: #363636;--hairline: rgba(255, 255, 255, .15);--loading-start: #000000;--loading-end: #0d0d0d}@font-face{font-family:Orbitron;src:url(/fonts/orbitron-latin.woff2) format("woff2");font-style:normal;font-weight:500 600;font-display:swap}:root{font-family:DM Sans,system-ui,sans-serif;font-synthesis:none;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px;--space-12: 96px;--container-max: 1280px;--page-gutter: 24px;--content-gutter: max(32px, calc((100vw - var(--container-max)) / 2));--nav-progress: 0;--simulated-safe-top: 0px;--safe-top: max(env(safe-area-inset-top, 0px), var(--simulated-safe-top));--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--compact-nav-height: 58px;--control-hit-area: clamp(40px, 2.8vw, 48px);--hero-edge-offset: clamp(92px, 13vh, 132px);--body-copy: color-mix(in srgb, var(--muted) 55%, var(--ink) 45%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas-background, var(--paper))}.page-canvas{position:fixed;z-index:0;inset:0;pointer-events:none;background:var(--canvas-background, var(--paper))}body:before{content:"";position:fixed;z-index:999;inset:-24px;pointer-events:none;background:url(/textures/noise.webp) 0 0 / 512px 512px repeat;mix-blend-mode:color-dodge;contain:paint}.loading-screen{position:fixed;z-index:2000;inset:0;pointer-events:all;background:linear-gradient(135deg,var(--loading-start, #100d0a) 0%,var(--section-strong) 58%,var(--loading-end, #3a3028) 100%);animation:loading-screen-sweep .6s cubic-bezier(.72,0,.28,1) forwards;will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.loading-screen__tail{position:absolute;top:0;right:100%;width:160px;height:100%;background:linear-gradient(to right,transparent 0%,var(--paper) 22%,var(--paper) 52%,var(--project-ground) 72%,var(--section-strong) 100%);-webkit-mask-image:radial-gradient(circle,#000 0 3.45px,transparent 3.8px);-webkit-mask-size:10px 10px;mask-image:radial-gradient(circle,#000 0 3.45px,transparent 3.8px);mask-size:10px 10px;contain:paint}@keyframes loading-screen-sweep{0%,4%{transform:translateZ(0)}to{transform:translate3d(calc(100% + 164px),0,0)}}button,a{color:inherit}button{font:inherit}a{text-decoration:none}::selection{color:var(--paper);background:var(--ink)}:focus-visible{outline:2px solid var(--accent-readable);outline-offset:4px}.racket-background{--racket-size: clamp(290px, 34vw, 430px);--racket-crop: calc(var(--racket-size) * -.24);position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:calc(1 - var(--nav-progress));transition:opacity .18s linear}.racket-background img{position:absolute;width:var(--racket-size);height:var(--racket-size);object-fit:contain;opacity:var(--racket-silhouette-opacity, .3);mix-blend-mode:var(--racket-silhouette-blend, multiply);filter:var(--racket-silhouette-filter, grayscale(1) contrast(1.08) brightness(.55));-webkit-user-select:none;user-select:none}.racket-background__top{top:var(--racket-crop);left:var(--racket-crop);transform:rotate(-42deg) scale(.86)}.racket-background__bottom{right:var(--racket-crop);bottom:var(--racket-crop);transform:rotate(138deg) scale(.86)}[data-theme=dark] .racket-background img{opacity:.3;mix-blend-mode:normal;filter:brightness(0) saturate(100%) invert(32%) sepia(70%) saturate(2094%) hue-rotate(338deg) brightness(96%) contrast(90%)}.shuttle-background{--shuttle-opacity: var(--shuttle-silhouette-opacity, .23);--shuttle-pop-opacity: var(--shuttle-silhouette-pop-opacity, .271);position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;opacity:calc(1 - var(--nav-progress));transition:opacity .18s linear}.shuttle-background img{position:absolute;width:clamp(72px,6vw,104px);height:auto;opacity:0;filter:var(--shuttle-silhouette-filter, grayscale(1) contrast(1.05));mix-blend-mode:var(--shuttle-silhouette-blend, multiply);transform:rotate(var(--shuttle-rotation)) scale(.72);-webkit-user-select:none;user-select:none}.shuttle-background__upper{--shuttle-rotation: -8deg;top:22%;left:72%}.shuttle-background img.shuttle-background__upper{width:clamp(96px,8vw,136px)}.shuttle-background__lower{--shuttle-rotation: 172deg;left:18%;bottom:25%}[data-theme=dark] .shuttle-background{--shuttle-opacity: .3;--shuttle-pop-opacity: .35}[data-theme=dark] .shuttle-background img{filter:brightness(0) saturate(100%) invert(32%) sepia(70%) saturate(2094%) hue-rotate(338deg) brightness(96%) contrast(90%);mix-blend-mode:screen}[data-intro=finished] .shuttle-background img{animation:shuttle-silhouette-pop .52s cubic-bezier(.18,.8,.24,1) both}@keyframes shuttle-silhouette-pop{0%{opacity:0;transform:rotate(var(--shuttle-rotation)) scale(.72)}68%{opacity:var(--shuttle-pop-opacity);transform:rotate(var(--shuttle-rotation)) scale(1.06)}to{opacity:var(--shuttle-opacity);transform:rotate(var(--shuttle-rotation)) scale(1)}}.content-section,.contact-section,footer{position:relative;z-index:1}.header-name{position:relative;margin:0;color:var(--name-ink);font-family:Orbitron,Space Mono,monospace;font-size:clamp(48px,3.3vw,68px);line-height:.95;letter-spacing:-.035em;font-weight:600;white-space:nowrap;text-align:center}.hero-identity{position:absolute;z-index:2;left:50%;top:48%;display:grid;justify-items:center;width:min(900px,calc(100vw - 64px));text-align:left;opacity:calc(1 - (var(--nav-progress) * 1.2));transform:translate(-50%,-50%) translateY(calc(var(--nav-progress) * -80px));will-change:transform,opacity;pointer-events:none}.name-lockup{position:relative;width:max-content;max-width:100%;isolation:isolate}.hero-greeting,.hero-role{margin:0;font-family:Orbitron,Space Mono,monospace;color:var(--muted)}.hero-greeting{position:absolute;left:0;bottom:calc(100% + 11px);font-size:clamp(17px,1.55vw,20px);letter-spacing:.02em;text-indent:2px;text-transform:none}.hero-role{position:absolute;right:0;top:calc(100% + 11px);font-size:clamp(17px,1.55vw,20px);letter-spacing:.01em}.hero-socials{z-index:2;position:absolute;left:50%;bottom:calc(var(--hero-edge-offset) + 22px);display:flex;align-items:center;gap:16px;opacity:calc(1 - var(--nav-progress));transform:translate(-50%);pointer-events:auto}.hero-socials a{display:grid;place-items:center;width:var(--control-hit-area);height:var(--control-hit-area);color:var(--ink);opacity:.72;transition:color .2s ease,opacity .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.hero-socials a:hover{color:var(--accent);opacity:1;transform:translateY(-3px)}.hero-socials svg{width:clamp(20px,1.35vw,26px);height:clamp(20px,1.35vw,26px);fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.hero-socials .leetcode-icon{display:block;width:clamp(17px,1.15vw,22px);height:clamp(17px,1.15vw,22px);background:currentColor;opacity:1;-webkit-mask:url(/leetcode.svg) center / contain no-repeat;mask:url(/leetcode.svg) center / contain no-repeat}.hero-socials .theme-toggle{width:var(--control-hit-area);height:var(--control-hit-area);margin:0;padding:4px;display:inline-grid;place-items:center;color:var(--ink);background:transparent;border:0;border-radius:50%;opacity:.72;cursor:pointer;transition:color .2s ease,opacity .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hero-socials .theme-toggle:hover{color:var(--accent);opacity:1;transform:translateY(-3px) rotate(10deg)}.hero-socials .theme-toggle svg{width:clamp(20px,1.35vw,26px);height:clamp(20px,1.35vw,26px)}.nav-condensed .hero-socials{pointer-events:none}.animated-name{display:inline-block;transform-origin:center;filter:blur(1.2px);transform:scale(.9)}[data-intro=running] .animated-name{animation:name-word-reveal 1.82s linear both;will-change:filter,transform}[data-intro=finished] .animated-name,[data-intro=finished] .net-word-layer{filter:blur(0);transform:scale(1)}.name-word{position:relative;display:inline-block;white-space:nowrap;vertical-align:bottom}@keyframes name-word-reveal{0%{filter:blur(1.2px);transform:scale(.9)}83%{filter:blur(.54px);transform:scale(.971)}to{filter:blur(0);transform:scale(1)}}.name-word-width,.name-word-current{white-space:nowrap}.name-word-width{visibility:hidden}.name-word-current{position:absolute;top:0;left:0}.hero{height:100svh;min-height:520px;width:100%;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1100;background:transparent;box-shadow:none;overflow:visible;isolation:isolate;pointer-events:none}.hero:before{content:"";position:absolute;z-index:-2;top:0;left:0;width:100%;height:calc(var(--safe-top) + var(--compact-nav-height));pointer-events:none;background:url(/textures/noise.webp) 0 0 / 512px 512px repeat,var(--section-strong);background-blend-mode:color-dodge;border-bottom:1px solid var(--hairline);box-shadow:0 8px 24px #00000014;opacity:var(--nav-progress)}[data-theme=dark] .hero:before{background:url(/textures/noise.webp) 0 0 / 512px 512px repeat,var(--canvas-background, var(--paper));background-blend-mode:color-dodge}.hero:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:url(/textures/noise.webp) 0 0 / 512px 512px repeat,var(--canvas-background, var(--paper));background-blend-mode:color-dodge;opacity:calc(1 - var(--nav-progress))}.navigation-spacer{width:100%;height:420px;pointer-events:none}.compact-brand,.compact-actions{position:absolute;z-index:3;top:calc(var(--safe-top) + (var(--compact-nav-height) / 2));color:var(--ink);opacity:var(--nav-progress);transform:translateY(-50%);pointer-events:none}.compact-brand{left:var(--page-gutter);padding:7px 0;border:0;background:transparent;font:600 16px/1 Orbitron,Space Mono,monospace;letter-spacing:.01em;white-space:nowrap;cursor:pointer}.nav-condensed .compact-brand,.nav-condensed .compact-actions{pointer-events:auto}.compact-brand:hover{color:var(--accent-readable)}.compact-brand__short{display:none}.compact-actions{right:var(--page-gutter);display:flex;align-items:center;gap:2px;transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1)}.contact-active .compact-actions{opacity:0;transform:translateY(calc(-50% - 8px));pointer-events:none}.compact-actions a,.compact-actions button{width:36px;height:36px;padding:4px;display:grid;place-items:center;border:0;color:inherit;background:transparent;opacity:.76;cursor:pointer;transition:color .18s ease,opacity .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.compact-actions a:hover,.compact-actions button:hover{color:var(--accent-readable);opacity:1;transform:translateY(-2px)}.compact-actions svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.compact-actions .leetcode-icon{width:17px;height:17px;display:block;background:currentColor;opacity:1;-webkit-mask:url(/leetcode.svg) center / contain no-repeat;mask:url(/leetcode.svg) center / contain no-repeat}.compact-actions__divider{width:1px;height:18px;margin:0 2px;background:var(--hairline)}.hero-index{position:absolute;inset:0;width:auto;max-width:none;margin:0;opacity:1;z-index:1;pointer-events:none}.compact-nav-anchors{position:absolute;top:0;left:50%;width:min(600px,max(400px,calc(100vw - 480px)));height:var(--compact-nav-height);display:grid;grid-template-columns:repeat(4,1fr);transform:translate(-50%);visibility:hidden;pointer-events:none}.section-kicker{display:flex;align-items:center;margin:0}.section-kicker:before{content:"";width:18px;height:2px;flex:0 0 auto;background:var(--accent)}.index-card{appearance:none;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0;cursor:pointer;position:absolute;width:clamp(154px,10.7vw,216px);transform-origin:center;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.index-card:nth-child(1){top:var(--hero-edge-offset);left:var(--page-gutter)}.index-card:nth-child(2){top:var(--hero-edge-offset);right:var(--page-gutter)}.index-card:nth-child(3){bottom:var(--hero-edge-offset);left:var(--page-gutter)}.index-card:nth-child(4){right:var(--page-gutter);bottom:var(--hero-edge-offset)}.badminton-net{display:block;width:min(100%,clamp(136px,9.4vw,190px));height:auto;margin:var(--space-1) 0 4px;overflow:visible;transform-origin:center;transition:transform .16s cubic-bezier(.22,1,.36,1)}.nav-condensed .index-card.active .badminton-net--matrix{filter:var(--active-highlight-glow, none)}.nav-condensed .index-card.active .badminton-net--matrix .net-top circle,.nav-condensed .index-card.active .badminton-net--matrix .net-posts circle:nth-child(-n+4),.nav-condensed .index-card.active .badminton-net--matrix .net-posts circle:nth-child(n+16):nth-child(-n+19){fill:var(--active-highlight, var(--accent))}.badminton-net--matrix .net-top circle,.badminton-net--matrix .net-posts circle{fill:var(--net-ink);transition:fill .25s ease}.badminton-net--matrix .net-word-dot{fill:var(--net-ink);stroke:var(--net-ink);stroke-width:.3px}.net-word-layer .net-word-dot{transition:none}.net-word-layer{transform-box:view-box;transform-origin:140px 52px;filter:blur(1.2px);transform:scale(.9)}[data-intro=running] .net-word-layer{animation:net-word-reveal 1.82s linear both;will-change:filter,transform}@keyframes net-word-reveal{0%{filter:blur(1.2px);transform:scale(.9)}83%{filter:blur(.5px);transform:scale(.985)}to{filter:blur(0);transform:scale(1)}}@media(prefers-reduced-motion:reduce){.loading-screen{animation-duration:.18s;animation-name:loading-screen-fade}.loading-screen__tail{display:none}}@keyframes loading-screen-fade{to{opacity:0}}.net-ground path{fill:none;stroke:var(--net-ink);stroke-width:.6;opacity:.08}.dot-field{width:100%;max-width:220px;aspect-ratio:18 / 7;margin:12px 0 20px;color:var(--ink);background-image:radial-gradient(circle,currentColor 0 2px,transparent 2.25px);background-size:calc(100% / 18) calc(100% / 7);-webkit-mask-image:linear-gradient(135deg,rgba(0,0,0,.3),#000);mask-image:linear-gradient(135deg,#0000004d,#000)}.index-line{width:34px;height:1px;background:var(--ink);display:block;margin-top:6px;opacity:var(--nav-progress);transform:scaleX(calc(1 - (var(--nav-progress) * .53)));transition:background .2s ease,opacity .18s linear}.index-card:hover .index-line,.index-card.active .index-line{width:48px}.nav-condensed .index-card.active .index-line{background:var(--active-highlight, var(--accent))}@media(hover:none)and (pointer:coarse){.index-card:active .badminton-net{transform:scale(.94)}}.content-section,.contact-section{isolation:isolate;padding:var(--space-3) var(--content-gutter) var(--space-6);border-top:0;scroll-margin-top:var(--compact-nav-height);overflow:hidden}[data-theme=dark] .content-section:not(.about-section),[data-theme=dark] .contact-section{border-top:1px solid color-mix(in srgb,var(--accent) 24%,transparent)}.content-section>:not(.section-shuttles):not(.section-racket):not(.about-grid),.contact-section>:not(.contact-shuttles):not(.contact-racket):not(.contact-socials){position:relative;z-index:1}.section-shuttles,.section-racket,.contact-racket,.contact-shuttles{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.section-racket img{position:absolute;width:clamp(230px,25vw,340px);height:auto;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.section-racket--builds img{right:clamp(-190px,-13vw,-120px);bottom:-128px;opacity:.1;filter:grayscale(1) invert(1) brightness(1.35);mix-blend-mode:screen;transform:rotate(132deg)}.section-racket--career img{left:clamp(-92px,-6vw,-58px);top:10%;opacity:.065;filter:var(--racket-silhouette-filter, grayscale(1) contrast(1.08) brightness(.55));mix-blend-mode:var(--racket-silhouette-blend, multiply);transform:rotate(-24deg)}[data-theme=dark] .section-racket--career img{opacity:.22;filter:brightness(0) saturate(100%) invert(32%) sepia(70%) saturate(2094%) hue-rotate(338deg) brightness(96%) contrast(90%);mix-blend-mode:screen}[data-theme=dark] .section-racket--builds img{opacity:.24;filter:brightness(0) saturate(100%) invert(32%) sepia(70%) saturate(2094%) hue-rotate(338deg) brightness(96%) contrast(90%)}.section-shuttles img,.contact-shuttles img{position:absolute;height:auto;filter:var(--shuttle-silhouette-filter, grayscale(1) contrast(1.05));mix-blend-mode:var(--shuttle-silhouette-blend, multiply)}.contact-racket img{position:absolute;left:clamp(-106px,-7vw,-68px);top:30%;width:clamp(230px,25vw,340px);height:auto;object-fit:contain;opacity:var(--racket-silhouette-opacity, .14);filter:var(--racket-silhouette-filter, grayscale(1) contrast(1.08) brightness(.55));mix-blend-mode:var(--racket-silhouette-blend, multiply);transform:rotate(-58deg)}[data-theme=dark] .contact-racket img{opacity:.26;filter:brightness(0) saturate(100%) invert(32%) sepia(70%) saturate(2094%) hue-rotate(338deg) brightness(96%) contrast(90%);mix-blend-mode:screen}[data-theme=dark] .section-shuttles img,[data-theme=dark] .contact-shuttles img{filter:brightness(0) saturate(100%) invert(32%) sepia(70%) saturate(2094%) hue-rotate(338deg) brightness(96%) contrast(90%);mix-blend-mode:screen}.section-shuttles--builds img:first-child{top:16%;right:-18px;width:clamp(64px,7vw,92px);opacity:.075;transform:rotate(-28deg)}.section-shuttles--builds img:last-child{left:3%;bottom:8%;width:clamp(50px,5vw,70px);opacity:.055;transform:rotate(146deg)}.section-shuttles--career img:first-child{top:24%;left:-14px;width:clamp(58px,6vw,82px);opacity:.065;transform:rotate(34deg)}.section-shuttles--career img:last-child{right:4%;bottom:10%;width:clamp(48px,5vw,68px);opacity:.05;transform:rotate(-138deg)}[data-theme=dark] .section-shuttles--builds img:first-child{opacity:.22}[data-theme=dark] .section-shuttles--builds img:last-child{opacity:.16}[data-theme=dark] .section-shuttles--career img:first-child{opacity:.2}[data-theme=dark] .section-shuttles--career img:last-child{opacity:.15}.about-section{z-index:auto;isolation:auto;border-top:0;padding-top:var(--space-3);padding-bottom:var(--space-6);background:transparent}.about-grid{display:grid;grid-template-columns:minmax(340px,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,4.5vw,64px);margin-top:var(--space-3)}.about-portrait-block{width:min(100%,clamp(380px,30vw,470px));justify-self:center}.about-collage{position:relative;z-index:1000;width:100%;aspect-ratio:.86;isolation:isolate}.about-collage__photo{--tilt: 0deg;position:absolute;margin:0;padding:clamp(5px,.6vw,8px) clamp(5px,.6vw,8px) clamp(20px,2vw,28px);background:#f0eadf;box-shadow:0 10px 24px #00000038;transform:rotate(var(--tilt));transition:transform .24s ease,box-shadow .24s ease}.about-collage__photo:before{content:"";position:absolute;z-index:2;top:-7px;left:50%;width:clamp(34px,4vw,48px);height:clamp(10px,1.2vw,14px);background:color-mix(in srgb,var(--accent) 62%,rgba(244,236,201,.8) 38%);box-shadow:0 1px 2px #0000001f;opacity:.88;transform:translate(-50%) rotate(calc(var(--tilt) * -.45))}.about-collage__photo img{width:100%;height:100%;display:block;object-fit:cover;background:var(--paper-soft)}.about-collage__photo figcaption{position:absolute;right:7px;bottom:6px;left:7px;overflow:hidden;color:#36312c;font:700 clamp(8px,.55vw,8.5px)/1 "Space Mono",monospace;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.about-collage__photo--manga{--tilt: -5deg;z-index:1;top:5%;left:2%;width:36%;height:39%}.about-collage__photo--beach{--tilt: 1.8deg;z-index:3;top:5%;left:25%;width:45%;height:68%}.about-collage__photo--beach img{object-position:center 24%}.about-collage__photo--family{--tilt: 4deg;z-index:4;top:8%;right:1.5%;width:36%;height:51%}.about-collage__photo--family img{object-position:center 28%}.about-collage__photo--tabletop{--tilt: -3deg;z-index:4;bottom:3%;left:2%;width:55%;height:34%}.about-collage__photo--tabletop img{object-position:center 42%}.about-collage__photo--devsoc{--tilt: 2.5deg;z-index:5;right:1%;bottom:2.5%;width:55%;height:34%}.about-collage__photo--devsoc img{object-position:center 34%}@media(hover:hover){.about-collage__photo:hover{z-index:10;box-shadow:0 16px 34px #00000047;transform:rotate(0) translateY(-4px)}}.about-copy{max-width:700px;padding-top:clamp(18px,1.6vw,24px)}.content-section h2,.contact-section h2{margin:0;font-weight:500;line-height:.96;letter-spacing:-.05em}.about-grid p{max-width:680px;color:var(--body-copy);font-size:clamp(15px,1.05vw,16px);line-height:1.55}.about-copy p{margin:0 0 10px}.skills-title{position:relative;margin:40px 0 12px;color:#fff;font:700 15px/1.3 Space Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.skills{position:relative;display:flex;flex-wrap:wrap;gap:8px}.skills span{border:1px solid rgba(196,238,213,.24);border-radius:24px;padding:8px 12px;color:#fff;background:#0924196b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font:600 13px Space Mono,monospace}[data-theme=dark] .skills span{border-color:color-mix(in srgb,var(--accent) 38%,transparent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.projects-section{background:var(--section-strong);color:var(--on-strong)}[data-theme=dark] .project-art{color:#202020}[data-theme=dark] .project-art.index .dot-field{color:#00000085}.about-intro,.projects-intro{margin:var(--space-2) 0 var(--space-3)}.about-intro h2,.projects-intro h2,.experience-intro h2{font-size:clamp(30px,3.5vw,52px)}.projects-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-2)}.project-controls{display:flex;align-items:center;gap:8px;margin-bottom:var(--space-3)}.project-controls button{width:var(--control-hit-area);height:var(--control-hit-area);padding:0;display:grid;place-items:center;color:inherit;background:transparent;border:1px solid rgba(244,241,235,.36);border-radius:50%;cursor:pointer;transition:color .18s ease,border-color .18s ease,transform .18s ease}.project-controls button:hover{color:var(--accent);border-color:currentColor;transform:translateY(-2px)}.project-controls button:active{transform:scale(.92)}.project-controls svg{width:19px;height:19px}.project-swipe-hint{display:none;font:10px Space Mono,monospace;text-transform:uppercase;opacity:.7}.project-list{--project-gap: clamp(20px, 2.4vw, 32px);display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--project-gap) * 2)) / 3);gap:var(--project-gap);overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:inline mandatory;scrollbar-width:none}.project-list::-webkit-scrollbar{display:none}.project-card{border-top:1px solid rgba(244,241,235,.32);padding-top:12px;scroll-snap-align:start}[data-theme=dark] .project-card{border-color:color-mix(in srgb,var(--accent) 42%,transparent)}.project-art{aspect-ratio:1.55;padding:clamp(12px,1.4vw,16px);position:relative;overflow:hidden;margin-bottom:var(--space-2);color:#20201f}.project-art.signal{background:var(--project-signal)}.project-art.ground{background:var(--project-ground)}.project-art.index{background:var(--project-index);color:var(--section-strong)}.project-art>span{font:11px Space Mono,monospace}.project-art .dot-field{position:absolute;width:75%;max-width:none;bottom:-10%;right:-3%;color:#20201f8c;transform:rotate(-9deg)}.project-art.index .dot-field{color:#06402b85}.project-copy>p:first-child{font:10px Space Mono,monospace;text-transform:uppercase;opacity:.78}.project-copy h3{font-size:clamp(20px,1.8vw,25px);margin:12px 0 var(--space-1);letter-spacing:-.04em}.project-copy>p:not(:first-child){color:color-mix(in srgb,var(--on-strong) 76%,var(--section-strong) 24%);font-size:clamp(14px,.85vw,15.5px);line-height:1.55;min-height:64px}.case-link{color:inherit;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 5px;display:inline-flex;align-items:center;gap:8px;font:12px Space Mono,monospace}.case-link:hover{color:var(--accent)}.project-copy svg{width:16px}.experience-intro{margin:var(--space-2) 0 var(--space-4)}.experience-section{background:var(--paper-soft)}.timeline{border-top:1px solid var(--ink)}[data-theme=dark] .timeline{border-top-color:var(--accent)}.timeline-row{padding:20px 0;border-bottom:1px solid var(--hairline);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.38fr);grid-template-areas:"company meta" "highlights meta";align-items:start;gap:clamp(24px,3vw,48px);row-gap:0}.timeline-company{grid-area:company}.timeline-company h3{margin:0;font-size:clamp(19px,1.4vw,20px);font-weight:600;letter-spacing:-.025em}.timeline-highlights{grid-area:highlights;max-width:680px;margin:12px 0 0;padding-left:18px;color:var(--body-copy)}.timeline-highlights li{padding-left:5px;font-size:clamp(15px,.9vw,16px);line-height:1.5}.timeline-highlights li+li{margin-top:8px}.timeline-highlights li::marker{color:var(--accent)}.timeline-meta{grid-area:meta;width:100%;display:grid;justify-items:end;gap:8px;text-align:right}.timeline-meta strong{font-size:15px;line-height:1.35;font-weight:600;white-space:nowrap}.timeline-meta time{color:var(--body-copy);font:13px/1.4 Space Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.contact-section{z-index:auto;isolation:auto;display:flex;flex-direction:column;padding-bottom:calc(var(--space-12) * 2.5);background:var(--canvas-background, var(--paper))}.contact-section h2{position:relative;z-index:1;font-size:clamp(34px,4.5vw,60px);margin-top:var(--space-3)}.contact-note{position:relative;z-index:1;max-width:620px;margin:var(--space-3) 0 0;color:var(--body-copy);font-size:clamp(14px,1.1vw,16px);line-height:1.6}.contact-email-action{position:relative;z-index:1;width:fit-content;margin-top:var(--space-3);padding-bottom:6px;display:inline-flex;align-items:center;gap:9px;border-bottom:1px solid currentColor;font:600 12px/1.4 Space Mono,monospace;transition:color .18s ease,gap .18s ease}.contact-email-action:hover{color:var(--accent-readable);gap:13px}[data-theme=dark] .contact-email-action{border-bottom-color:var(--accent)}.contact-email-action svg{width:17px;height:17px}.contact-socials{position:relative;z-index:1000;display:flex;align-items:center;gap:8px;margin:var(--space-4) 0 0 -9px;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .26s ease,transform .34s cubic-bezier(.22,1,.36,1),visibility 0s linear .34s}.contact-active .contact-socials{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition-delay:.1s,.1s,0s}.contact-socials a{width:44px;height:44px;padding:9px;display:grid;place-items:center;border:0;border-radius:50%;color:var(--ink);background:transparent;opacity:.76;cursor:pointer;transition:color .18s ease,opacity .18s ease,transform .18s ease;-webkit-tap-highlight-color:transparent}.contact-socials a:hover{color:var(--accent-readable);opacity:1;transform:translateY(-2px)}.hero-socials a:active,.hero-socials .theme-toggle:active,.compact-actions a:active,.compact-actions button:active,.contact-socials a:active{opacity:1;transform:translateY(0) scale(.88);transition-duration:.08s}.contact-socials svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}.contact-socials .leetcode-icon{display:block;width:19px;height:19px;background:currentColor;-webkit-mask:url(/leetcode.svg) center / contain no-repeat;mask:url(/leetcode.svg) center / contain no-repeat}.contact-shuttles img:nth-child(1){right:-22px;bottom:12px;width:clamp(82px,9vw,118px);opacity:.15;transform:rotate(-24deg)}.contact-shuttles img:nth-child(2){right:clamp(70px,10vw,150px);bottom:72px;width:clamp(52px,6vw,78px);opacity:.1;transform:rotate(152deg)}[data-theme=dark] .contact-shuttles img:nth-child(1){opacity:.28}[data-theme=dark] .contact-shuttles img:nth-child(2){opacity:.22}footer{padding:24px var(--content-gutter);border-top:1px solid var(--hairline);display:flex;justify-content:space-between;font:10px Space Mono,monospace;text-transform:uppercase}footer button{background:none;border:0;font:inherit;text-transform:inherit;cursor:pointer}@media(max-width:1200px)and (min-width:901px){.compact-brand__full{display:none}.compact-brand__short{display:inline}}@media(max-width:900px){:root{--page-gutter: 16px;--content-gutter: 16px;--hero-edge-offset: max(76px, calc(var(--safe-top) + 58px))}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}.racket-background{--racket-size: clamp(230px, 68vw, 306px)}.racket-background img{opacity:var(--racket-silhouette-opacity, .23)}[data-theme=dark] .racket-background img{opacity:.3}.shuttle-background img{width:clamp(46px,14vw,70px)}.shuttle-background__upper{top:27%;left:72%}.shuttle-background img.shuttle-background__upper{width:clamp(64px,18vw,92px)}.shuttle-background__lower{left:11%;bottom:28%}.header-name{max-width:100%;font-size:clamp(24px,7vw,32px);white-space:normal}.hero-identity{width:calc(100vw - 40px)}.name-lockup{max-width:100%}.name-word{overflow:hidden}.name-word-current{max-width:100%;overflow:hidden}.hero-greeting{font-size:15px}.hero-role{max-width:100%;font-size:15px;line-height:1.45}.hero-socials{gap:clamp(8px,2.5vw,14px);bottom:calc(max(76px,calc(var(--safe-bottom) + 58px)) + 66px)}.hero-socials a{width:clamp(32px,8vw,38px);height:clamp(32px,8vw,38px)}.hero-socials svg{width:clamp(18px,5vw,21px);height:clamp(18px,5vw,21px)}.hero-socials .leetcode-icon{width:clamp(16px,4.5vw,18px);height:clamp(16px,4.5vw,18px)}.hero-socials .theme-toggle{width:clamp(32px,8vw,38px);height:clamp(32px,8vw,38px);padding:6px}.hero-socials .theme-toggle svg{width:clamp(18px,5vw,20px);height:clamp(18px,5vw,20px)}.hero{min-height:480px}.navigation-spacer{height:620px}.index-card{width:108px}.index-card:nth-child(1){top:max(76px,calc(var(--safe-top) + 58px));left:max(var(--page-gutter),var(--safe-left))}.index-card:nth-child(2){top:max(76px,calc(var(--safe-top) + 58px));right:max(var(--page-gutter),var(--safe-right))}.index-card:nth-child(3){bottom:max(76px,calc(var(--safe-bottom) + 58px));left:max(var(--page-gutter),var(--safe-left))}.index-card:nth-child(4){right:max(var(--page-gutter),var(--safe-right));bottom:max(76px,calc(var(--safe-bottom) + 58px))}.compact-brand,.compact-actions{display:none}.index-line{width:18px;margin-top:8px}.dot-field{margin-bottom:14px}.badminton-net{width:min(100%,100px);margin:0 0 4px}.compact-nav-anchors{top:var(--safe-top);width:calc(100vw - max(var(--page-gutter),var(--safe-left)) - max(var(--page-gutter),var(--safe-right)))}.content-section,.contact-section{padding:var(--space-3) var(--content-gutter) calc(var(--space-4) + var(--space-1))}.contact-section{padding-bottom:calc(var(--space-12) * 2)}.about-grid{grid-template-columns:1fr;gap:var(--space-4)}.about-portrait-block{width:min(100%,390px)}.about-copy{padding-top:0}.project-list{grid-auto-columns:calc((100% - var(--project-gap)) / 2)}.timeline-row{grid-template-columns:1fr;grid-template-areas:"company" "meta" "highlights";gap:0}.timeline-meta{justify-items:start;margin-top:8px;text-align:left}.timeline-highlights{margin-top:16px}.timeline-meta strong{white-space:normal}.section-shuttles--builds img:last-child,.section-shuttles--career img:last-child{display:none}.section-racket img{width:clamp(190px,58vw,260px)}.section-racket--builds img{right:-145px;bottom:-92px;opacity:.075}.section-racket--career img{left:-72px;top:12%;opacity:.055;transform:rotate(-22deg)}.contact-racket img{left:-78px;top:34%;width:clamp(190px,58vw,260px);opacity:.09}.contact-shuttles img:nth-child(1){right:-22px;width:82px}.contact-shuttles img:nth-child(2){right:44px;bottom:70px;width:54px}footer{padding:24px max(24px,var(--safe-right)) max(24px,var(--safe-bottom)) max(24px,var(--safe-left));gap:20px;flex-wrap:wrap}footer span:nth-child(2){display:none}}@media(max-width:600px){.projects-heading{align-items:center}.project-controls{margin-bottom:var(--space-2)}.project-swipe-hint{display:inline}.project-list{grid-auto-columns:88%}.hero-socials{bottom:calc(max(76px,calc(var(--safe-bottom) + 58px)) + 86px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.animated-name,.net-word-layer{animation:none!important;filter:none;transform:none}[data-intro=finished] .shuttle-background img{animation:none;opacity:var(--shuttle-opacity);transform:rotate(var(--shuttle-rotation)) scale(1)}}