@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-symbols2-wght-normal-CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-vietnamese-wght-normal-DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-mono-latin-wght-normal-XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}:root{--bg: #060b0e;--bg-2: #0a1216;--surface: #0e181d;--surface-2: #132128;--ink: #e6f1f3;--muted: #86989e;--faint: #4f6167;--line: rgba(160, 230, 240, .12);--line-strong: rgba(160, 230, 240, .24);--accent: #5ee6e0;--accent-2: #7cc8ff;--accent-soft: rgba(94, 230, 224, .12);--gradient: linear-gradient(100deg, #5ee6e0 0%, #7cc8ff 100%);--sans: "Geist Variable", system-ui, sans-serif;--mono: "Geist Mono Variable", ui-monospace, "SFMono-Regular", monospace;--ease: cubic-bezier(.22, 1, .36, 1);--header: 76px;--paper: #f3f7f8;--blue: #12a6b0;font-family:var(--sans);color:var(--ink);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}html.lenis{scroll-behavior:auto}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}p,h1,h2,h3,pre,ul,ol{margin:0}ul,ol{padding:0;list-style:none}p{line-height:1.65}img{display:block;max-width:100%}section{scroll-margin-top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site{overflow-x:clip}.page-width{width:min(1240px,calc(100% - 96px));margin-inline:auto}.mono,.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:0}.eyebrow{display:block;margin-bottom:20px;color:var(--muted)}.label{display:inline-block;color:var(--accent);margin-bottom:22px}.muted{color:var(--muted)}.accent-text{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.prompt{color:var(--accent)}.t-comment{color:var(--faint)}.t-kw{color:#c39bff}.t-key{color:var(--accent-2)}.t-str{color:#a8e6a1}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:15px;color:var(--ink);background:linear-gradient(var(--accent),var(--accent)) 0 100% / 100% 1px no-repeat;padding-bottom:4px;transition:color .25s,background-size .35s var(--ease)}.text-link:hover{color:var(--accent);background-size:0% 1px;background-position:100% 100%}.button{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--line-strong);font-size:15px;font-weight:500;transition:background .25s,border-color .25s,transform .25s var(--ease)}.button:hover{border-color:var(--accent);transform:translateY(-2px)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.button.primary:hover{background:#8af0eb}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 16px;background:var(--accent);color:var(--bg);border-radius:8px;z-index:100}.skip-link:focus{top:12px}@media(hover:hover)and (pointer:fine){.cursor{position:fixed;top:0;left:0;z-index:200;pointer-events:none;width:0;height:0}.cursor>span{position:absolute;left:0;top:0;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--accent);translate:-50% -50%;display:grid;place-items:center;font-family:var(--mono);font-size:12px;color:var(--bg);transition:width .3s var(--ease),height .3s var(--ease),background .3s,opacity .3s}.cursor.is-link>span{width:44px;height:44px;background:var(--accent-soft)}.cursor.is-view>span,.cursor.is-play>span{width:76px;height:76px;background:var(--accent)}.cursor.is-hidden>span{opacity:0}}.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:var(--accent);transform-origin:left;z-index:80}.site-header{position:fixed;inset:0 0 auto;z-index:70;height:var(--header);display:flex;align-items:center;gap:32px;padding:0 48px;background:#060b0eb3;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:transform .45s var(--ease)}.site-header.is-hidden{transform:translateY(-100%)}.wordmark{font-family:var(--mono);font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.wordmark>span{color:var(--accent);animation:blink 1.1s steps(1) infinite}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:34px;font-size:15px}.site-header nav a{display:inline-flex;gap:7px;align-items:baseline;color:var(--muted);transition:color .2s}.site-header nav a .mono{font-size:11px;color:var(--accent)}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--ink)}.site-header nav .nav-contact{color:var(--ink);border:1px solid var(--line-strong);border-radius:999px;padding:10px 18px;transition:border-color .2s,background .2s}.site-header nav .nav-contact:hover{border-color:var(--accent);background:var(--accent-soft)}.menu-toggle{display:none}.hero{position:relative;height:280vh}.hero-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center}.hero-frame{position:absolute;inset:calc(var(--header) + 8px) 24px 24px;border-radius:28px;overflow:hidden;background:#000;transform-origin:50% 40%;will-change:transform}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-mask{position:absolute;inset:-40%;display:grid;place-items:center;background:#000;color:#fff;mix-blend-mode:multiply;will-change:transform,opacity}.hero-mask h1{display:flex;flex-direction:column;align-items:center;font-size:100px;font-weight:800;line-height:.82;letter-spacing:-.06em;text-transform:uppercase;white-space:nowrap}.hero-mask h1 span{display:block}.hero-cue{position:absolute;left:50%;bottom:22px;translate:-50% 0;color:#ffffffb3;font-size:12px;letter-spacing:.2em;text-transform:uppercase}.hero-intro{position:absolute;left:0;right:0;bottom:7vh;display:flex;justify-content:space-between;align-items:end;gap:30px}.hero-intro p{font-size:clamp(22px,2.4vw,34px);line-height:1.25;letter-spacing:-.02em;max-width:24ch}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero.is-static{height:auto}.hero.is-static .hero-sticky{position:relative;height:auto;min-height:100svh;display:flex;flex-direction:column;padding:calc(var(--header) + 8px) 0 48px;gap:40px}.hero.is-static .hero-frame{position:relative;inset:auto;width:calc(100% - 32px);height:62svh;margin-inline:auto}.hero.is-static .hero-intro{position:static;flex-direction:column;align-items:start}.hero.is-static .hero-cue{display:none}.tilt{perspective:1000px}.tilt-inner{position:relative;transform-style:preserve-3d;will-change:transform}.tilt-glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;mix-blend-mode:overlay}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:22px 0}.marquee-track{display:flex;width:max-content;white-space:nowrap}.marquee-track>span{display:flex}.marquee-track span span{display:inline-flex;align-items:center;font-size:clamp(28px,3.4vw,48px);font-weight:600;letter-spacing:-.03em;padding-right:28px}.marquee-track span span.outline{color:transparent;-webkit-text-stroke:1px var(--muted)}.marquee-track i{font-style:normal;font-family:var(--mono);font-weight:400;color:var(--accent);padding-left:28px}.heading{font-size:clamp(52px,8vw,128px);font-weight:700;line-height:.92;letter-spacing:-.055em}.heading-line{display:block}.word-mask{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}.word-mask>span{display:inline-block}.heading-line.accent .word-mask>span{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.pin-section{position:relative}.pin-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.pin-section.is-static .pin-sticky{position:relative;height:auto;overflow:visible}.work-section{position:relative}.reel-track{perspective:1600px}.reel-track{display:flex;align-items:center;gap:72px;width:max-content;padding:var(--header) 8vw 0 max(48px,calc((100vw - 1240px)/2));will-change:transform}.reel-intro{width:min(460px,38vw);flex-shrink:0}.reel-intro p{margin-top:28px;color:var(--muted);font-size:18px;max-width:32ch}.reel-intro .hint{display:inline-block;margin-top:36px;color:var(--accent);animation:nudge 1.6s var(--ease) infinite}@keyframes nudge{50%{transform:translate(8px)}}.reel-card{flex-shrink:0;width:min(1040px,78vw);display:grid;grid-template-columns:1.45fr 1fr;gap:44px;align-items:center}.window{border-radius:16px;overflow:hidden;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 50px 90px -40px #000000e6}.reel-visual .tilt-inner{border-radius:16px}.window-bar{display:flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--surface-2);font-size:12px;color:var(--muted)}.window-bar i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.window-bar i:nth-child(2){background:#febc2e}.window-bar i:nth-child(3){background:#28c840}.window-bar span{margin-left:12px}.window-body{position:relative;aspect-ratio:16 / 10.5;display:grid;place-items:center;background:var(--bg-2);overflow:hidden}.window-body img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.window-body img.is-phone{width:auto;height:88%;object-fit:contain;border-radius:18px;box-shadow:0 20px 40px -10px #000000b3}.reel-card:hover .window-body img:not(.is-phone){transform:scale(1.04)}.project-video{width:100%;height:100%;object-fit:contain;background:#000}.media-placeholder{font-size:15px;line-height:1.9;color:var(--accent);white-space:pre}.play-button{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:999px;background:var(--accent);color:var(--bg);font-weight:500;font-size:14px}.reel-number{font-size:15px;color:var(--accent)}.reel-number span{color:var(--faint)}.reel-category{display:block;margin-top:26px;color:var(--muted)}.reel-copy h3{margin-top:10px;font-size:clamp(32px,3.2vw,48px);font-weight:600;letter-spacing:-.04em;line-height:1.04}.reel-copy p{margin-top:18px;color:var(--muted);font-size:16px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tags li{font-size:12px;padding:6px 11px;border-radius:999px;border:1px solid var(--line-strong);color:var(--ink);background:#ffffff05}.links{display:flex;gap:24px;flex-wrap:wrap;margin-top:26px}.reel-progress{position:absolute;left:0;right:0;bottom:40px;display:flex;align-items:center;gap:18px;color:var(--faint);font-size:12px}.reel-progress .bar{flex:1;height:1px;background:var(--line)}.reel-progress .bar span{display:block;height:100%;background:var(--accent);transform-origin:left}.project-index{padding:140px 0 120px}.index-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--line-strong)}.index-heading h3{font-size:clamp(30px,3vw,42px);font-weight:600;letter-spacing:-.04em}.index-heading .mono{color:var(--muted)}.index-list{position:relative}.index-preview{position:absolute;top:0;left:0;width:280px;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px;margin:-110px 0 0 30px;pointer-events:none;z-index:5;border:1px solid var(--line-strong);box-shadow:0 30px 60px -20px #000000e6}.project-row{border-bottom:1px solid var(--line)}.project-row summary{list-style:none;display:grid;grid-template-columns:60px 1fr auto 28px;gap:20px;align-items:center;padding:28px 0;cursor:pointer;transition:padding .35s var(--ease)}.project-row summary::-webkit-details-marker{display:none}.project-row summary:hover{padding-left:14px}.project-number{color:var(--faint)}.project-row-title{font-size:clamp(22px,2.4vw,32px);font-weight:500;letter-spacing:-.03em;transition:color .25s}.project-row summary:hover .project-row-title,.project-row[open] .project-row-title{color:var(--accent)}.project-category{color:var(--muted)}.expand-mark{position:relative;width:16px;height:16px;justify-self:end}.expand-mark:before,.expand-mark:after{content:"";position:absolute;inset:50% 0 auto;height:1.5px;background:var(--ink);transition:transform .35s var(--ease)}.expand-mark:after{transform:rotate(90deg)}.project-row[open] .expand-mark:after{transform:rotate(0)}.project-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:0 0 36px 80px}.project-detail p{color:var(--muted);font-size:16px}.project-detail .tags{margin-top:0}.about-section{padding:160px 0;border-top:1px solid var(--line)}.about-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:center}.about-photo{will-change:transform}.photo-card{aspect-ratio:4 / 5;border-radius:24px;overflow:hidden;background:var(--surface)}.photo-card img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.about-photo .tilt-inner{border-radius:24px}.about-lead{margin-top:40px;font-size:clamp(24px,2.4vw,36px);font-weight:500;line-height:1.28;letter-spacing:-.025em}.about-copy{margin-top:40px}.about-copy p{color:var(--muted);font-size:17px;margin-bottom:18px;max-width:52ch}.about-copy .text-link{margin-top:8px}.about-code{margin-top:120px}.code-panel{border-radius:16px;overflow:hidden;border:1px solid var(--line-strong);background:var(--surface);box-shadow:0 40px 80px -40px #000000e6}.code-panel pre{padding:22px 0;font-size:13.5px;line-height:1.85;overflow-x:auto}.code-panel code{display:flex;gap:18px;padding-right:24px;white-space:pre}.code-panel .ln{flex:0 0 40px;text-align:right;color:var(--faint);-webkit-user-select:none;user-select:none}.timeline-section{position:relative;border-top:1px solid var(--line)}.timeline-track{display:flex;align-items:center;gap:80px;width:max-content;height:100%;padding:var(--header) 12vw 0 max(48px,calc((100vw - 1240px)/2));will-change:transform}.timeline-intro{width:min(440px,36vw);flex-shrink:0}.timeline-intro .heading{font-size:clamp(48px,6vw,96px)}.git-cmd{display:inline-block;margin-top:34px;color:var(--muted);padding:10px 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.timeline-graph{position:relative;height:100%}.timeline-graph ol{display:flex;height:100%}.branch{position:absolute;top:50%;left:0;right:0;height:2px;background:var(--line-strong)}.branch span{display:block;height:100%;background:var(--accent);transform-origin:left}.commit{position:relative;width:360px;flex-shrink:0;height:100%}.commit-dot{position:absolute;top:50%;left:0;width:18px;height:18px;margin:-9px 0 0 -1px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.commit-card{position:absolute;left:0;bottom:calc(50% + 30px);width:330px;padding-left:26px;border-left:1px dashed var(--line-strong)}.commit.is-below .commit-card{bottom:auto;top:calc(50% + 30px)}.commit-hash{display:block;font-size:12px;color:#febc2e}.commit-hash .head{color:var(--accent)}.commit-year{display:block;margin-top:6px;font-size:44px;font-weight:600;letter-spacing:-.05em;line-height:1;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.commit-months{display:block;margin-top:6px;color:var(--muted);font-size:12px}.commit-card h3{margin-top:10px;font-size:20px;font-weight:600;letter-spacing:-.02em;line-height:1.2}.commit-role{margin-top:4px;color:var(--accent-2);font-size:14px}.commit-body{margin-top:8px;color:var(--muted);font-size:14px;line-height:1.55}.commit.is-marker{width:220px}.commit.is-marker>.mono,.commit.is-marker>a{position:absolute;left:0;top:calc(50% - 40px);color:var(--muted);white-space:nowrap}.commit.is-marker .commit-dot{border-color:var(--faint);box-shadow:none}.commit.is-next{width:320px}.commit.is-next .commit-dot{border-style:dashed;border-color:var(--accent)}.commit.is-next>a{color:var(--accent);transition:letter-spacing .3s var(--ease)}.commit.is-next>a:hover{letter-spacing:.04em}.posts-section{border-top:1px solid var(--line)}.posts-pin{height:260vh}.posts-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;padding-top:calc(var(--header) + 40px)}.posts-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.post-deck{position:relative;flex:1;display:grid;place-items:center}.post-card{grid-area:1 / 1;display:flex;flex-direction:column;width:min(300px,21vw);min-height:330px;padding:24px;border-radius:18px;background:#eef4f5;color:#0b1215;box-shadow:0 30px 50px -24px #000000e6;transform-origin:50% 120%;will-change:transform}.post-meta{display:flex;justify-content:space-between;font-size:11px;color:#5b6b70;text-transform:uppercase;letter-spacing:.06em}.post-image{margin-top:18px;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px}.post-card p{margin-top:18px;font-size:16px;line-height:1.5}.post-link{margin-top:auto;padding-top:20px;font-size:12px;color:#0b7f86}.posts-pin.is-static{height:auto}.posts-pin.is-static .posts-sticky{position:relative;height:auto;padding:140px 0}.posts-pin.is-static .post-deck{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:50px 20px 10px;place-items:initial}.posts-pin.is-static .post-card{flex:0 0 78vw;max-width:320px;scroll-snap-align:center}.gallery-section{border-top:1px solid var(--line)}.gallery-pin{height:300vh}.gallery-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.gallery-tile{position:absolute;translate:-50% -50%;border-radius:16px;overflow:hidden;background:var(--surface);will-change:transform}.gallery-tile img,.gallery-tile video{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.gallery-tile:hover img,.gallery-tile:hover video{transform:scale(1.06)}.gallery-tile>span{position:absolute;left:12px;bottom:10px;padding:4px 9px;border-radius:6px;background:#0000008c;color:#fff;font-size:11px}.gallery-title{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:5;text-align:center;pointer-events:none;white-space:nowrap}.gallery-title .heading{font-size:clamp(64px,10vw,170px);color:#fff}.gallery-shade{position:absolute;inset:0;z-index:4;background:#000;pointer-events:none}.gallery-title .label{margin-bottom:12px}.gallery-static{padding:140px 0}.gallery-grid{margin-top:50px;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.gallery-grid .gallery-tile{position:relative;translate:none;aspect-ratio:1}.gallery-grid .gallery-tile:first-child{grid-column:span 2;aspect-ratio:16 / 10}.lightbox{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:40px;background:#030608eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox figure{margin:0;max-width:min(1100px,100%)}.lightbox img,.lightbox video{max-height:80vh;width:auto;max-width:100%;border-radius:14px}.lightbox figcaption{margin-top:14px;color:var(--muted)}.lightbox-close{position:absolute;top:24px;right:28px;padding:10px 16px;border-radius:999px;border:1px solid var(--line-strong)}.blog-section{padding:160px 0;border-top:1px solid var(--line)}.blog-list{margin-top:70px;perspective:1200px}.blog-entry{transform-origin:50% 100%;will-change:transform}.blog-inner{display:grid;grid-template-columns:70px 1fr auto;gap:30px;align-items:start;padding:40px 0;border-top:1px solid var(--line-strong);transition:padding .4s var(--ease)}a.blog-inner:hover{padding-left:18px}.blog-number{color:var(--faint);padding-top:10px}.blog-inner h3{font-size:clamp(30px,3.6vw,52px);font-weight:600;letter-spacing:-.04em;line-height:1.05;transition:color .25s}a.blog-inner:hover h3{color:var(--accent)}.blog-inner p{margin-top:14px;color:var(--muted);font-size:17px;max-width:56ch}.blog-tag{padding:6px 12px;border-radius:999px;border:1px solid var(--line-strong);color:var(--muted);font-size:12px;white-space:nowrap}.contact-section{position:relative;padding:170px 0 40px;border-top:1px solid var(--line);overflow:hidden}.contact-section .page-width{position:relative}.contact-heading{font-size:clamp(56px,10vw,160px)}.terminal-box{margin-top:60px;display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;padding:20px 24px;border-radius:14px;border:1px solid var(--line-strong);background:#0e181dcc;max-width:720px;font-size:15px}.terminal-box>span{color:var(--muted)}.terminal-box a{color:var(--ink);font-size:clamp(16px,1.8vw,20px);transition:color .2s}.terminal-box a:hover{color:var(--accent)}.terminal-box button{margin-left:auto;padding:8px 14px;border-radius:8px;border:1px solid var(--line-strong);font-family:var(--mono);font-size:12px;color:var(--accent);transition:background .2s}.terminal-box button:hover{background:var(--accent-soft)}.socials{margin-top:50px;display:flex;flex-wrap:wrap;gap:12px}.socials a{display:inline-flex;gap:8px;padding:12px 20px;border-radius:999px;border:1px solid var(--line-strong);font-size:15px;transition:border-color .2s,background .2s,transform .3s var(--ease)}.socials a:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-3px)}.contact-section footer{margin-top:150px;padding-top:28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:12px}.contact-section footer a:hover{color:var(--accent)}.pin-section.is-static .reel-track{flex-direction:column;align-items:stretch;width:auto;gap:90px;padding:140px 0 0;margin-inline:auto;max-width:min(1240px,calc(100% - 96px));transform:none!important}.pin-section.is-static .reel-intro,.pin-section.is-static .reel-card{width:auto}.pin-section.is-static .timeline-track{flex-direction:column;align-items:stretch;gap:60px;width:auto;height:auto;padding:140px 0;margin-inline:auto;max-width:min(1240px,calc(100% - 96px));transform:none!important}.pin-section.is-static .timeline-intro{width:auto}.pin-section.is-static .timeline-graph ol{flex-direction:column;height:auto;gap:50px}.pin-section.is-static .branch{inset:0 auto 0 8px;width:2px;height:auto}.pin-section.is-static .branch span{height:100%;width:100%}.pin-section.is-static .commit,.pin-section.is-static .commit.is-marker{width:auto;height:auto;padding-left:44px}.pin-section.is-static .commit-dot{top:4px;left:0;margin:0}.pin-section.is-static .commit-card,.pin-section.is-static .commit.is-below .commit-card{position:static;width:auto;max-width:560px;padding-left:0;border-left:0}.pin-section.is-static .commit.is-marker>.mono,.pin-section.is-static .commit.is-marker>a{position:static;translate:none}@media(max-width:1100px){.reel-card{grid-template-columns:1fr;width:min(620px,70vw)}}@media(max-width:860px){:root{--header: 64px}.page-width,.pin-section.is-static .reel-track,.pin-section.is-static .timeline-track{width:calc(100% - 40px);max-width:none}.site-header{padding:0 20px}.menu-toggle{display:block;margin-left:auto;font-family:var(--mono);font-size:13px;padding:10px 16px;border:1px solid var(--line-strong);border-radius:999px}.site-header nav{position:fixed;top:var(--header);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 30px;background:var(--bg);border-bottom:1px solid var(--line);font-size:30px;font-weight:500;letter-spacing:-.03em;transform:translateY(-120%);visibility:hidden;transition:transform .45s var(--ease),visibility .45s}.site-header nav.is-open{transform:none;visibility:visible}.site-header nav a{padding:16px 0;border-bottom:1px solid var(--line);color:var(--ink)}.site-header nav .nav-contact{margin-top:20px;justify-content:center;font-size:18px}.about-layout{grid-template-columns:minmax(0,1fr);gap:50px}.about-code{margin-top:70px}.blog-section{padding:110px 0}.blog-inner{grid-template-columns:1fr;gap:12px;padding:30px 0}.blog-number{padding-top:0}.blog-tag{justify-self:start}.posts-heading{flex-direction:column;align-items:start}.posts-pin.is-static .posts-sticky{padding:110px 0 80px}.pin-section.is-static .reel-track{padding-top:110px;gap:70px}.reel-card{width:auto;gap:26px}.project-index{padding:110px 0 90px}.index-heading{flex-direction:column;align-items:start}.index-preview{display:none}.project-row summary{grid-template-columns:34px 1fr 20px;gap:12px;padding:22px 0}.project-category{display:none}.project-detail{grid-template-columns:1fr;gap:20px;padding-left:46px}.about-section,.gallery-static{padding:110px 0}.code-panel pre{font-size:12px}.pin-section.is-static .timeline-track{padding-block:110px}.commit-year{font-size:44px}.contact-section{padding-top:120px}.terminal-box button{margin-left:0}.contact-section footer{margin-top:100px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.admin-loading{padding:80px 30px}@keyframes blink{50%{opacity:0}}