:root{--white:#fff;--ink:#000;--line:#ffffff29;--cyber-yellow:#f2e900;--cyber-cyan:#00f0ff;--cyber-red:#ff003c;--cyber-black:#050505;--cyber-panel:#050505c7;--cyber-line:#00f0ff6b;--green:var(--cyber-cyan);--display:var(--font-display), "Arial Narrow", "Helvetica Neue Condensed Black", Impact, Haettenschweiler, "Franklin Gothic Heavy", sans-serif;--latin-body:var(--font-latin-body), "DIN Alternate", "Avenir Next Condensed", "Helvetica Neue", Arial, sans-serif;--zh-title:var(--font-zh-title), "LiSu", "隶书", "STLiti", "华文隶书", "FZLiShu-S01", "FZCuLiShu-S10", "Weibei SC", "魏碑", "Xingkai SC", "行楷", "Kaiti SC", "STKaiti", "KaiTi", cursive;--zh-ui:var(--font-zh-ui), "Weibei SC", "魏碑", "LiSu", "隶书", "Hannotate SC", "HanziPen SC", cursive;--zh-body:var(--font-zh-body), "LXGW WenKai Screen", "LXGW WenKai", "Kaiti SC", "STKaiti", "KaiTi", "FZKai-Z03", "Hannotate SC", "HanziPen SC", serif;--mono:var(--font-mono), "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;font-family:var(--zh-body);color:var(--white);background:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}@media (hover:hover) and (pointer:fine){html,body,a,button,input,textarea,select,[role=button]{cursor:none}}::selection{color:#000;background:var(--cyber-yellow)}
main{min-height:100vh;color:var(--cyber-yellow);background:var(--cyber-black);overflow-x:hidden}.cyber-cursor{z-index:90;pointer-events:none;opacity:1;mix-blend-mode:normal;will-change:transform;width:1px;height:1px;position:fixed;top:0;left:0}.cyber-cursor,.cyber-cursor *{transform-origin:50%}.cyber-cursor[data-hidden=true]{opacity:0}.cyber-cursor-ring,.cyber-cursor-core,.cyber-cursor span{pointer-events:none;position:absolute;top:0;left:0}.cyber-cursor-ring{border:1px solid var(--cyber-cyan);width:34px;height:34px;transition:width .16s,height .16s,border-color .16s,box-shadow .16s,transform .16s;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 1px #050505b8,0 0 22px #00f0ff6b}.cyber-cursor-ring:before,.cyber-cursor-ring:after{content:"";background:var(--cyber-yellow);position:absolute}.cyber-cursor-ring:before{width:58px;height:1px;top:50%;left:-12px;transform:translateY(-50%)}.cyber-cursor-ring:after{width:1px;height:58px;top:-12px;left:50%;transform:translate(-50%)}.cyber-cursor-core{background:var(--cyber-yellow);width:7px;height:7px;transition:width .16s,height .16s,background .16s,box-shadow .16s;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #050505bf,0 0 16px #f2e900c7}.cyber-cursor span{color:#050505;background:var(--cyber-yellow);min-width:48px;font-family:var(--mono);text-transform:uppercase;white-space:nowrap;opacity:0;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);padding:6px 9px 5px;font-size:11px;font-weight:700;line-height:1;transition:opacity .12s,transform .16s,color .16s,background .16s;transform:translate(20px,-26px)skew(-10deg)}.cyber-cursor[data-interactive=true] .cyber-cursor-ring{border-color:var(--cyber-yellow);width:52px;height:52px;transform:translate(-50%,-50%)rotate(0)skew(-8deg);box-shadow:0 0 0 1px #050505db,0 0 30px #f2e9006b}.cyber-cursor[data-interactive=true] .cyber-cursor-core{background:var(--cyber-cyan);width:10px;height:10px;box-shadow:0 0 0 2px #050505bf,0 0 18px #00f0ffcc}.cyber-cursor[data-interactive=true] span{opacity:1;transform:translate(24px,-30px)skew(-10deg)}.cyber-cursor[data-text=true] .cyber-cursor-ring{border-color:#00f0ffeb #0000;width:58px;height:24px;transform:translate(-50%,-50%)rotate(0)skew(-8deg);box-shadow:inset 0 0 0 1px #f2e90042,0 0 24px #00f0ff75}.cyber-cursor[data-text=true] .cyber-cursor-core{background:var(--cyber-yellow);width:34px;height:2px;transform:translate(-50%,-50%)skew(-8deg);box-shadow:0 -9px #00f0ffd1,0 9px #00f0ffd1,0 0 18px #f2e900b8}.cyber-cursor[data-pressed=true] .cyber-cursor-ring{border-color:var(--cyber-red);width:26px;height:26px;box-shadow:0 0 0 1px #050505e6,0 0 22px #ff003cbd}.cyber-cursor[data-pressed=true] .cyber-cursor-core{background:var(--cyber-red);width:12px;height:12px;box-shadow:0 0 0 2px #050505d1,0 0 16px #ff003cd1}.hero-section,.work-section,.manifesto-section,.social-section{background:linear-gradient(115deg, var(--cyber-yellow) 0 58%, transparent 58.2%), radial-gradient(circle at 80% 25%, #ff003c47, transparent 28%), radial-gradient(circle at 76% 48%, #00f0ff38, transparent 30%), #050505}.hero-section{isolation:isolate;color:#050505;grid-template-rows:auto minmax(0,1fr) auto;min-height:100svh;padding:clamp(20px,3vw,38px) clamp(20px,4.8vw,86px) clamp(18px,2.4vw,30px);display:grid;position:relative}.hero-section:before,.work-section:before,.manifesto-section:before{content:"";z-index:-4;pointer-events:none;opacity:.6;background-image:radial-gradient(circle,#ffffff29 0 5px,#0000 6px);background-size:172px 172px;position:absolute;inset:0}.hero-section:after{content:"";z-index:-5;pointer-events:none;background:linear-gradient(90deg,#0000001a,#0000 38%,#000000d1 68%,#000000fa),linear-gradient(#0000000f,#000 99%);position:absolute;inset:0}.hero-stripes{z-index:-3;pointer-events:none;filter:blur(.2px);background:linear-gradient(104deg,#0000 0 12%,#000000e0 12.2% 12.95%,#0000 13.2%),linear-gradient(104deg,#0000 0 64%,#00f0ffad 64.2% 64.7%,#00f0ff1a 64.9% 68%,#0000 68.2%),linear-gradient(106deg,#0000 0 75%,#ff003cb8 75.15% 75.62%,#0000 76.1%);position:absolute;inset:0;overflow:hidden}.noise{z-index:-2;opacity:.28;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(at 12% 14%,#00f0ff1a,#0000 32%),radial-gradient(at 82% 62%,#ff003c1f,#0000 34%),linear-gradient(116deg,#0000 0 44%,#00f0ff0b 44.2% 44.5%,#0000 44.8%);position:absolute;inset:0}.scanlines{z-index:-1;pointer-events:none;mix-blend-mode:overlay;opacity:.42;background:repeating-linear-gradient(#ffffff12 0 1px,#0000 1px 5px),linear-gradient(90deg,#0000 0 62%,#00f0ff1f 62% 62.4%,#0000 62.5%);position:absolute;inset:0}.hero-scene{z-index:-1;opacity:.98;filter:drop-shadow(0 0 50px #00f0ff3d)drop-shadow(0 0 80px #ff003c24);will-change:transform;width:min(58vw,780px);height:min(74vh,760px);position:absolute;top:11vh;right:clamp(-230px,-7vw,30px)}.nav{z-index:4;color:var(--cyber-yellow);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 50%,calc(100% - 24px) 100%,0 100%);background:#050505eb;justify-content:space-between;align-items:center;gap:26px;padding:10px 12px;display:flex;position:relative;box-shadow:0 0 0 1px #f2e90059,0 18px 52px #00000052}.brand,.nav-links,.hero-actions,.social-link,.text-link,footer a{align-items:center;display:inline-flex}.brand{color:var(--cyber-yellow);font-family:var(--display);text-transform:uppercase;gap:12px;font-size:18px;font-style:italic;font-weight:950;text-decoration:none}.brand svg{color:#000;background:var(--cyber-yellow);clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%);border-radius:0;width:42px;height:42px;padding:10px}.nav-links{background:0 0;border:0;gap:clamp(18px,3vw,44px);padding:0}.nav-links a{color:var(--cyber-yellow);font-family:var(--display);text-transform:uppercase;font-size:clamp(16px,1.35vw,22px);font-style:italic;font-weight:950;line-height:1;text-decoration:none;transition:transform .18s,color .18s;position:relative}.nav-links a:after{content:"";transform-origin:0;background:currentColor;height:4px;transition:transform .18s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--cyber-cyan);transform:translateY(-2px)skew(-4deg)}.nav-links a:hover:after{transform:scaleX(1)}.language-link{background:var(--cyber-yellow);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);padding:9px 12px;color:#050505!important}.hero-content{text-align:left;place-self:center start;width:min(1040px,100%);padding:clamp(24px,5.4vh,54px) 0 clamp(16px,3vh,30px)}.eyebrow{color:#050505;font-family:var(--display);text-transform:uppercase;border-bottom:6px solid #050505;align-items:center;gap:8px;margin-bottom:clamp(12px,1.8vh,20px);padding:0 0 7px;font-size:18px;font-style:italic;font-weight:950;line-height:1;display:inline-flex}.eyebrow svg{color:var(--cyber-cyan)}.hero-title{color:#050505;max-width:980px;font-family:var(--display);letter-spacing:0;text-transform:uppercase;text-shadow:5px 5px #00f0ffb8,10px 10px #ff003c42;margin:0;font-size:clamp(72px,10.6vw,156px);font-style:italic;font-weight:950;line-height:.76}.hero-title span{transform-origin:bottom;will-change:transform, opacity;display:block}.hero-title span:first-child{color:#0000;-webkit-text-stroke:3px #050505}.hero-title span:nth-child(2){color:#050505}.hero-title span:nth-child(3){color:#050505;background:var(--cyber-cyan);clip-path:polygon(0 0,96% 0,100% 18%,100% 100%,0 100%)}main[data-locale=zh] .brand,main[data-locale=zh] .nav-links a,main[data-locale=zh] .eyebrow,main[data-locale=zh] .primary-action,main[data-locale=zh] .ghost-action,main[data-locale=zh] .hero-metrics strong,main[data-locale=zh] .hero-metrics span,main[data-locale=zh] .scroll-card span,main[data-locale=zh] .section-kicker,main[data-locale=zh] .text-link,main[data-locale=zh] .project-index,main[data-locale=zh] .project-card span,main[data-locale=zh] .tag-row span,main[data-locale=zh] .social-link strong,main[data-locale=zh] footer span:first-child,main[data-locale=zh] .subpage-kicker,main[data-locale=zh] .highlight-tile strong,main[data-locale=zh] .focus-card span,main[data-locale=zh] .timeline-row span,main[data-locale=zh] .folio-card-top,main[data-locale=zh] .folio-meta strong,main[data-locale=zh] .folio-filter,main[data-locale=zh] .folio-meta span,main[data-locale=zh] .blog-feature-label,main[data-locale=zh] .blog-category-head,main[data-locale=zh] .blog-category em,main[data-locale=zh] .blog-category strong,main[data-locale=zh] .blog-article span,main[data-locale=zh] .blog-article strong,main[data-locale=zh] .post-back-link,main[data-locale=zh] .post-kicker,main[data-locale=zh] .post-meta-panel,main[data-locale=zh] .post-section span,main[data-locale=zh] .related-post-card span,main[data-locale=zh] .related-post-card em{font-family:var(--zh-ui);letter-spacing:.04em;font-style:normal}main[data-locale=zh] .hero-title,main[data-locale=zh] .manifesto-section p,main[data-locale=zh] .about-grid h2,main[data-locale=zh] .section-heading h2,main[data-locale=zh] .social-section h2,main[data-locale=zh] .project-card h3,main[data-locale=zh] .subpage-title,main[data-locale=zh] .focus-card h2,main[data-locale=zh] .timeline-heading h2,main[data-locale=zh] .timeline-row h3,main[data-locale=zh] .folio-card h2,main[data-locale=zh] .portfolio-closing p,main[data-locale=zh] .blog-feature h2,main[data-locale=zh] .blog-category h2,main[data-locale=zh] .blog-article h3,main[data-locale=zh] .blog-closing p,main[data-locale=zh] .post-title,main[data-locale=zh] .post-section h2,main[data-locale=zh] .post-takeaways h2,main[data-locale=zh] .related-posts h2,main[data-locale=zh] .related-post-card strong{font-family:var(--zh-title);letter-spacing:.02em;text-transform:none;font-style:normal}main[data-locale=zh] .hero-title,main[data-locale=zh] .manifesto-section p{letter-spacing:.03em;line-height:1.02}.hero-content p{color:#ffffffeb;border-left:5px solid var(--cyber-cyan);max-width:700px;font-family:var(--zh-body);text-shadow:0 1px #000;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);background:linear-gradient(90deg,#050505e6,#050505bd),linear-gradient(90deg,#00f0ff2e,#f2e90014);margin:clamp(14px,2vh,24px) 0 0;padding:12px 16px 13px;font-size:clamp(15px,1.35vw,18px);font-weight:650;line-height:1.75;display:inline-block;box-shadow:0 0 0 1px #00f0ff33,10px 10px #05050547}.hero-actions{flex-wrap:wrap;justify-content:flex-start;gap:16px;margin-top:clamp(16px,2.4vh,28px)}.primary-action,.ghost-action{color:#050505;min-height:50px;font-family:var(--display);text-transform:uppercase;will-change:transform;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);border:0;border-radius:0;justify-content:center;align-items:center;padding:0 20px;font-size:18px;font-style:italic;font-weight:950;line-height:1;text-decoration:none;transition:transform .18s,color .18s,background .18s;display:inline-flex}.primary-action{color:#050505;background:var(--cyber-cyan);gap:8px;box-shadow:7px 7px #050505}.ghost-action{color:var(--cyber-yellow);background:#050505;gap:9px;box-shadow:inset 0 0 0 2px #f2e90080}.primary-action:hover,.ghost-action:hover,.social-link:hover,.text-link:hover,footer a:hover{transform:translateY(-3px)skew(-5deg)}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(740px,100% - 118px);margin-top:0;display:grid}.hero-metrics div{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 18px,100% 100%,0 100%);background:#050505e6;border:2px solid #f2e90075;padding:16px 18px;box-shadow:inset 0 0 0 1px #00f0ff29,0 14px 30px #00000047}.hero-metrics strong,.hero-metrics span{display:block}.hero-metrics strong{color:var(--cyber-yellow);font-family:var(--display);text-transform:uppercase;font-size:25px;font-style:italic;line-height:1}.hero-metrics span{color:#00f0fff5;font-family:var(--display);text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:950}.scroll-card{z-index:5;width:78px;height:clamp(112px,14vh,136px);color:var(--cyber-yellow);border:3px solid var(--cyber-yellow);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),78% 100%,0 100%);background:#050505;place-items:center;text-decoration:none;display:grid;position:absolute;bottom:clamp(18px,2.4vw,30px);right:clamp(24px,4vw,70px)}.hero-terminal{color:var(--cyber-yellow);border-left:5px solid var(--cyber-red);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);background:#050505f0;gap:6px;margin-top:clamp(16px,2.2vh,24px);padding:14px 18px;display:inline-grid;box-shadow:inset 0 0 0 1px #00f0ff6b,0 14px 32px #00000052}.hero-terminal span,.hero-terminal strong{font-family:var(--display);text-transform:uppercase;font-weight:950;line-height:1}.hero-terminal span{color:var(--cyber-cyan);font-size:12px}.hero-terminal strong{font-size:clamp(16px,1.4vw,22px)}.scroll-card span{font-family:var(--display);writing-mode:vertical-rl;text-transform:uppercase;font-size:18px;font-style:italic;font-weight:950}.scroll-card strong{font-size:26px}.section{padding:clamp(84px,10vw,150px) clamp(20px,5vw,92px);position:relative}.section-kicker{color:var(--cyber-red);font-family:var(--display);text-transform:uppercase;margin-bottom:20px;font-size:18px;font-style:italic;font-weight:950;line-height:1}.about-section{color:#000;background:linear-gradient(135deg, #0000001a 0 1px, transparent 1px 28px), var(--cyber-yellow)}.about-grid,.section-heading{grid-template-columns:minmax(0,.95fr) minmax(280px,.65fr);align-items:start;gap:clamp(28px,6vw,110px);display:grid}.about-grid h2,.section-heading h2,.social-section h2{font-family:var(--zh-title);letter-spacing:.02em;text-transform:none;margin:0;font-size:clamp(54px,8vw,120px);font-style:normal;font-weight:900;line-height:1.02}main[data-locale=en] .about-grid h2,main[data-locale=en] .section-heading h2,main[data-locale=en] .social-section h2,main[data-locale=en] .project-card h3{font-family:var(--display);letter-spacing:0;text-transform:uppercase;font-style:italic;font-weight:950;line-height:.86}main[data-locale=en] .about-copy,main[data-locale=en] .hero-content p,main[data-locale=en] .project-card p,main[data-locale=en] .social-link em,main[data-locale=en] .profile-lead p,main[data-locale=en] .portfolio-lead p,main[data-locale=en] .blog-lead p,main[data-locale=en] .profile-copy p,main[data-locale=en] .highlight-tile span,main[data-locale=en] .focus-card p,main[data-locale=en] .timeline-row p,main[data-locale=en] .folio-card p,main[data-locale=en] .blog-feature p,main[data-locale=en] .blog-category p,main[data-locale=en] .blog-article p,main[data-locale=en] .post-intro,main[data-locale=en] .post-section p,main[data-locale=en] .post-takeaways li,main[data-locale=en] footer span{font-family:var(--latin-body)}main[data-locale=zh] .about-copy,main[data-locale=zh] .hero-content p,main[data-locale=zh] .project-card p,main[data-locale=zh] .social-link em,main[data-locale=zh] .profile-lead p,main[data-locale=zh] .portfolio-lead p,main[data-locale=zh] .blog-lead p,main[data-locale=zh] .profile-copy p,main[data-locale=zh] .highlight-tile span,main[data-locale=zh] .focus-card p,main[data-locale=zh] .timeline-row p,main[data-locale=zh] .folio-card p,main[data-locale=zh] .blog-feature p,main[data-locale=zh] .blog-category p,main[data-locale=zh] .blog-article p,main[data-locale=zh] .post-intro,main[data-locale=zh] .post-section p,main[data-locale=zh] .post-takeaways li,main[data-locale=zh] footer span{font-family:var(--zh-body)}.about-copy{color:#000000bd;font-family:var(--zh-body);gap:24px;font-size:18px;font-weight:520;line-height:2;display:grid}.about-copy p{margin:0}.manifesto-section{min-height:72svh;color:var(--cyber-yellow);background:linear-gradient(115deg,#050505 0 72%,#f2e900f5 72.2%),#050505;align-content:center;gap:0;display:grid}.manifesto-section p{width:min(980px,100%);font-family:var(--display);text-align:center;text-transform:uppercase;margin:0 auto;font-size:clamp(56px,9.4vw,148px);font-style:italic;font-weight:950;line-height:.78}.manifesto-section p:nth-child(2){color:#0000;-webkit-text-stroke:3px var(--cyber-cyan)}.manifesto-section p:nth-child(3){color:#050505;text-shadow:4px 4px 0 var(--cyber-red)}.work-section{min-height:100svh;color:var(--cyber-yellow);background:radial-gradient(circle at 90% 10%,#ff003c38,#0000 24%),radial-gradient(circle at 12% 72%,#00f0ff2e,#0000 28%),#050505}.section-heading{align-items:end;margin-bottom:42px;position:relative}.text-link{color:var(--cyber-yellow);border-bottom:5px solid var(--cyber-yellow);font-family:var(--display);text-transform:uppercase;will-change:transform;justify-self:end;gap:8px;font-size:18px;font-style:italic;font-weight:950;line-height:1;text-decoration:none;transition:transform .18s}.project-grid{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid;position:relative}.project-card{clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));min-height:410px;transform-style:preserve-3d;will-change:transform, opacity;background:linear-gradient(#f2e90014,#0000 34%),#050505db;border:2px solid #00f0ff47;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .26s,border-color .26s,background .26s;display:flex;position:relative;overflow:hidden;box-shadow:0 34px 100px #00000057}.project-card:before{content:"";opacity:calc(.42 + var(--accent-index) * .12);pointer-events:none;background:linear-gradient(135deg,#0000 0 48%,#00f0ff61 48.35% 49%,#0000 49.3%),radial-gradient(circle at 88% 10%,#ff003c38,#0000 30%);position:absolute;inset:0}.project-card:hover{background:linear-gradient(#f2e90021,#0000 38%),#050505f0;border-color:#00f0ffbd;transform:translateY(-12px)rotateX(2deg)rotateY(-2deg)}.project-index{color:var(--cyber-red);font-family:var(--display);font-size:18px;font-style:italic;font-weight:950;position:relative}.project-card span{color:var(--cyber-cyan);font-family:var(--display);text-transform:uppercase;font-size:16px;font-style:italic;font-weight:950;position:relative}.project-card h3{color:var(--cyber-yellow);font-family:var(--zh-title);letter-spacing:.01em;text-transform:none;margin:14px 0 18px;font-size:clamp(36px,4vw,62px);font-style:normal;font-weight:900;line-height:1.04;position:relative}.project-card p{color:#ffffffbd;font-family:var(--zh-body);margin:0;font-size:15px;font-weight:500;line-height:1.9;position:relative}.tag-row{flex-wrap:wrap;gap:8px;display:flex;position:relative}.tag-row span{color:#050505;background:var(--cyber-yellow);text-transform:uppercase;border:0;border-radius:0;padding:7px 10px;font-size:12px}.social-section{color:var(--cyber-yellow);background:linear-gradient(90deg,#0000 0 46%,#f2e90014 46% 46.5%,#0000 46.6%),#050505;grid-template-columns:minmax(0,.75fr) minmax(320px,.8fr);align-items:start;gap:clamp(32px,7vw,110px);display:grid}.social-section h2{max-width:9em}.social-grid{border-top:2px solid #f2e90052;gap:0;display:grid}.social-link{min-height:92px;color:var(--cyber-yellow);will-change:transform, opacity;border-bottom:2px solid #f2e90052;justify-content:space-between;gap:18px;padding:0 4px;text-decoration:none;transition:transform .18s,color .18s,border-color .18s}.social-link:hover{color:#050505;border-color:var(--cyber-cyan);background:var(--cyber-cyan)}.social-link span{flex:1}.social-link strong,.social-link em{display:block}.social-link strong{font-family:var(--display);text-transform:uppercase;font-size:30px;font-style:italic;font-weight:950;line-height:1}.social-link em{color:#ffffff9e;font-family:var(--zh-body);margin-top:6px;font-size:14px;font-style:normal;line-height:1.55}footer{color:#f2e900ad}.site-footer{color:#f2e900b8;background:linear-gradient(112deg,#f2e9001a 0 28%,#0000 28.2%),radial-gradient(circle at 84% 12%,#00f0ff29,#0000 24%),#050505;border-top:2px solid #f2e90047;padding:clamp(42px,6vw,82px) clamp(20px,5vw,92px) 24px;position:relative;overflow:hidden}.site-footer:before{content:"";pointer-events:none;opacity:.5;mix-blend-mode:screen;background:repeating-linear-gradient(#ffffff0d 0 1px,#0000 1px 6px),linear-gradient(90deg,#0000 0 62%,#ff003c47 62.1% 62.35%,#0000 62.5%);position:absolute;inset:0}.footer-grid,.footer-bottom{position:relative}.footer-grid{grid-template-columns:minmax(0,1.1fr) minmax(180px,.38fr) minmax(180px,.38fr);align-items:start;gap:clamp(28px,6vw,92px);display:grid}.footer-brand{gap:20px;max-width:720px;display:grid}.footer-mark{align-items:center;gap:12px;display:inline-flex}.footer-mark svg{color:#050505;background:var(--cyber-yellow);clip-path:polygon(0 0,82% 0,100% 18%,100% 100%,18% 100%,0 82%);width:42px;height:42px;padding:10px}.footer-mark span,.footer-nav>span,.footer-links>span,.footer-status span,.footer-status strong,.footer-bottom span:first-child,.footer-top{color:var(--cyber-yellow);font-family:var(--display);text-transform:uppercase;font-style:italic;font-weight:950}.footer-mark span{text-shadow:3px 3px #00f0ff7a;font-size:clamp(32px,5vw,74px);line-height:.9}.footer-brand p{color:#ffffffb3;max-width:560px;font-family:var(--zh-body);margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.85}.footer-status{width:fit-content;color:var(--cyber-yellow);border-left:5px solid var(--cyber-red);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);background:#050505db;gap:6px;padding:12px 16px;display:inline-grid;box-shadow:inset 0 0 0 1px #00f0ff52}.footer-status span{color:var(--cyber-cyan);font-size:11px}.footer-status strong{font-size:clamp(15px,1.2vw,19px);line-height:1}.footer-nav,.footer-links{gap:12px;padding-top:8px;display:grid}.footer-nav>span,.footer-links>span{color:var(--cyber-red);font-size:13px}.footer-nav a,.footer-links a,.footer-top{width:fit-content;color:var(--cyber-yellow);font-family:var(--zh-ui);will-change:transform;align-items:center;gap:8px;font-size:15px;line-height:1;text-decoration:none;transition:transform .18s,color .18s,background .18s;display:inline-flex}.footer-links a{color:#ffffffc2}.footer-nav a:hover,.footer-links a:hover,.footer-top:hover{color:#050505;background:var(--cyber-cyan);transform:translateY(-2px)skew(-6deg)}.footer-bottom{border-top:1px solid #f2e90038;justify-content:space-between;align-items:center;gap:20px;margin-top:clamp(42px,6vw,78px);padding-top:18px;display:flex}.footer-bottom span{color:#fff9;font-family:var(--latin-body);font-size:13px;line-height:1.6}.footer-top{color:#050505;background:var(--cyber-yellow);clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);min-height:38px;padding:0 13px}main[data-locale=zh] .footer-mark span,main[data-locale=zh] .footer-nav>span,main[data-locale=zh] .footer-links>span,main[data-locale=zh] .footer-status span,main[data-locale=zh] .footer-status strong,main[data-locale=zh] .footer-bottom span:first-child,main[data-locale=zh] .footer-top{font-family:var(--zh-ui);letter-spacing:.04em;font-style:normal}main[data-locale=en] .footer-brand p,main[data-locale=en] .footer-bottom span{font-family:var(--latin-body)}.subpage{isolation:isolate;background:linear-gradient(112deg,#f2e900f7 0 26%,#0000 26.2%),radial-gradient(circle at 13% 14%,#ff003c33,#0000 23%),radial-gradient(circle at 78% 24%,#00f0ff33,#0000 25%),linear-gradient(#050505 0%,#000 78%);min-height:100vh;padding:38px clamp(20px,4.8vw,86px) 0;position:relative}.subpage:before{content:"";z-index:-4;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,#ffffff21 0 4px,#0000 5px);background-size:156px 156px;position:absolute;inset:0}.subpage-orbit{z-index:-2;aspect-ratio:1;border:2px solid #00f0ff47;border-radius:0;width:min(64vw,780px);position:absolute;top:16vh;right:-16vw;transform:skew(-8deg);box-shadow:inset 0 0 80px #00f0ff14,0 0 120px #00f0ff1a}.subpage-orbit:before,.subpage-orbit:after{content:"";border-radius:inherit;border:2px solid #ffffff24;position:absolute;inset:12%;transform:rotate(18deg)scaleY(.44)}.subpage-orbit:after{border-color:#ff003c52;inset:25%;transform:rotate(-28deg)scaleY(.32)}.subpage .nav{margin-bottom:clamp(72px,10vw,132px)}.subpage-hero{grid-template-columns:minmax(0,1.08fr) minmax(300px,.55fr);align-items:end;gap:clamp(28px,7vw,112px);min-height:58svh;display:grid}.subpage-kicker{color:var(--cyber-cyan);font-family:var(--display);text-transform:uppercase;border-bottom:6px solid;align-items:center;gap:8px;margin-bottom:24px;font-size:18px;font-style:italic;font-weight:950;line-height:1;display:inline-flex}.subpage-title{max-width:11em;color:var(--cyber-yellow);font-family:var(--zh-title);letter-spacing:.01em;text-shadow:4px 4px #ff003c6b;margin:0;font-size:clamp(62px,9.5vw,154px);font-weight:900;line-height:1.04}.subpage-title span{transform-origin:0 100%;will-change:transform, opacity;display:block}main[data-locale=en] .subpage-title,main[data-locale=en] .focus-card h2,main[data-locale=en] .timeline-heading h2,main[data-locale=en] .timeline-row h3,main[data-locale=en] .folio-card h2,main[data-locale=en] .portfolio-closing p{font-family:var(--display);letter-spacing:0;text-transform:uppercase;font-style:italic;font-weight:950;line-height:.88}.profile-lead,.portfolio-lead{align-content:end;gap:24px;display:grid}.profile-lead p,.portfolio-lead p{color:#ffffffd1;font-family:var(--zh-body);margin:0;font-size:clamp(16px,1.35vw,19px);font-weight:520;line-height:1.95}.profile-intro{grid-template-columns:minmax(160px,.32fr) minmax(0,.8fr) minmax(240px,.42fr);align-items:stretch;gap:clamp(24px,5vw,74px);padding:clamp(72px,9vw,128px) 0;display:grid}.profile-mark{color:#0000;min-height:360px;font-family:var(--display);-webkit-text-stroke:3px var(--cyber-yellow);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);background:linear-gradient(135deg,#0000 0 48%,#00f0ff94 48.3% 49%,#0000 49.4%),#050505bd;border:2px solid #00f0ff61;place-items:center;font-size:clamp(92px,13vw,196px);font-style:italic;font-weight:950;line-height:.72;display:grid}.profile-copy{align-content:center;gap:24px;padding:clamp(26px,4vw,44px) 0;display:grid}.profile-copy p{color:#ffffffd1;font-family:var(--zh-body);margin:0;font-size:clamp(17px,1.5vw,21px);font-weight:520;line-height:2}.profile-highlights{gap:12px;display:grid}.highlight-tile{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);will-change:transform, opacity;background:#050505b3;border:2px solid #f2e90047;align-content:space-between;min-height:112px;padding:18px;display:grid}.highlight-tile strong{color:var(--cyber-cyan);font-family:var(--display);text-transform:uppercase;font-size:28px;font-style:italic;font-weight:950;line-height:1}.highlight-tile span{color:#ffffffad;font-family:var(--zh-body);font-size:14px;line-height:1.65}.profile-focus,.profile-timeline,.portfolio-gallery,.portfolio-closing{padding:clamp(72px,9vw,132px) 0}.focus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.focus-card{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));will-change:transform, opacity;background:radial-gradient(circle at 80% 15%,#00f0ff2e,#0000 26%),#050505bd;border:2px solid #00f0ff38;min-height:360px;padding:24px}.focus-card:nth-child(2){margin-top:56px}.focus-card:nth-child(3){margin-top:112px}.focus-card span,.timeline-row span,.folio-card-top,.folio-meta strong,.folio-filter{color:var(--cyber-cyan);font-family:var(--display);text-transform:uppercase;font-style:italic;font-weight:950;line-height:1}.focus-card h2{color:var(--cyber-yellow);font-family:var(--zh-title);letter-spacing:.01em;margin:54px 0 18px;font-size:clamp(36px,4vw,58px);font-weight:900;line-height:1.08}.focus-card p,.timeline-row p,.folio-card p{color:#ffffffb8;font-family:var(--zh-body);margin:0;font-size:15px;font-weight:500;line-height:1.9}.timeline-heading{color:var(--cyber-cyan);align-items:center;gap:12px;margin-bottom:28px;display:flex}.timeline-heading h2{color:var(--cyber-yellow);font-family:var(--zh-title);margin:0;font-size:clamp(42px,6vw,86px);font-weight:900;line-height:1.08}.timeline-list{border-top:2px solid #f2e9003d;display:grid}.timeline-row{will-change:transform, opacity;border-bottom:2px solid #f2e9003d;grid-template-columns:.18fr minmax(180px,.35fr) minmax(0,.7fr);align-items:center;gap:24px;min-height:138px;display:grid}.timeline-row h3{color:var(--cyber-yellow);font-family:var(--zh-title);margin:0;font-size:clamp(30px,3.4vw,52px);font-weight:900;line-height:1.06}.portfolio-ribbon{z-index:-1;color:#f2e90011;width:160vw;font-family:var(--display);white-space:nowrap;pointer-events:none;will-change:transform;font-size:clamp(58px,8.6vw,124px);font-style:italic;font-weight:950;line-height:.8;position:absolute;top:clamp(112px,12vw,168px);left:0}.folio-filters{flex-wrap:wrap;gap:10px;display:flex}.folio-filter{color:#050505;background:var(--cyber-yellow);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);border:0;padding:8px 10px;font-size:11px}.portfolio-page .subpage-hero{gap:clamp(22px,4.4vw,64px);min-height:44svh}.portfolio-page .subpage-title{text-shadow:3px 3px #ff003c5c;max-width:12.2em;font-size:clamp(40px,5.6vw,88px);line-height:1.1}main.portfolio-page[data-locale=en] .subpage-title{max-width:11.2em;padding-bottom:6px;line-height:1.04}.portfolio-page .portfolio-lead p{max-width:56ch;font-size:clamp(13.5px,.98vw,15px);line-height:1.72}.portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:clamp(14px,1.8vw,22px);padding:clamp(58px,7vw,104px) 0;display:grid}.folio-card{clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px));min-height:clamp(318px,26vw,380px);color:inherit;will-change:transform, opacity;background:linear-gradient(135deg,#0000 0 51%,#00f0ff59 51.2% 51.7%,#0000 51.9%),radial-gradient(circle at 86% 14%,#ff003c38,#0000 25%),#050505db;border:2px solid #00f0ff47;grid-template-rows:auto auto minmax(72px,1fr) auto;align-content:stretch;gap:16px;padding:clamp(20px,2.2vw,28px);text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 40px 110px #00000057}.folio-card-link{cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.folio-card-link:hover{background:linear-gradient(135deg,#0000 0 51%,#f2e90061 51.2% 51.7%,#0000 51.9%),radial-gradient(circle at 86% 14%,#ff003c42,#0000 25%),#050505e6;border-color:#f2e900a3;box-shadow:0 44px 118px #00f0ff29}.folio-card-link:focus-visible{outline:3px solid var(--cyber-yellow);outline-offset:5px}.folio-card:before{content:"";pointer-events:none;border:1px solid #f2e9001f;position:absolute;inset:18px}.folio-card-1{grid-column:1/-1;min-height:clamp(300px,22vw,360px)}.folio-card-2{grid-column:1/-1;min-height:clamp(300px,22vw,360px);margin-top:0}.folio-card-3{grid-column:1/-1;min-height:clamp(300px,22vw,360px)}.folio-card-4{grid-column:1/-1;min-height:clamp(300px,22vw,360px);margin-top:0}.folio-card-5{grid-column:1/-1;min-height:clamp(300px,22vw,360px)}.folio-card-top{justify-content:space-between;align-items:baseline;gap:18px;min-height:18px;font-size:12px;display:flex;position:relative}.folio-card h2{max-width:10em;color:var(--cyber-yellow);font-family:var(--zh-title);letter-spacing:.01em;margin:10px 0 0;font-size:clamp(27px,3vw,46px);font-weight:900;line-height:1.08;position:relative}.portfolio-page .folio-card p{max-width:64ch;font-size:13.5px;line-height:1.72}main.portfolio-page[data-locale=en] .folio-card h2{padding-bottom:4px;line-height:1.04}.folio-meta{border-top:1px solid #f2e90029;align-self:end;gap:10px;margin-top:4px;padding-top:16px;display:grid;position:relative}.folio-meta strong{color:var(--cyber-cyan);font-size:15px;line-height:1.2}.folio-meta div{flex-wrap:wrap;gap:8px;display:flex}.folio-meta span{color:#050505;background:var(--cyber-yellow);font-family:var(--display);text-transform:uppercase;border:0;padding:6px 8px;font-size:10.5px;font-style:italic;font-weight:950;line-height:1}.folio-link-cue{color:var(--cyber-yellow);letter-spacing:.03em;background:0 0;border:1px solid #f2e90080;justify-self:start;align-items:center;gap:6px;margin-top:2px;display:inline-flex}.folio-card-link:hover .folio-link-cue,.folio-card-link:focus-visible .folio-link-cue{color:#050505;background:var(--cyber-yellow)}.portfolio-closing{text-align:center;justify-items:center;gap:20px;padding:clamp(58px,7vw,104px) 0;display:grid}.portfolio-closing svg{color:var(--cyber-cyan)}.portfolio-closing p{max-width:780px;color:var(--cyber-yellow);font-family:var(--zh-title);margin:0;font-size:clamp(30px,4vw,62px);font-weight:900;line-height:1.12}.blog-page{overflow-x:hidden}.blog-orbit{border-color:#f2e9003d;top:18vh;right:-20vw}.blog-spectrum{z-index:-1;color:#f2e90014;width:168vw;font-family:var(--display);white-space:nowrap;pointer-events:none;will-change:transform;font-size:clamp(62px,10vw,146px);font-style:italic;font-weight:950;line-height:.88;position:absolute;top:clamp(118px,13vw,180px);left:0}.blog-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.5fr);min-height:50svh}.blog-title{max-width:8.8em;font-size:clamp(54px,7.2vw,118px)}.blog-title span{width:fit-content;max-width:100%;color:var(--cyber-yellow);clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);background:linear-gradient(105deg,#050505f5 0 72%,#00f0ff2e 72.4%),#050505;padding:clamp(12px,1.8vw,22px) clamp(14px,2.2vw,28px);box-shadow:10px 10px #ff003c61}.blog-lead{align-content:end;gap:24px;display:grid}.blog-lead p{color:#ffffffd6;border-left:5px solid var(--cyber-cyan);font-family:var(--zh-body);text-shadow:0 1px #000;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);background:linear-gradient(90deg,#050505eb,#050505bd),linear-gradient(90deg,#00f0ff29,#f2e90014);margin:0;padding:12px 16px 13px;font-size:clamp(16px,1.35vw,19px);font-weight:520;line-height:1.95;box-shadow:0 0 0 1px #00f0ff2e,8px 8px #05050538}.blog-feature{clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px));background:linear-gradient(132deg,#00f0ff2e 0 28%,#0000 28.2%),radial-gradient(circle at 92% 12%,#ff003c38,#0000 24%),#050505db;border:2px solid #00f0ff57;grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);align-items:end;gap:clamp(22px,4vw,58px);margin:clamp(70px,9vw,122px) 0 clamp(48px,7vw,90px);padding:clamp(24px,4vw,42px);display:grid;position:relative}.blog-feature:before{content:"";pointer-events:none;border:1px solid #f2e90024;position:absolute;inset:18px}.blog-feature-label{color:var(--cyber-cyan);font-family:var(--display);text-transform:uppercase;font-size:clamp(18px,2vw,32px);font-style:italic;font-weight:950;line-height:1;position:relative}.blog-feature h2{max-width:960px;color:var(--cyber-yellow);font-family:var(--zh-title);letter-spacing:.01em;margin:0;font-size:clamp(38px,5.8vw,92px);font-weight:900;line-height:1.08;position:relative}.blog-feature p{color:#ffffffc2;max-width:820px;font-family:var(--zh-body);grid-column:2;margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.9;position:relative}main[data-locale=en] .blog-feature h2,main[data-locale=en] .blog-category h2,main[data-locale=en] .blog-article h3,main[data-locale=en] .blog-closing p{font-family:var(--display);letter-spacing:0;text-transform:uppercase;font-style:italic;font-weight:950;line-height:.94}.blog-columns{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;padding:clamp(42px,6vw,92px) 0 clamp(72px,9vw,132px);display:grid}.blog-category{clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px));will-change:transform, opacity;background:linear-gradient(135deg,#0000 0 50%,#00f0ff47 50.2% 50.8%,#0000 51%),radial-gradient(circle at 88% 12%,#ff003c2e,#0000 27%),#050505db;border:2px solid #f2e90047;gap:24px;min-height:520px;padding:clamp(22px,3vw,32px);display:grid;position:relative;overflow:hidden;box-shadow:0 38px 100px #00000052}.blog-category:before{content:"";pointer-events:none;border:1px solid #00f0ff21;position:absolute;inset:16px}.blog-category-1{grid-column:span 7}.blog-category-2{grid-column:span 5;margin-top:70px}.blog-category-3{grid-column:2/span 5;margin-top:-26px}.blog-category-4{grid-column:span 6;margin-top:42px}.blog-category-head{color:var(--cyber-cyan);font-family:var(--display);text-transform:uppercase;justify-content:space-between;align-items:center;gap:18px;font-size:20px;font-style:italic;font-weight:950;line-height:1;display:flex;position:relative}.blog-category em{color:#050505;background:var(--cyber-yellow);font-family:var(--display);text-transform:uppercase;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);padding:8px 10px;font-size:12px;font-style:italic;font-weight:950;line-height:1;display:inline-block;position:relative}.blog-category h2{max-width:8em;color:var(--cyber-yellow);font-family:var(--zh-title);letter-spacing:.01em;margin:22px 0 16px;font-size:clamp(42px,5.4vw,86px);font-weight:900;line-height:1.02;position:relative}.blog-category p{color:#ffffffc2;font-family:var(--zh-body);margin:0;font-size:15px;font-weight:500;line-height:1.85;position:relative}.blog-category strong{width:fit-content;color:var(--cyber-cyan);border-left:5px solid var(--cyber-red);font-family:var(--display);text-transform:uppercase;background:#000000c7;padding:10px 12px;font-size:clamp(13px,1.15vw,17px);font-style:italic;font-weight:950;line-height:1.1;position:relative;box-shadow:inset 0 0 0 1px #00f0ff42}.blog-article-list{align-self:end;gap:10px;display:grid;position:relative}.blog-article{color:inherit;will-change:transform, opacity;background:#00000085;border:1px solid #f2e90038;gap:8px;padding:16px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s;display:grid}.blog-article:hover{background:#00f0ff1a;border-color:#00f0ff99;transform:translateY(-4px)skew(-1.5deg)}.blog-article span{color:var(--cyber-cyan);font-family:var(--display);text-transform:uppercase;font-size:12px;font-style:italic;font-weight:950;line-height:1}.blog-article h3{color:#fffffff0;font-family:var(--zh-title);margin:0;font-size:clamp(22px,2.3vw,34px);font-weight:900;line-height:1.18}.blog-article strong{width:fit-content;color:var(--cyber-yellow);font-family:var(--display);text-transform:uppercase;border-bottom:2px solid;margin-top:4px;font-size:12px;font-style:italic;font-weight:950;line-height:1}.blog-closing{justify-items:start;gap:24px;padding:clamp(48px,7vw,108px) 0 clamp(72px,9vw,132px);display:grid}.blog-closing p{max-width:960px;color:var(--cyber-yellow);font-family:var(--zh-title);margin:0;font-size:clamp(42px,6.8vw,108px);font-weight:900;line-height:1.08}.post-shell{padding:0 0 clamp(72px,9vw,132px)}.post-hero{grid-template-columns:minmax(0,.88fr) minmax(280px,.34fr);align-items:end;gap:clamp(28px,5vw,76px);min-height:44svh;display:grid}.post-back-link{color:#050505;background:var(--cyber-cyan);font-family:var(--display);text-transform:uppercase;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%);align-items:center;gap:8px;margin-bottom:26px;padding:10px 12px;font-size:13px;font-style:italic;font-weight:950;line-height:1;text-decoration:none;display:inline-flex}.post-kicker{color:var(--cyber-cyan);font-family:var(--display);text-transform:uppercase;border-bottom:6px solid;align-items:center;gap:8px;margin-bottom:22px;font-size:18px;font-style:italic;font-weight:950;line-height:1;display:inline-flex}.post-title{max-width:11em;color:var(--cyber-yellow);font-family:var(--zh-title);letter-spacing:.01em;margin:0;font-size:clamp(42px,5.7vw,88px);font-weight:900;line-height:1.14}.post-title span{clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);background:linear-gradient(105deg,#050505f5 0 76%,#ff003c2e 76.4%),#050505;width:fit-content;max-width:100%;padding:clamp(12px,1.8vw,22px) clamp(14px,2.2vw,28px);display:block;box-shadow:10px 10px #00f0ff57}.post-meta-panel{color:var(--cyber-yellow);clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);background:radial-gradient(circle at 88% 10%,#00f0ff2e,#0000 28%),#050505e6;border:2px solid #f2e9006b;align-self:end;gap:16px;padding:22px;display:grid;box-shadow:inset 0 0 0 1px #00f0ff29}.post-meta-panel span,.post-meta-panel em{color:var(--cyber-cyan);font-family:var(--display);text-transform:uppercase;font-size:13px;font-style:italic;font-weight:950;line-height:1}.post-meta-panel strong{color:var(--cyber-yellow);font-family:var(--display);text-transform:uppercase;font-size:clamp(22px,2.2vw,34px);font-style:italic;font-weight:950;line-height:1.02}.post-meta-panel div{flex-wrap:wrap;gap:10px;display:flex}.post-meta-panel em{color:#050505;background:var(--cyber-yellow);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);padding:8px 10px}.post-intro{color:#ffffffe0;border-left:5px solid var(--cyber-red);max-width:820px;font-family:var(--zh-body);text-shadow:0 1px #000;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);background:linear-gradient(90deg,#050505eb,#050505b8),linear-gradient(90deg,#00f0ff2e,#f2e90014);margin:clamp(36px,5vw,64px) 0 0;padding:clamp(18px,2.5vw,26px);font-size:clamp(17px,1.35vw,21px);font-weight:560;line-height:2}.post-reading-layout{grid-template-columns:minmax(190px,250px) minmax(0,820px);align-items:start;gap:clamp(28px,5vw,76px);margin:clamp(50px,7vw,92px) 0 0;display:grid}.post-reading-rail{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);will-change:transform, opacity;background:#050505e6;border:2px solid #00f0ff47;gap:18px;padding:18px;display:grid;position:sticky;top:24px}.post-reading-rail>span,.post-reading-rail strong,.post-reading-rail a{font-family:var(--display);text-transform:uppercase;font-style:italic;font-weight:950;line-height:1}.post-reading-rail>span{color:var(--cyber-cyan);font-size:12px}.post-reading-rail nav{gap:12px;display:grid}.post-reading-rail a{color:#ffffffd6;font-size:13px;line-height:1.25;text-decoration:none;transition:color .18s,transform .18s}.post-reading-rail a:hover{color:var(--cyber-yellow);transform:translate(4px)}.post-reading-rail strong{color:#050505;background:var(--cyber-yellow);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);width:fit-content;padding:8px 10px;font-size:12px}.post-main-flow,.post-body{gap:clamp(22px,3vw,34px);min-width:0;display:grid}.post-section{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);will-change:transform, opacity;background:linear-gradient(112deg,#00f0ff14 0 24%,#0000 24.2%),#050505db;border:2px solid #f2e90033;padding:clamp(24px,3.2vw,36px);scroll-margin-top:24px;display:block}.post-section span{color:var(--cyber-cyan);font-family:var(--display);font-size:22px;font-style:italic;font-weight:950;line-height:1}.post-section h2{max-width:12em;color:var(--cyber-yellow);font-family:var(--zh-title);letter-spacing:.01em;margin:14px 0 18px;font-size:clamp(28px,3vw,44px);font-weight:900;line-height:1.16}.post-section p{color:#fffffff0;max-width:66ch;font-family:var(--zh-body);margin:0;font-size:clamp(16px,1.18vw,18px);font-weight:500;line-height:2.05}.post-takeaways{clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,34px 100%,0 calc(100% - 34px));background:linear-gradient(132deg,#00f0ff29 0 28%,#0000 28.2%),#050505db;border:2px solid #00f0ff57;grid-template-columns:minmax(180px,.32fr) minmax(0,1fr);gap:clamp(22px,4vw,48px);margin:clamp(22px,3vw,34px) 0 0;padding:clamp(24px,4vw,42px);display:grid}.post-takeaways>div{color:var(--cyber-cyan);align-content:start;gap:14px;display:grid}.post-takeaways h2,.related-posts h2{color:var(--cyber-yellow);font-family:var(--zh-title);margin:0;font-size:clamp(30px,4vw,58px);font-weight:900;line-height:1.08}.post-takeaways ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.post-takeaways li{color:#ffffffd6;border-left:5px solid var(--cyber-yellow);font-family:var(--zh-body);background:#00000080;padding:14px 16px;font-size:15px;line-height:1.7}.related-posts{gap:24px;margin:clamp(22px,3vw,34px) 0 0;display:grid}.related-posts>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.related-post-card{min-height:220px;color:inherit;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));will-change:transform, opacity;background:radial-gradient(circle at 88% 12%,#ff003c2e,#0000 27%),#050505d6;border:2px solid #f2e90047;gap:12px;padding:22px;text-decoration:none;transition:transform .18s,border-color .18s;display:grid;position:relative}.related-post-card:hover{border-color:#00f0ff94;transform:translateY(-4px)skew(-1.5deg)}.related-post-card span,.related-post-card em{color:var(--cyber-cyan);font-family:var(--display);text-transform:uppercase;font-size:12px;font-style:italic;font-weight:950;line-height:1}.related-post-card strong{color:#fffffff0;font-family:var(--zh-title);font-size:clamp(26px,3vw,44px);font-weight:900;line-height:1.12}.related-post-card svg{color:var(--cyber-yellow);position:absolute;bottom:18px;right:18px}main[data-locale=en] .post-title,main[data-locale=en] .post-section h2,main[data-locale=en] .post-takeaways h2,main[data-locale=en] .related-posts h2,main[data-locale=en] .related-post-card strong{font-family:var(--display);letter-spacing:0;text-transform:uppercase;font-style:italic;font-weight:950;line-height:.94}@media (max-width:900px){.cyber-cursor{display:none}main{width:100%;max-width:100vw}.hero-section{background:linear-gradient(112deg, var(--cyber-yellow) 0 63%, transparent 63.2%), radial-gradient(circle at 86% 34%, #ff003c33, transparent 28%), #050505;min-height:100dvh;padding:12px 14px 24px}.nav{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);grid-template-columns:1fr;align-items:start;gap:8px;padding:8px;display:grid}.brand svg{width:32px;height:32px;padding:7px}.brand{gap:9px;width:fit-content;max-width:100%;font-size:15px;line-height:1}.brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-links{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:7px;width:100%;padding:1px 2px 6px;display:flex;overflow:auto hidden}.nav-links::-webkit-scrollbar{display:none}.nav-links a{color:#f2e900eb;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);background:#f2e90014;flex:none;align-items:center;min-height:30px;padding:0 8px;font-size:14px;display:inline-flex;box-shadow:inset 0 0 0 1px #f2e9002e}.nav-links a:after{display:none}.language-link{color:#050505!important;background:var(--cyber-yellow)!important;box-shadow:none!important;padding:0 10px!important}.hero-content{z-index:2;align-self:start;padding-top:clamp(28px,8vh,68px);padding-bottom:16px;position:relative}.hero-scene{display:none}.hero-title{text-shadow:3px 3px #00f0ff94,6px 6px #ff003c33;max-width:100%;font-size:clamp(50px,15vw,82px);line-height:1.03}.hero-content p{color:#fffffff5;background:linear-gradient(90deg,#050505f5,#050505e6),linear-gradient(90deg,#00f0ff2e,#f2e90014);max-width:min(100%,520px);padding:10px 12px;font-size:15px;line-height:1.78;box-shadow:0 0 0 1px #00f0ff29,6px 6px #0505053d}.hero-actions{gap:10px;margin-top:14px}.primary-action,.ghost-action{min-height:42px;padding:0 14px;font-size:15px}.hero-terminal{max-width:100%;margin-top:14px;padding:10px 12px}.hero-terminal strong{font-size:15px}.hero-title span:first-child,.manifesto-section p:nth-child(2){-webkit-text-stroke-width:2px}.hero-metrics,.about-grid,.section-heading,.project-grid,.social-section,.subpage-hero,.profile-intro,.focus-grid,.blog-feature,.blog-columns{grid-template-columns:1fr}.subpage{background:linear-gradient(112deg, var(--cyber-yellow) 0 46%, transparent 46.2%), radial-gradient(circle at 78% 22%, #00f0ff24, transparent 26%), linear-gradient(180deg, #050505 0%, #000 82%);padding:12px 14px 0}.subpage .nav{margin-bottom:clamp(28px,8vw,44px)}.subpage-hero{gap:20px;min-height:auto}.subpage-title{color:#050505;max-width:100%;text-shadow:2px 2px 0 var(--cyber-cyan), 4px 4px 0 #ff003c4d;font-size:clamp(40px,10.8vw,70px);line-height:1.14}.subpage-orbit{opacity:.32;width:520px;top:22vh;right:-260px}.profile-intro,.profile-focus,.profile-timeline,.portfolio-gallery,.portfolio-closing,.blog-columns,.blog-closing{padding-top:48px;padding-bottom:56px}.profile-mark{min-height:160px;font-size:clamp(72px,24vw,120px)}.focus-card,.focus-card:nth-child(2),.focus-card:nth-child(3){min-height:auto;margin-top:0}.timeline-row{grid-template-columns:64px 1fr}.timeline-row p{grid-column:2}.portfolio-gallery{grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}.folio-card-1,.folio-card-2,.folio-card-3,.folio-card-4,.folio-card-5,.blog-category-1,.blog-category-2,.blog-category-3,.blog-category-4{grid-column:auto;margin-top:0}.folio-card-1,.folio-card-2,.folio-card-3,.folio-card-4,.folio-card-5,.portfolio-page .subpage-hero{min-height:auto}.portfolio-page .subpage-title{font-size:clamp(34px,8.8vw,56px);line-height:1.14}main.portfolio-page[data-locale=en] .subpage-title{line-height:1}.portfolio-page .folio-card{grid-template-rows:auto auto auto auto;min-height:auto}.blog-feature{margin-top:42px}.blog-feature p{grid-column:auto}.blog-category{min-height:auto}.post-hero,.post-reading-layout,.post-section,.post-takeaways,.related-posts>div{grid-template-columns:1fr}.post-hero{gap:18px;min-height:auto}.post-section{gap:14px}.post-reading-rail{position:static}.scroll-card{display:none}.text-link{justify-self:start}.project-card{min-height:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (min-width:901px) and (max-height:900px){.hero-section{padding-top:20px;padding-bottom:20px}.hero-content{padding-top:28px;padding-bottom:18px}.hero-title{font-size:clamp(68px,9.4vw,138px);line-height:.98}.hero-content p{max-width:620px;font-size:15px;line-height:1.58}.primary-action,.ghost-action{min-height:44px;font-size:16px}.hero-terminal{padding:10px 14px}.hero-metrics div{padding:12px 14px}.hero-metrics strong{font-size:20px}.scroll-card{height:112px}}@media (max-width:560px){.nav{gap:8px}.nav-links{justify-content:flex-start;gap:7px;width:100%}.nav-links a{min-height:28px;padding:0 8px;font-size:12px}.hero-content{text-align:left}.hero-title{text-align:left;margin-left:0}.hero-content p,.hero-actions{justify-content:flex-start;margin-left:0}.hero-content p{font-size:15px;line-height:1.78}.eyebrow{border-bottom-width:4px;max-width:100%;font-size:12px;line-height:1.2}.hero-metrics{grid-template-columns:1fr;gap:8px;width:100%}.hero-metrics div{padding:10px 12px}.hero-metrics strong{font-size:18px}.about-grid h2,.section-heading h2,.social-section h2,.timeline-heading h2,.portfolio-closing p,.blog-feature h2,.blog-closing p{letter-spacing:.01em;font-size:clamp(40px,12vw,58px);line-height:1.08}.manifesto-section p{text-align:left}.section{padding-top:58px;padding-bottom:64px}.about-copy,.project-card p{font-size:14px;line-height:1.9}.project-card{padding:20px}.project-card h3{font-size:clamp(30px,9vw,40px);line-height:1.08}.social-link{gap:14px;min-height:82px;padding:0 2px}.social-link strong{font-size:24px}.subpage-kicker{border-bottom-width:4px;max-width:100%;font-size:12px;line-height:1.2}.subpage-title{font-size:clamp(36px,10vw,58px);line-height:1.16}.profile-lead,.portfolio-lead,.blog-lead{gap:16px}.profile-lead p,.portfolio-lead p,.blog-lead p{color:#ffffffe6;border-left:4px solid var(--cyber-cyan);background:linear-gradient(90deg,#050505e6,#050505c2),linear-gradient(90deg,#00f0ff24,#f2e9000f);padding:10px 12px}.profile-copy p,.profile-lead p,.portfolio-lead p,.blog-lead p,.blog-feature p,.blog-category p,.blog-article p{font-size:15px;line-height:1.9}.profile-highlights{grid-template-columns:1fr}.highlight-tile{gap:14px;min-height:auto}.focus-card{padding:20px}.focus-card h2{margin:24px 0 14px;font-size:clamp(30px,9vw,42px)}.timeline-row{grid-template-columns:44px 1fr;gap:14px;min-height:128px;padding:18px 0}.timeline-row h3{font-size:clamp(28px,8vw,40px)}.folio-card{gap:14px;min-height:auto;padding:20px}.folio-card h2{margin:14px 0 0;font-size:clamp(26px,7.8vw,38px);line-height:1.12}main.portfolio-page[data-locale=en] .folio-card h2{line-height:1}.portfolio-page .folio-card p{font-size:13.5px;line-height:1.72}.folio-meta{margin-top:2px;padding-top:14px}.folio-meta strong{font-size:13px}.folio-meta span,.folio-filter{font-size:10px}.portfolio-ribbon,.blog-spectrum{display:none}.blog-title{font-size:clamp(34px,9vw,52px)}.blog-title span,.post-title span{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);padding:10px 12px;box-shadow:6px 6px #ff003c57}.blog-feature{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));gap:16px;margin-bottom:28px;padding:20px}.blog-feature:before{inset:10px}.blog-feature h2{font-size:clamp(32px,8.4vw,44px);line-height:1.12}.blog-feature-label{font-size:16px}.blog-category h2{font-size:clamp(32px,9.5vw,48px);line-height:1.08}.blog-category{gap:18px;padding:20px}.blog-category strong{width:100%;font-size:13px}.blog-article h3{font-size:clamp(24px,7vw,34px)}.post-title{font-size:clamp(34px,9.4vw,54px);line-height:1.16}.post-intro{padding:16px;font-size:16px;line-height:1.9}.post-section h2,.post-takeaways h2,.related-posts h2{font-size:clamp(28px,8vw,42px);line-height:1.1}.post-reading-layout{margin-top:36px}.post-reading-rail,.post-section,.post-takeaways,.related-post-card{padding:18px}.post-section p{font-size:16px;line-height:1.95}.post-takeaways{gap:18px}.related-post-card{min-height:auto}}@media (max-width:430px){.hero-section,.subpage{padding-left:10px;padding-right:10px}.nav{padding:7px}.brand{font-size:14px}.brand svg{width:30px;height:30px;padding:7px}.nav-links a{min-height:27px;font-size:11px}.hero-content{padding-top:26px}.hero-title{font-size:clamp(46px,14vw,62px)}.hero-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.primary-action,.ghost-action{white-space:nowrap;width:100%;min-width:0;padding:0 10px;font-size:13px}.hero-terminal{display:none}.hero-metrics{margin-top:12px}.hero-metrics div{min-height:0}.hero-metrics div:nth-child(n+2){display:none}.hero-scene{opacity:.24;right:-330px}.section{padding-left:18px;padding-right:18px}.subpage-title{font-size:clamp(34px,9.6vw,48px)}.subpage .nav{margin-bottom:30px}.portfolio-lead p,.blog-lead p,.profile-lead p{color:#fffffff0}.folio-card,.blog-category,.post-section,.post-takeaways,.related-post-card{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.social-section{gap:28px}.social-section h2{max-width:7.2em;font-size:clamp(34px,11vw,44px);line-height:1.12}.social-link{gap:12px;min-height:76px;padding-right:34px}.social-link>svg:first-child{width:22px;min-width:22px}.social-link>svg:last-child{width:18px;min-width:18px}.social-link strong{font-size:21px;line-height:1.05}.social-link em{margin-top:4px;font-size:13px}.site-footer{padding-left:18px;padding-right:18px}.footer-mark{align-items:flex-start}.footer-mark span{font-size:clamp(28px,12vw,46px);line-height:1}.footer-nav,.footer-links{gap:14px}}@media (prefers-reduced-motion:reduce){.cyber-cursor{display:none}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}