.tilted-card{position:relative;display:flex;align-items:center;justify-content:center;margin:0;outline:none;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.tilted-card[data-interactive]{cursor:pointer}.tilted-card[data-active]{z-index:2}.tilted-card__shadow{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;background:var(--tc-shadow-color, rgba(0, 0, 0, .55));filter:blur(20px);opacity:0;pointer-events:none;will-change:transform,opacity}.tilted-card__body{position:relative;max-width:100%;max-height:100%;transform-style:preserve-3d}.tilted-card__face{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--tc-radius);backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate}.tilted-card__back{transform:rotateY(180deg)}.tilted-card__img{position:absolute;display:block;max-width:none;object-fit:cover;pointer-events:none}.tilted-card__layer{position:absolute;top:0;right:0;bottom:0;left:0}.tilted-card__img,.tilted-card__layer{transform:translate3d(calc(var(--tc-px, 0) * var(--tc-depth, 0) * 1px),calc(var(--tc-py, 0) * var(--tc-depth, 0) * 1px),0)}.tilted-card__glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:radial-gradient(farthest-corner circle at var(--tc-gx, 50%) var(--tc-gy, 50%),rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .34)) 0%,rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .331)) 9%,rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .285)) 18%,rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .202)) 27%,rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .108)) 36%,rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .035)) 45%,rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .003)) 54%,rgba(var(--tc-glare-rgb, 255, 255, 255),0) 60%);mix-blend-mode:screen;pointer-events:none}.tilted-card__rim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--tc-rim-color, rgba(255, 255, 255, .08)),inset 0 1px 0 var(--tc-rim-light, rgba(255, 255, 255, .12));pointer-events:none}.tilted-card__edge{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;box-sizing:border-box;padding:1px;border-radius:inherit;background:radial-gradient(farthest-side circle at var(--tc-gx, 50%) var(--tc-gy, 50%),rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .85)) 0%,rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .71)) 18%,rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .43)) 36%,rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .16)) 54%,rgba(var(--tc-glare-rgb, 255, 255, 255),calc(var(--tc-glare, 0) * .02)) 72%,rgba(var(--tc-glare-rgb, 255, 255, 255),0) 85%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.tilted-card:focus-visible .tilted-card__rim{box-shadow:inset 0 0 0 2px #ffffffb3,inset 0 0 0 3px #00000059}.tilted-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;transform:translateZ(var(--tc-lift, 30px));backface-visibility:hidden;-webkit-backface-visibility:hidden}.tilted-card__caption{position:absolute;top:0;left:0;z-index:3;margin:16px 0 0 14px;padding:5px 9px;border-radius:7px;background:#fff;box-shadow:0 0 0 1px #18181b14,0 8px 18px -8px #00000073;color:#18181b;font-size:12px;font-weight:500;line-height:16px;white-space:nowrap;opacity:0;pointer-events:none;transform-origin:0 0;will-change:transform,opacity}:root{--ink:#0b0c0b;--lime:#ccfa59;--line:#30322f;color:#f4f5ee;background:var(--ink);font-family:Arial,Microsoft YaHei,sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:hover,button:hover{color:var(--lime)}header{position:absolute;inset:0 0 auto;z-index:2}.nav,.heroFrame,main,.contactInner,footer{width:90%;max-width:1700px;margin:auto}.nav{height:86px;border-bottom:1px solid #ffffff29;display:flex;align-items:center;justify-content:space-between}.brand,nav,.contactBtn,.eyebrow,.heroFoot,.playPanel,.heroFoot a,.action{display:flex;align-items:center}.brand{gap:10px;font-size:24px;letter-spacing:-1.6px}.brand span{font:10px monospace;vertical-align:top}.mark{width:43px;color:var(--lime)}nav{gap:36px;color:#a5a7a0;font-size:13px}nav .active{color:#fff}nav .active:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);vertical-align:middle;margin-right:7px}.contactBtn{border:1px solid #6a6d62;border-radius:30px;padding:9px 17px;gap:18px;font-size:13px}i{font-style:normal}.hero{position:relative;isolation:isolate;overflow:hidden;background:#080a07}.hero video,.veil{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.veil{z-index:-1;background:linear-gradient(90deg,#080a078c,transparent 54%)}.heroFrame{min-height:max(670px,100svh);display:flex;flex-direction:column;justify-content:center;position:relative;padding:118px 0 110px}.eyebrow,.label,.heroFoot,article small,.projectInfo small,footer{font:10px/1.5 Consolas,monospace;letter-spacing:1.7px}.eyebrow{gap:12px;color:#d3d7c9}.eyebrow em{width:25px;height:1px;background:#646659}.dot{width:7px;height:7px;background:var(--lime);border-radius:50%}h1{font-size:clamp(90px,9.6vw,179px);letter-spacing:-.078em;line-height:.88;margin:30px 0 28px;font-weight:600}h1 span{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;letter-spacing:-.088em}strong{color:var(--lime)}h1 strong{font-style:normal;margin-left:6px}.hero h2{font-size:clamp(18px,1.6vw,29px);letter-spacing:.06em;font-weight:500;margin:0}.hero h2 small,.hero p i{color:#797d73;margin:0 7px}.hero p{color:#aab0a2;font-size:14px;letter-spacing:.08em;margin:12px 0 28px}.action{background:var(--lime);color:#0b1004;border-radius:30px;width:max-content;padding:13px 19px;gap:29px;font-size:13px;font-weight:600}.action:hover{color:#000;background:#ddff95}.action b{font-size:18px}.heroFoot{position:absolute;bottom:0;left:0;right:0;height:72px;justify-content:space-between;color:#b9bdb1;font-size:9px}.heroFoot a,.playPanel{gap:12px}.heroFoot a span{font-size:19px;color:var(--lime)}.equal{color:var(--lime);letter-spacing:1px}.playPanel button,.dialogHead button{background:transparent;border:1px solid #666b5d;border-radius:50%;width:30px;height:30px}.label{color:var(--lime)}main section{padding:95px 0;border-bottom:1px solid var(--line)}h3{font-size:clamp(36px,4vw,72px);letter-spacing:-.055em;margin:14px 0 42px}h3 span{font:italic .5em Georgia;color:#91968a;letter-spacing:-.04em;margin-left:20px}h4{font-size:24px;margin:8px 0 16px}.bio{display:grid;grid-template-columns:minmax(130px,220px) 1fr 15%;gap:5%;align-items:center}.bio img{width:100%;filter:none}main p,dialog p{font-size:15px;color:#b5b9af;line-height:1.9}.bio a{font:15px monospace}.stats{display:grid;color:#acafa5;font-size:13px}.stats strong{font-size:54px;font-weight:400}.grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px}.project{text-align:left;background:none;padding:0;border:0}.cover{aspect-ratio:1.7;overflow:hidden;background:#181b17}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project:hover img{transform:scale(1.035)}.projectInfo{position:relative;padding:18px 40px 0 0}.projectInfo i{position:absolute;right:4px;top:26px;font-size:28px}.projectInfo small,article small{color:#a1aa95}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skills article{padding:32px;background:#161815;border:1px solid var(--line)}article b{display:block;font-size:42px;color:var(--lime);margin-bottom:35px}#contact{min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(ellipse at 90% 80%,#202818,transparent 55%)}.contactInner h3{font-size:clamp(75px,12vw,200px);margin:25px 0}.contactInner a{display:block;width:max-content}.mail{color:var(--lime);font-size:clamp(22px,3vw,48px);margin:24px 0 12px}footer{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between}dialog{color:inherit;background:#141612;border:1px solid #4d5247;padding:24px;width:min(900px,94vw);max-height:92svh}dialog::backdrop{background:#000c}dialog img{width:100%;height:53vh;object-fit:contain;background:#090a09}.dialogHead,.controls{display:flex;align-items:center;justify-content:space-between}.dialogHead button{font-size:21px}.controls button{background:transparent;border:1px solid var(--line);padding:8px 12px}@media(max-width:760px){.nav{height:68px}nav{gap:12px;font-size:11px}nav a:first-child{display:none}.brand{font-size:18px;gap:4px}.mark{width:28px}.contactBtn{padding:7px 10px;gap:6px;font-size:11px}.heroFrame{min-height:max(630px,100svh)}.hero video{object-position:64% center;opacity:.72}.veil{background:linear-gradient(90deg,#080a07bf,transparent)}h1{font-size:clamp(84px,16vw,116px)}.eyebrow{font-size:8px;gap:8px}.heroFoot{letter-spacing:.6px}.heroFoot a,.playPanel{gap:5px}main section{padding:65px 0}.bio{grid-template-columns:90px 1fr;align-items:start;gap:20px}.stats{grid-column:span 2;display:flex;align-items:center;gap:14px}.stats strong{font-size:32px}.skills,.grid{grid-template-columns:1fr}.skills article{padding:22px}article b{margin-bottom:12px}.hero h2 small{margin:0 3px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}:root{--ink:#060606;--lime:#c7ff8c;--line:#343434;background:#060606}.nav,main,.contactInner,footer{width:94%;max-width:1700px;margin-inline:auto}.nav{height:76px;border:0}.mark{color:#f7f7f7}.brand{letter-spacing:-1.8px}.hero{width:100%;padding:0}.stage{position:relative;isolation:isolate;overflow:hidden;height:100vh;height:100dvh;background:#382f34}.stage video{object-position:63% 38%}.veil{background:linear-gradient(90deg,#100c1166,transparent 66%),linear-gradient(0deg,#0807097a,transparent 25%)}.topline,.heroFoot{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;font:10px/1.3 Consolas,monospace;letter-spacing:1.7px;color:#f3f1ec}.topline{top:76px;height:54px}.heroCopy{position:absolute;left:4%;bottom:17%;right:0}.hero h1{font-family:Arial,sans-serif;font-size:clamp(84px,9.8vw,180px);font-weight:900;line-height:.79;letter-spacing:-.08em;margin:26px 0}.hero h1 .star{color:var(--lime);font:400 .4em Arial;vertical-align:top;display:inline-block;margin:0 0 0 .14em}.hero .eyebrow{color:#fff;font-size:12px;letter-spacing:.14em}.hero p{color:#eee8ea}.action{border-radius:3px;padding:10px 15px;font-size:12px}.heroFoot{height:54px}.heroFoot a span{color:#fff}.playPanel button{border-color:#fff9}.skills{gap:0;border-left:1px solid var(--line)}.skills article{background:transparent;border-left:0}.workTitle{font-size:clamp(64px,7.5vw,145px);line-height:.82;font-weight:900;letter-spacing:-.075em}.workTitle sup{font:14px monospace;vertical-align:top;margin-left:12px}.grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:50px 2.5%}.project{grid-column:span 5;border-top:1px solid #777;padding-top:10px}.project:nth-child(4n+1),.project:nth-child(4n){grid-column:span 7}.cover{aspect-ratio:1.65}.projectInfo small{color:#bac0b4}.projectInfo h4{margin-top:6px}.stats strong{color:#fff}.contactInner h3{font-weight:900}.contactInner h3 strong{color:var(--lime)}#contact{background:#090909}.brand:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:760px){.topline{top:68px}.nav{height:68px}.stage video{opacity:1;object-position:60% center}.veil{background:linear-gradient(0deg,#0a0609dc,transparent 75%)}.heroCopy{bottom:16%}.hero h1{font-size:clamp(70px,13.7vw,100px)}.topline,.heroFoot{font-size:8px;letter-spacing:.7px}.hero p{font-size:11px}.grid{grid-template-columns:1fr;gap:26px}.project,.project:nth-child(n){grid-column:1}.stage .eyebrow{font-size:10px}}.stage{background:#080808}.stage video{opacity:.44}.stage .veil{background:linear-gradient(90deg,#00000080,#0000000d 72%),linear-gradient(0deg,rgba(0,0,0,.34),transparent 48%)}@media(max-width:760px){.stage video{opacity:.36}}a,button,.brand .mark,.projectInfo small{transition:color .16s ease,background-color .16s ease,border-color .16s ease}a:is(:hover,:focus-visible),nav a.active:is(:hover,:focus-visible),.brand:is(:hover,:focus-visible) .mark,.heroFoot a:is(:hover,:focus-visible) span{color:var(--lime)}.contactBtn:is(:hover,:focus-visible),.playPanel button:is(:hover,:focus-visible),.dialogHead button:is(:hover,:focus-visible),.controls button:is(:hover,:focus-visible){color:#10130d;background-color:var(--lime);border-color:var(--lime)}.action:is(:hover,:focus-visible){color:#10130d;background-color:#fff}.project:is(:hover,:focus-visible){color:var(--lime);border-color:var(--lime)}.project:is(:hover,:focus-visible) .projectInfo small{color:var(--lime)}.mail:is(:hover,:focus-visible){color:#fff}header.floatingNav{position:fixed;z-index:20;background:#101110eb;box-shadow:0 1px #ffffff24,0 5px 24px #0000002e}@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){header.floatingNav{background:#101110ab;-webkit-backdrop-filter:blur(18px) saturate(125%);backdrop-filter:blur(18px) saturate(125%)}}section[id]:not(#home){scroll-margin-top:76px}@media(max-width:760px){section[id]:not(#home){scroll-margin-top:68px}}#root{isolation:isolate}.portfolioBackground{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.24;pointer-events:none}.hero,.stage,#contact{background:transparent}@media(max-width:760px){.portfolioBackground{opacity:.18}}.projectTilt{aspect-ratio:1.65}.projectTilt,.skillTilt{position:relative;min-width:0}.project:has(.tilted-card[data-active]),.skillTilt:has(.tilted-card[data-active]){position:relative;z-index:2}.galleryEntry{display:block;width:100%;border:0;background:transparent;padding:18px 90px 0 0;text-align:left;color:inherit}.galleryEntry i{font-size:13px}.galleryEntry:is(:hover,:focus-visible){color:var(--lime)}.skills{gap:15px;border:0}.skillTilt{height:250px}.skillTilt .tilted-card__front,.tiltBack{background:#181b17}.skillFace,.tiltBack{height:100%;padding:clamp(20px,2vw,35px)}.skillFace b{display:block;color:var(--lime);font-size:42px;margin-bottom:28px}.skillFace small{color:#b6c0ad}.tiltBack{display:flex;flex-direction:column;justify-content:center;overflow:auto}.tiltBack strong{font-size:clamp(18px,2vw,30px)}.tiltBack p{margin:10px 0 0}.flipHint{position:absolute;right:17px;bottom:16px;padding:4px 8px;color:#fff;background:#101210d9;border-radius:3px;font-size:12px}.fullPage{display:block}.fullPage img{display:block;object-fit:contain;background:#343634}.pagePicker{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 0}.pagePicker label{min-width:0;flex:1 1 240px;font-size:13px}.pagePicker select{width:min(78%,540px);color:inherit;background:#171917;padding:7px}.pagePicker a{color:var(--lime);font-size:13px}.galleryEntry{padding-right:140px}.manager{padding:40px 0;max-width:1500px}.manager h1{font-size:48px;letter-spacing:-.05em}.manager fieldset{border:0;margin:0;padding:0;min-width:0}.manager button,.manager select,.manager input,.manager textarea,.exitPreview{color:#eee;background:#181b17;border:1px solid #4a5145;border-radius:4px;padding:8px}.manager button:disabled{opacity:.4}.manager button:hover:enabled,.manager .picked{border-color:var(--lime);color:var(--lime)}.adminBar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:14px 0}.manager .publish,.exitPreview{background:var(--lime);color:#111}.adminLayout{display:grid;grid-template-columns:230px 1fr;gap:24px}.adminLayout aside{display:flex;flex-direction:column;gap:5px}.adminLayout aside button{text-align:left}.editAlbum>label{display:grid;gap:5px;margin-bottom:9px}.adminImages{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:10px}.adminImages label{background:#171917;border:1px solid #383c37;overflow:hidden;cursor:pointer}.adminImages img{width:100%;height:115px;object-fit:contain}.adminImages span{display:block;padding:5px;font-size:12px;overflow-wrap:anywhere}.exitPreview{position:fixed;right:12px;bottom:15px;z-index:50}@media(max-width:760px){.adminLayout{grid-template-columns:1fr}.adminLayout aside{max-height:175px;overflow:auto}}.stage{--hero-inset: max(4%, calc((100% - 1700px)/2) )}.heroCopy{left:var(--hero-inset)}.stage :is(.topline,.heroFoot){padding-inline:var(--hero-inset)}@media(max-height:560px){.stage .topline{display:none}.heroCopy{bottom:54px}.hero h1{font-size:clamp(48px,13vh,76px);margin:10px 0}.hero p{margin:8px 0}}.titleMask,.titleInk{display:block;font:inherit;letter-spacing:inherit}.titleMask{overflow:clip;padding:.09em .08em .09em 0;margin:-.09em -.08em -.09em 0}.titleInk{transform-origin:left bottom}.editorialTitle{font-size:clamp(42px,7.4vw,136px);line-height:.92;font-weight:900;letter-spacing:-.075em}.openingShutter{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;pointer-events:none;z-index:-1}.openingBlade{flex:1;background:#101110;transform:scaleY(0);transform-origin:top}.openingBlade:nth-child(2){background:#161815}.portraitMask img{display:block}.sectionHeading[data-entry=ready] .titleInk{transform:translate3d(-.09em,112%,0) skewY(7deg) scale(.84,.74)}.navActions{display:flex;align-items:center;gap:clamp(5px,1vw,16px)}.motionSwitch{background:transparent;border:0;color:#d2d5cb;font-size:12px;padding:6px 2px}.motionSwitch:hover,.motionSwitch:focus-visible{color:var(--lime)}@media(max-width:480px){.nav nav{gap:7px}.motionSwitch{font-size:10px}.navActions{gap:3px}}.portraitMask img{height:auto}.fullPage{position:relative}.fullPage .bufferedPage{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none}.projectMeta{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 0 0}.projectMeta>div{flex:1 1 200px;min-width:0}.projectMeta small{font:500 clamp(16px,1.25vw,21px)/1.5 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.035em;color:#d2d9c9}.projectMeta h4{margin:6px 0 0;font-size:clamp(23px,2vw,34px)}.projectMeta .galleryEntry,.zoomButton,.zoomBar button{width:auto;min-height:44px;padding:10px 16px;border:1px solid var(--lime);border-radius:5px;background:var(--lime);color:#10150a;font-size:16px;font-weight:600}.projectMeta .galleryEntry{margin-left:auto;white-space:nowrap}.projectMeta .galleryEntry:is(:hover,:focus-visible),.zoomButton:is(:hover,:focus-visible),.zoomBar button:is(:hover,:focus-visible){background:#fff;border-color:#fff;color:#111}main p,dialog p,.bio a,.hero p,.pagePicker label,.pagePicker select,.controls{font-size:clamp(16px,1.25vw,20px)}nav,.action,.contactBtn,.stats,.skillFace small,.motionSwitch,.flipHint{font-size:clamp(14px,1.1vw,18px)}.label,.hero .eyebrow,.stage .topline,.heroFoot,footer{font-size:clamp(12px,1vw,16px)}.fullPage{width:100%;padding:0;border:0;cursor:zoom-in}.zoomDialog{width:min(1500px,98vw);max-width:98vw;max-height:96dvh;padding:0;overflow:hidden}.zoomBar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid var(--line)}.zoomBar>button:last-child{background:transparent;color:var(--lime)}.zoomCanvas{max-height:calc(95dvh - 70px);overflow:auto;background:#101110}.zoomCanvas img{display:block;width:auto;min-width:100%;height:auto;max-width:none;margin:auto}@media(max-width:600px){.nav{height:auto;min-height:78px;flex-wrap:wrap;gap:4px 12px;padding:6px 0}.nav nav{order:3;width:100%;justify-content:center;gap:20px;font-size:14px}.navActions{margin-left:auto}.stage .topline{top:82px}.heroFoot,.stage .topline{letter-spacing:.3px;font-size:11px}.stage .eyebrow{font-size:13px}.zoomCanvas img{min-width:100%}section[id]:not(#home){scroll-margin-top:86px}}.zoomPaging{display:flex;align-items:center;justify-content:center;gap:12px}.zoomPaging span{white-space:nowrap;font-variant-numeric:tabular-nums}.zoomPaging button:disabled{opacity:.45;cursor:default}.zoomDialog[open]{display:flex;flex-direction:column}.zoomCanvas{min-height:0}@media(max-width:620px){.zoomBar{flex-wrap:wrap}.zoomPaging{order:1;width:100%}.zoomBar button{padding:7px 12px}}