.pixel-blast-container{width:100%;height:100%;position:relative;overflow:hidden}.circular-text{color:#fff;text-align:center;cursor:pointer;transform-origin:50%;border-radius:50%;width:72px;height:72px;font-weight:900;position:relative}.circular-text span{font-size:9px;line-height:1;transition:all .5s cubic-bezier(0,0,0,1);display:inline-block;position:absolute;inset:0}@font-face{font-family:tiktok;src:url(/fonts/TikTokSans.ttf)format("truetype");font-display:block;font-weight:100 900;font-style:normal}@font-face{font-family:mono;src:url(/fonts/GeistMono-wght.ttf)format("truetype");font-display:block;font-weight:100 900;font-style:normal}@font-face{font-family:tronica-mono;src:url(/fonts/DepartureMono-Regular.otf)format("opentype");font-display:block;font-weight:400;font-style:normal}@font-face{font-family:Halvers Light Italic;src:url(/fonts/HalversLightItalic-1jKlZ.ttf)format("truetype");font-display:swap;font-weight:300;font-style:italic}@font-face{font-family:Bandit;src:url(/fonts/Bandit-Variable-trial.woff2)format("woff2");font-display:swap;font-weight:100 900;font-stretch:50% 200%;font-style:normal}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1111;--stage-bg:#0f1111;--ink:#fff;--muted:#e6e8e899;--quiet:#e6e8e852;--line:#e6e8e814;--accent:#b4b8fd;--bright:var(--accent);--selection-ink:#000;--chrome-ink:var(--ink);--surface-elevated:#191b1b;--font-sans:"tiktok", sans-serif;--font-mono:"mono", monospace;--font-chrome:"tronica-mono", monospace;--font-hero:"Halvers Light Italic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-bandit:"Bandit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max:1700px;--side:clamp(24px, 4.35vw, 74px);--guide-edge:56px;--guide-track:calc((100vw - (var(--guide-edge) * 2)) / 3);--guide-inset:8px;--ease:cubic-bezier(.22, 1, .36, 1);font-family:var(--font-sans)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fdfdfa;--stage-bg:#fdfdfa;--ink:#000;--muted:#36363099;--quiet:#36363052;--line:#3636301a;--chrome-ink:#040404;--surface-elevated:#efede7}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--bg);overflow:hidden}body{background:var(--bg);min-width:0;color:var(--ink);margin:0;overflow:hidden}html,body{scrollbar-width:none;-ms-overflow-style:none;height:100%;overflow:hidden}body::-webkit-scrollbar{width:0;height:0;display:none}::selection{color:var(--selection-ink);background:#b4b8fd85}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-shell{--hero-transition-progress:0;--hero-transition-title-y:0px;--hero-transition-scale:1;--hero-transition-media-opacity:1;--hero-transition-title-opacity:1;--hero-transition-scrim-opacity:0;background:0 0;height:100vh;position:relative;overflow:hidden}.site-guide-layer{z-index:20;pointer-events:none;mix-blend-mode:difference;position:fixed;inset:0}.guide-svg{shape-rendering:crispedges;width:100%;height:100%;display:block}.guide-svg-lines,.guide-svg-crosses{fill:none;vector-effect:non-scaling-stroke}.guide-svg-lines{stroke:#ffffff1a;stroke-width:1px}.guide-svg-crosses{stroke:#fff;stroke-width:1px;opacity:.4}.route-transition{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.route-transition-canvas{width:100%;height:100%;animation:.8s cubic-bezier(.66,0,.01,1) forwards route-transition-cover;position:absolute;inset:0}.entry-loader{z-index:60;pointer-events:none;opacity:1;justify-content:center;align-items:center;width:140px;height:16px;transition:opacity .25s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.entry-loader.is-fading{opacity:0}.entry-loader-track{background:#e6e8e829;border-radius:999px;width:100%;height:6px;position:relative;overflow:hidden}.entry-loader-fill{inset-block:0;width:var(--entry-loader-progress,0%);border-radius:inherit;background:var(--ink);will-change:width;transition:width .52s cubic-bezier(.22,1,.36,1);position:absolute;left:0}.portfolio-shell[data-entry-state=loading] .site-guide-layer,.portfolio-shell[data-entry-state=settling] .site-guide-layer,.portfolio-shell[data-entry-state=loading] .hero,.portfolio-shell[data-entry-state=settling] .hero,.portfolio-shell[data-entry-state=loading] .cover-page,.portfolio-shell[data-entry-state=settling] .cover-page{visibility:hidden}.portfolio-shell[data-entry-state=revealing] .site-guide-layer,.portfolio-shell[data-entry-state=revealing] .hero,.portfolio-shell[data-entry-state=revealing] .cover-page{animation:.8s cubic-bezier(.66,0,.01,1) both entry-content-reveal}@keyframes route-transition-cover{0%{opacity:1}92%{opacity:1}to{opacity:1}}@keyframes entry-content-reveal{0%{opacity:0}30%,to{opacity:1}}.hero{isolation:isolate;place-items:center;min-height:100vh;display:grid;position:relative}.hero-sticky{z-index:0;position:fixed;inset:0}.hero-media{z-index:-2;transform-origin:50%;will-change:transform, opacity;position:absolute;inset:0;overflow:hidden}.portfolio-shell:has(.cover-page) .hero-media{opacity:var(--hero-transition-media-opacity);transform:scale(var(--hero-transition-scale))}.hero-video,.hero-visual-fallback{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-video{z-index:1}.hero-visual-fallback{z-index:0;background:radial-gradient(circle at 42% 46%,oklch(32% .07 215/.46),#0000 26rem),linear-gradient(oklch(4% 0 0),oklch(10% .02 245))}.hero:after{content:"";z-index:-1;background:linear-gradient(oklch(2% 0 0/.12),oklch(2% 0 0/.34));position:absolute;inset:0}.hero:before{content:"";z-index:1;opacity:var(--hero-transition-scrim-opacity);pointer-events:none;will-change:opacity;background:linear-gradient(#0000001f,#00000085),radial-gradient(circle at 50% 68%,#0000003d,#0000 52%);position:absolute;inset:0}.hero-title{z-index:2;aspect-ratio:3000/1939;color:#fff;cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;background:0 0;border:0;place-items:center;width:85vw;max-width:85vw;height:60vh;max-height:60vh;margin:0;display:grid;position:relative}.hero-title-canvas{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-title-fallback{z-index:-1;color:#fff;font-family:var(--font-hero);letter-spacing:0;text-transform:uppercase;text-shadow:0 2px 18px #0000005c;opacity:0;pointer-events:none;place-items:center;font-size:clamp(72px,9vw,172px);font-style:italic;font-weight:300;line-height:.82;display:grid;position:absolute;inset:0}.hero-title-canvas:not([data-engine])+.hero-title-fallback{opacity:1}.hero-title:focus-visible{outline-offset:10px;outline:1px solid #ffffff9e}.portfolio-shell:has(.cover-page) .hero-title{opacity:var(--hero-transition-title-opacity);transform:translateY(var(--hero-transition-title-y))}.cover-page{z-index:1;pointer-events:none;--stage-layer-opacity:0;--stage-scroll-progress:0;--hero-transition-progress:0;--hero-transition-title-y:0px;--hero-transition-scale:1;--hero-transition-media-opacity:1;--hero-transition-title-opacity:1;--hero-transition-scrim-opacity:0;background:0 0;min-height:100vh;margin-top:0;position:fixed;inset:0;overflow:hidden}.cover-page.reference-stage-start{--stage-layer-opacity:1;--hero-transition-progress:1;--hero-transition-title-y:64px;--hero-transition-scale:1.06;--hero-transition-media-opacity:.78;--hero-transition-title-opacity:.58;--hero-transition-scrim-opacity:.36;margin-top:0}.reference-stage-viewport{pointer-events:none;background:0 0;width:100%;height:100vh;min-height:100vh;position:fixed;inset:0;overflow:hidden}.stage-pixel-background{z-index:0;opacity:var(--stage-layer-opacity);pointer-events:none;will-change:opacity;background:0 0;position:fixed;inset:0}.stage-pixel-background .pixel-blast-container{opacity:1;mix-blend-mode:normal;pointer-events:none;position:absolute;inset:0}.stage-pixel-background canvas{pointer-events:none}.reference-stage-canvas{z-index:2;width:100%;height:100vh;opacity:var(--stage-layer-opacity);pointer-events:none;will-change:opacity;position:fixed;inset:0}.stage-chrome{z-index:50;pointer-events:none;height:100vh;color:var(--chrome-ink);font-family:var(--font-chrome);font-size:16px;line-height:1.5;transition:color .3s ease-out;position:fixed;inset:0}.stage-chrome-top,.stage-chrome-bottom{width:100%;padding:28px var(--guide-edge);justify-content:space-between;align-items:center;gap:24px;display:flex;position:absolute;left:0}.stage-chrome-top{top:0}.stage-chrome-bottom{bottom:0}.stage-brand,.stage-chrome button,.stage-chrome-bottom-text,.stage-circular-text{min-height:40px;color:inherit;font:inherit;text-transform:uppercase;pointer-events:auto;align-items:center;padding:8px;display:inline-flex;position:relative}.stage-brand{font-family:var(--font-sans);font-variation-settings:"wght" 700, "wdth" 120;font-weight:700}.chrome-text-decoder{font:inherit;letter-spacing:0;text-transform:inherit;white-space:nowrap;align-items:center;transition:opacity .18s ease-out;display:inline-flex}.chrome-text-decoder-char{text-align:center;font-variant-numeric:tabular-nums;min-width:.62em;display:inline-block}.stage-chrome button{cursor:pointer;background:0 0;border:0}.stage-brand:before,.stage-chrome button:before,.stage-chrome-bottom-text:nth-child(2):before{content:"";border:2px dotted #0000;transition:border-color .2s ease-out;position:absolute;inset:0}.stage-brand:hover:before,.stage-brand:focus-visible:before,.stage-chrome button:hover:before,.stage-chrome button:focus-visible:before,.stage-chrome-bottom-text:nth-child(2):hover:before{border-color:currentColor}.stage-chrome-controls{flex:0 1 var(--guide-track);pointer-events:auto;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.stage-chrome-bottom-text:first-child{position:fixed;bottom:28px;left:56px}.stage-chrome-bottom-text:nth-child(2){position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.stage-circular-text{width:72px;height:72px;min-height:72px;color:inherit;font-family:var(--font-chrome);letter-spacing:0;filter:drop-shadow(0 1px 2px #000000b8);padding:0;position:fixed;bottom:28px;right:56px}.stage-circular-text:before{content:"";opacity:.76;border:1px solid;border-radius:50%;position:absolute;inset:25px}.stage-circular-text span{text-shadow:0 1px 3px #000000b3;font-size:8px;line-height:1}.stage-progress-rail{z-index:52;width:56px;height:200px;color:var(--chrome-ink);opacity:clamp(0, calc(var(--stage-scroll-progress,0) * 900), 1);pointer-events:none;padding:0 12px;transition:opacity .5s ease-out;position:fixed;top:50%;right:0;transform:translateY(-50%)}.stage-progress-rail svg{width:32px;height:200px;display:block;overflow:hidden}.stage-progress-track,.stage-progress-thumb{fill:none;stroke:currentColor;stroke-width:6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.stage-progress-track{stroke-opacity:.2}.stage-progress-thumb{transform:translateY(calc(var(--stage-scroll-progress,0) * 168px));will-change:transform}.reference-stage-content{z-index:3;pointer-events:none;width:100%;min-height:100vh;position:relative}.reference-stage-scroller{z-index:3;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:auto;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden auto}.reference-stage-scroller.is-lenis-stage{--stage-scroll-progress:0;--stage-scroll-velocity:0}.reference-stage-scroller::-webkit-scrollbar{width:0;height:0;display:none}.reference-stage-scroll-content{min-height:100vh;padding-top:100vh}.reference-stage-start .reference-stage-scroll-content{padding-top:0}.reference-stage-content a,.reference-stage-content button,.reference-stage-content video{pointer-events:auto}.profile-dossier-copy,.profile-dossier-contact{pointer-events:auto;-webkit-user-select:text;user-select:text}.profile-dossier-copy *,.profile-dossier-contact *{-webkit-user-select:text;user-select:text}.stage-panel{width:min(100%, var(--max));padding:96px var(--side);margin:0 auto}.profile-dossier{--profile-side-width:minmax(300px, 31vw);--profile-contact-width:minmax(260px, 22vw);--profile-avatar-edge-offset:max(8px, calc((31vw - 520px) / 2));--profile-column-gap:clamp(48px, 5.2vw, 104px);--profile-icon-text-gap:calc(var(--profile-avatar-edge-offset) + 32px);--profile-contact-align-height:min(565px, calc(31vw + 29px));grid-template-columns:var(--profile-side-width) minmax(440px, 1fr) var(--profile-contact-width);column-gap:var(--profile-column-gap);width:100%;max-width:none;min-height:100vh;padding-right:var(--guide-edge);padding-left:var(--guide-edge);align-items:center;row-gap:24px;padding-top:clamp(110px,12vh,150px);padding-bottom:clamp(92px,11vh,142px);display:grid}.profile-avatar-column{grid-column:1;align-self:center;justify-items:center;padding:8px;display:grid}.profile-avatar-frame{aspect-ratio:1;border:1px solid var(--line);width:min(100%,520px);color:inherit;cursor:pointer;background:#040505;border-radius:0;padding:0;display:block;position:relative;overflow:hidden}.profile-avatar-frame:focus-visible{outline-offset:4px;outline:1px solid oklch(88% .004 230/.72)}:root[data-work-image-layer=webgl] .profile-avatar-frame{background:0 0}.profile-avatar-video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.reference-stage-content .profile-avatar-video{pointer-events:none}:root[data-work-image-layer=webgl] .profile-avatar-video,.profile-avatar-video-reverse,.profile-avatar-frame[data-avatar-state=reversing] .profile-avatar-video:not(.profile-avatar-video-reverse){opacity:0}.profile-avatar-frame[data-avatar-state=reversing] .profile-avatar-video-reverse{opacity:1}:root[data-work-image-layer=webgl] .profile-avatar-frame[data-avatar-state=reversing] .profile-avatar-video-reverse{opacity:0}.profile-avatar-caption{width:min(100%,520px);color:var(--quiet);font-family:var(--font-chrome);text-transform:uppercase;justify-content:space-between;gap:16px;margin-top:12px;font-size:12px;line-height:1.4;display:flex}.profile-dossier-copy{grid-column:2;align-self:center;gap:clamp(18px,2vw,32px);max-width:none;padding:8px;display:grid}.profile-kicker{color:var(--accent);font-family:var(--font-chrome);text-transform:uppercase;margin:0 0 -4px;font-size:14px;line-height:1.4}.projects-heading h2{letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(62px,7.4vw,138px);font-weight:760;line-height:.94}.profile-lede,.projects-heading p{width:min(100%,920px);color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(18px,1.42vw,24px);line-height:1.72}.profile-lede-intro{color:var(--ink);font-weight:650}.profile-dossier-copy .profile-lede-intro{text-wrap:balance;width:min(100%,760px);font-size:clamp(34px,2.4vw,48px);font-weight:760;line-height:1.32}.profile-dossier-copy .profile-lede:not(.profile-lede-intro){width:min(100%,660px);font-size:clamp(18px,1.18vw,22px);line-height:1.8}.profile-keyword{color:var(--accent);font-weight:760}.profile-resume-link{color:var(--accent);text-underline-offset:5px;cursor:zoom-in;text-decoration:underline}.profile-resume-link:hover,.profile-resume-link:focus-visible{color:var(--bright)}.profile-dossier-contact{height:min(100%, var(--profile-contact-align-height));width:min(100%,360px);min-width:0;color:var(--ink);border-left:0;grid-column:3;align-content:center;place-self:center end;padding:8px 0 8px 8px;display:grid;position:relative}.profile-contact-heading{top:8px;left:calc(8px - 44px - var(--profile-icon-text-gap));color:var(--accent);font-family:var(--font-chrome);text-transform:uppercase;margin:0;font-size:14px;line-height:1.4;position:absolute}.profile-contact-list{gap:0;display:grid}.profile-contact-item{width:100%;min-width:0;min-height:88px;padding:14px var(--profile-avatar-edge-offset) 14px 0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:18px;display:grid;position:relative}.profile-contact-item-static{cursor:default}.profile-contact-icon{left:calc(0px - 44px - var(--profile-icon-text-gap));color:#fff;background:#000;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.profile-contact-icon-image{color:var(--ink);background:#040505;overflow:hidden}.profile-contact-icon-image img{object-fit:cover;width:100%;height:100%;display:block}.profile-contact-copy{gap:2px;min-width:0;display:grid}.profile-contact-copy span{color:var(--quiet);font-family:var(--font-chrome);text-transform:uppercase;font-size:12px;line-height:1.3}.profile-contact-copy .profile-contact-label{color:var(--accent)}.profile-contact-copy strong{color:var(--ink);font-family:var(--font-chrome);text-transform:uppercase;white-space:nowrap;overflow-wrap:normal;word-break:normal;font-size:clamp(12px,.9vw,15px);font-weight:400;line-height:1.35}.profile-contact-email{text-transform:none;font-size:clamp(11px,.72vw,13px)}.profile-contact-plus{min-width:16px;color:var(--ink);font-family:var(--font-chrome);place-items:center;font-size:22px;line-height:1;display:grid}.profile-contact-item:hover .profile-contact-icon,.profile-contact-item:focus-visible .profile-contact-icon{border-color:oklch(86% .006 230/.48)}.profile-contact-item:hover .profile-contact-copy strong,.profile-contact-item:focus-visible .profile-contact-copy strong,.profile-contact-item:hover .profile-contact-plus,.profile-contact-item:focus-visible .profile-contact-plus{color:var(--bright)}.profile-contact-item-static:hover .profile-contact-copy strong,.profile-contact-item-static:hover .profile-contact-plus{color:var(--ink)}.profile-contact-item:focus-visible{outline-offset:4px;outline:1px solid oklch(88% .004 230/.72)}.image-preview-dialog{z-index:1000;isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(115%);cursor:grab;background:#0f111161;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.image-preview-dialog:active{cursor:grabbing}.image-preview-image{z-index:10;object-fit:contain;max-width:92vw;max-height:92vh;transform:translate3d(var(--image-preview-pan-x,0px), var(--image-preview-pan-y,0px), 0) scale(var(--image-preview-scale,1));transform-origin:50%;pointer-events:none;-webkit-user-select:none;user-select:none;backface-visibility:hidden;will-change:transform;transition:transform .12s ease-out;display:block;position:relative}.project-points small{border:1px solid var(--line);min-height:34px;color:var(--muted);background:oklch(9% .004 190/.68);align-items:center;gap:8px;padding:0 11px;font-size:13px;display:inline-flex}.projects{padding-top:96px;padding-bottom:132px}.projects-heading{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-bottom:96px;display:grid}.projects-heading h2{font-family:var(--font-mono);text-transform:uppercase;grid-column:1/span 3;padding:8px;font-size:clamp(15px,1.1vw,20px);font-weight:500}.projects-heading p{grid-column:5/span 8;padding:8px}.project-list{grid-template-columns:repeat(12,minmax(0,1fr));gap:96px 18px;display:grid}.project-card{min-width:0;color:var(--ink);gap:12px;display:grid}.project-card:first-child{grid-column:5/span 8}.project-card:nth-child(2){grid-column:1/span 5}.project-card:nth-child(3){grid-column:7/span 5}.project-card:nth-child(4){grid-column:1/span 3}.project-card:nth-child(5){grid-column:5/span 3}.project-card:nth-child(6){grid-column:9/span 3}.project-media-slot{aspect-ratio:16/9;pointer-events:none;width:100%;min-height:220px;position:relative}.project-card:first-child .project-media-slot{min-height:clamp(360px,34vw,640px)}.project-card:nth-child(2) .project-media-slot,.project-card:nth-child(3) .project-media-slot{min-height:clamp(260px,23vw,430px)}.project-card:nth-child(n+4) .project-media-slot{aspect-ratio:1;min-height:clamp(210px,18vw,320px)}.project-media-slot>.project-label{z-index:2;color:oklch(4% 0 0);background:var(--bright);font-family:var(--font-mono);text-transform:uppercase;padding:6px 8px;font-size:12px;font-weight:760;position:absolute;top:0;left:0}.project-caption{font-family:var(--font-mono);justify-content:space-between;gap:18px;padding:0 8px;font-size:clamp(14px,1vw,18px);display:flex}.project-caption h3{font:inherit;margin:0;line-height:1.2}.project-caption span{color:var(--muted);flex:none}.project-card>p{max-width:660px;color:var(--muted);margin:0;padding:0 8px;font-size:15px;line-height:1.7}.project-points{flex-wrap:wrap;gap:8px;padding:0 8px;display:flex}.projects-haoqi{width:100%;max-width:none;padding-top:96px;padding-right:var(--guide-edge);padding-bottom:clamp(110px,10vw,180px);padding-left:var(--guide-edge);color:var(--ink);--haoqi-work-unit:calc((100vw - (var(--guide-edge) * 2)) / 12);margin:0}.projects-haoqi .project-list{row-gap:var(--haoqi-work-unit);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:0;display:grid}.projects-haoqi .project-card{min-width:0;min-height:0;display:block}.projects-haoqi .project-card:first-child{grid-column:5/span 8}.projects-haoqi .project-card:nth-child(2){grid-column:1/span 5}.projects-haoqi .project-card:nth-child(3){grid-column:7/span 5}.projects-haoqi .project-card:nth-child(4){grid-area:3/8/auto/span 5}.projects-haoqi .project-card:nth-child(5){grid-area:3/2/auto/span 5}.project-card-link{cursor:pointer;transform-origin:50%;backface-visibility:hidden;will-change:auto;outline:none;padding:8px;display:block;position:relative;transform:none}.projects-haoqi .project-card-link{--project-card-space-y:12px;width:100%;padding:8px;display:block}.project-card-link:focus-visible{box-shadow:inset 0 0 0 1px oklch(88% .004 230/.7)}.projects-haoqi .project-media-slot{aspect-ratio:16/9;pointer-events:none;background:0 0;width:100%;min-height:0;position:relative;overflow:hidden}.projects-haoqi .project-card:first-child .project-media-slot{aspect-ratio:16/9;min-height:0}.projects-haoqi .project-card:nth-child(n) .project-media-slot{min-height:0}.projects-haoqi .project-label{z-index:2;color:oklch(4% 0 0);background:var(--bright);font-family:var(--font-chrome);text-transform:uppercase;padding:0 4px;font-size:12px;font-weight:400;line-height:1.33333;position:absolute;top:0;left:auto;right:0}.project-visual{color:#fff;place-items:center;display:grid}.project-visual-inner{opacity:1;backface-visibility:hidden;position:absolute;inset:0;overflow:hidden;transform:translateZ(.01px)}:root[data-work-image-layer=webgl] .project-visual-inner{opacity:0}.project-shot{object-fit:cover;width:100%;height:100%;display:block}.projects-haoqi .project-caption{min-width:0;margin-top:var(--project-card-space-y);color:var(--ink);font-family:var(--font-chrome);text-transform:uppercase;justify-content:space-between;align-items:flex-start;gap:14px;padding:0 2px;font-size:14px;line-height:20px;display:flex}.projects-haoqi .project-caption h3{min-width:0;font:inherit;letter-spacing:0;overflow-wrap:anywhere;margin:0;font-weight:400}.projects-haoqi .project-caption span{color:var(--muted);font-family:var(--font-chrome);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:10px;font-size:14px;line-height:20px;display:inline-flex}.projects-haoqi .project-caption small{color:var(--muted);font:inherit}.detail-route{width:100%;min-height:100vh;color:var(--ink);pointer-events:auto;position:relative}.detail-toc{top:50%;left:var(--side);z-index:4;width:min(220px,18vw);max-width:28ch;color:var(--muted);font-family:var(--font-sans);flex-direction:column;gap:2px;font-size:14px;line-height:1.45;display:none;position:fixed;transform:translateY(-50%)}@media (width>=1536px){.detail-toc{display:flex}}.detail-toc a{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;width:fit-content;max-width:100%;padding:2px 8px 2px 0;overflow:hidden}.detail-toc a:hover,.detail-toc a:focus-visible{color:var(--ink)}.work-detail{width:min(880px,100%);color:var(--ink);margin:0 auto;padding:96px 24px 140px}.detail-header{margin-bottom:16px;padding-top:10vh}.detail-header h1{color:var(--ink);font-variation-settings:"wdth" 120;letter-spacing:0;margin:0;font-size:clamp(34px,3.4vw,48px);font-weight:700;line-height:1.25}.detail-type{color:var(--muted);font-family:var(--font-chrome);text-transform:uppercase;margin:0 0 8px;font-size:12px;line-height:1.4}.detail-date-row{color:var(--muted);gap:2px;padding-top:12px;font-size:16px;line-height:1.6;display:grid}.detail-copy{color:var(--muted);gap:12px;margin-bottom:18px;display:grid}.detail-copy p,.detail-section p,.detail-section li{text-wrap:pretty;font-size:16px;line-height:1.625}.detail-copy p{margin:0}.detail-copy p+p{margin-top:12px}.detail-meta-strip{flex-wrap:wrap;gap:8px;margin:24px 0 40px;display:flex}.detail-meta-strip span{border:1px solid var(--line);min-height:30px;color:var(--muted);font-family:var(--font-chrome);text-transform:uppercase;align-items:center;padding:0 10px;font-size:12px;line-height:1.4;display:inline-flex}.detail-section p,.detail-section li{margin:0 0 16px}.detail-copy a,.detail-section a,.detail-metadata a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--quiet);text-decoration-color:var(--quiet);text-underline-offset:4px}.detail-copy code,.detail-section code{background:color-mix(in srgb, var(--ink) 8%, transparent);color:var(--ink);font-family:var(--font-mono);border-radius:4px;padding:2px 6px;font-size:.9em}.detail-section{margin-top:0}.detail-section h2{color:var(--ink);margin:48px 0 16px;font-size:24px;font-weight:600;line-height:1.25;position:relative}.detail-section h2 a{color:inherit;text-decoration:none}.detail-section.is-thanks h2{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:14px;display:flex}.detail-thanks-icon{color:var(--ink);flex:none}.detail-section ul{gap:0;margin:0 0 16px;padding-left:20px;display:grid}.detail-section li::marker{color:var(--bright)}.detail-thanks-list{margin-top:8px}.detail-thanks-list a{color:#0b63ff;text-decoration-color:currentColor}.coding-showcase-videos{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:clamp(12px,1.6vw,20px);margin:24px 0 28px;display:grid}.coding-showcase-video-card{min-width:0;margin:0}.coding-showcase-video-frame{aspect-ratio:9/16;background:#000;align-items:end;width:100%;display:grid;overflow:hidden}.coding-showcase-video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.coding-showcase-video-card figcaption{color:var(--muted);font-family:var(--font-chrome);text-transform:uppercase;margin-top:10px;font-size:12px;line-height:1.4}.coding-showcase-image{margin:0 0 8px}.coding-showcase-image img{cursor:zoom-in;background:#000;width:100%;height:auto;display:block}.coding-showcase-image figcaption{color:var(--muted);font-family:var(--font-chrome);text-transform:uppercase;margin-top:10px;font-size:12px;line-height:1.4}.video-detail{width:min(1180px,100%)}.video-detail-header{margin-bottom:28px}.video-player-section{margin:0 0 28px;position:relative}.video-detail-player{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.video-play-button{z-index:4;color:#fff;cursor:pointer;background:#0000006b;border:1px solid #ffffffa3;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;top:min(50%,28vh);left:50%;transform:translate(-50%,-50%)}.video-play-button svg{pointer-events:none;margin-left:3px}.video-detail-copy{width:min(760px,100%);margin:0 0 22px}.video-tool-strip{flex-wrap:wrap;gap:8px;width:min(760px,100%);margin:0 0 48px;display:flex}.video-tool-strip span{border:1px solid var(--line);min-height:30px;color:var(--muted);font-family:var(--font-chrome);text-transform:uppercase;align-items:center;padding:0 10px;font-size:12px;line-height:1.4;display:inline-flex}.video-frame-gallery{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(10px,1.2vw,18px);display:grid}.video-frame-card{aspect-ratio:16/9;background:color-mix(in srgb, var(--ink) 4%, transparent);grid-column:span 6;margin:0;overflow:hidden}.video-frame-card.is-portrait{aspect-ratio:3/4;grid-column:span 4}.video-frame-card.is-square{aspect-ratio:1;grid-column:span 4}.video-frame-card.is-transparent{background:0 0}.video-frame-gallery.is-centered-mix .video-frame-card:first-child{grid-column:2/span 6}.video-frame-gallery.is-centered-mix .video-frame-card:nth-child(2){grid-column:8/span 4}.video-frame-gallery.is-centered-mix .video-frame-card:nth-child(3){grid-column:2/span 4}.video-frame-gallery.is-centered-mix .video-frame-card:nth-child(4){grid-column:6/span 6}.video-detail-frame{cursor:zoom-in;object-fit:cover;background:#050607;width:100%;height:100%;display:block}.video-detail-frame.is-contain{object-fit:contain;background:0 0}.detail-code{background:color-mix(in srgb, var(--ink) 3%, transparent);border-radius:12px;margin:24px 0;overflow:hidden}.detail-code figcaption{height:36px;color:var(--muted);font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;display:flex}.detail-code button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.detail-code pre{color:var(--ink);font-family:var(--font-mono);margin:0;padding:10px 20px;font-size:14px;line-height:1.62;overflow-x:auto}.detail-code code{color:inherit;background:0 0;gap:0;padding:0;display:grid}.code-line{grid-template-columns:auto 1fr;gap:16px;min-width:max-content;display:grid}.code-line-number{color:var(--quiet);font-variant-numeric:tabular-nums}.detail-metadata{background:color-mix(in srgb, var(--ink) 3%, transparent);border-radius:12px;margin-top:64px;padding:24px}.detail-metadata h2{margin:0 0 28px;font-size:20px}.detail-metadata dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;display:grid}.detail-metadata dt{color:var(--muted);margin-bottom:8px;font-size:14px}.detail-metadata dd{color:var(--ink);margin:0;font-size:14px;line-height:1.55}.detail-metadata dd a{width:fit-content;font-family:var(--font-mono);margin-top:4px;display:block}.site-footer{--site-footer-gap:clamp(32px, 6vw, 92px);--site-footer-content-width:calc(100vw - (var(--guide-edge) * 2));--site-footer-first-column-width:calc((var(--site-footer-content-width) - (var(--site-footer-gap) * 3)) / 19 * 6);--site-footer-work-shift:calc(var(--guide-track) + var(--guide-inset) - (var(--site-footer-first-column-width) + var(--site-footer-gap)));column-gap:var(--site-footer-gap);width:100%;padding:clamp(56px, 7vw, 86px) var(--guide-edge) clamp(72px, 7vw, 96px);color:var(--muted);font-family:var(--font-chrome);pointer-events:auto;grid-template-columns:1.2fr .6fr .6fr 1.4fr;row-gap:28px;margin:0;font-size:clamp(13px,.92vw,16px);line-height:1.42;display:grid}.site-footer-brand{color:var(--ink);font-family:var(--font-hero);margin:0;padding-left:8px;font-size:clamp(24px,1.8vw,36px);font-style:italic;font-weight:300;line-height:1}.site-footer-links{align-content:start;gap:6px;display:grid}.site-footer-links:first-of-type{transform:translateX(var(--site-footer-work-shift))}.site-footer-links:nth-of-type(2){transform:translateX(calc(var(--site-footer-work-shift) / 2))}.site-footer a{width:fit-content;color:inherit;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:var(--ink)}.site-footer-note{gap:14px;display:grid}.site-footer-note p{max-width:58ch;margin:0}@media (width<=1180px){.profile-avatar-column,.profile-dossier-copy,.profile-dossier-contact{grid-column:1/-1}.profile-dossier{grid-template-columns:1fr;align-items:start;column-gap:0}.profile-avatar-column{width:min(520px,100%)}.profile-dossier-copy{max-width:760px}.profile-dossier-contact{align-content:start;place-self:start stretch;width:100%;height:auto;padding-left:8px}.profile-contact-heading{margin:0 0 8px;position:static}.profile-contact-item{grid-template-columns:44px minmax(0,1fr) auto;column-gap:16px}.profile-contact-icon{position:static;transform:none}}@media (width<=860px){:root{--guide-edge:24px}.profile-avatar-column,.profile-dossier-copy,.profile-dossier-contact,.projects-heading h2,.projects-heading p,.project-card,.project-card:nth-child(n){grid-column:1/-1}.profile-dossier{grid-template-columns:1fr;align-items:start;column-gap:0}.profile-avatar-column{width:min(520px,100%)}.profile-dossier-copy{max-width:760px}.profile-dossier-contact{grid-column:1/-1;align-content:start;place-self:start stretch;width:100%;height:auto;padding-left:8px}.profile-contact-heading{margin:0 0 8px;position:static}.profile-contact-item{grid-template-columns:44px minmax(0,1fr) auto;column-gap:16px}.profile-contact-icon{position:static;transform:none}.projects-haoqi{padding-right:var(--side);padding-left:var(--side)}.projects-haoqi .project-list{row-gap:34px}.projects-haoqi .project-card{min-height:0;display:block}.projects-haoqi .project-card:nth-child(n){grid-area:auto/1/auto/-1}.projects-haoqi .project-card-link{padding:8px}.detail-toc{width:auto;max-width:none;padding:92px var(--side) 0;flex-flow:wrap;position:static;transform:none}.work-detail{padding-top:28px}.coding-showcase-videos,.video-frame-gallery{grid-template-columns:1fr}.video-frame-card,.video-frame-card.is-portrait,.video-frame-card.is-square,.video-frame-gallery.is-centered-mix .video-frame-card:nth-child(n){grid-column:1/-1}.detail-metadata dl{grid-template-columns:1fr}.stage-progress-rail{display:none}.site-footer{padding-right:var(--side);padding-left:var(--side);grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-links:first-of-type,.site-footer-links:nth-of-type(2){transform:none}.site-footer-note{grid-column:1/-1}}@media (width<=720px){:root{--side:18px}.stage-chrome{font-size:11px}.stage-chrome-top,.stage-chrome-bottom{padding:18px var(--side)}.stage-chrome-bottom-text:nth-child(2){display:none}.stage-chrome-bottom-text:first-child{left:var(--side);bottom:18px}.stage-circular-text{right:var(--side);position:fixed;bottom:18px}.hero-title{width:min(96vw,640px);height:min(42vh,320px)}.stage-panel{padding-top:82px;padding-bottom:82px}.site-footer{grid-template-columns:1fr;padding-top:54px;padding-bottom:76px}.profile-lede,.projects-heading p{font-size:clamp(18px,5vw,24px)}.profile-dossier-copy .profile-lede-intro{font-size:clamp(30px,8vw,38px)}}@media (prefers-reduced-motion:reduce){.hero-title-canvas{display:none}.hero-title-fallback{opacity:1}.chrome-text-decoder{transition:none}.project-card-link{transform:none}.reference-stage-scroller{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}