:root{color:#090909;background:#fff;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px}img{max-width:none}button,input,textarea,select{font:inherit}.portfolio{margin:0 auto;max-width:1280px;min-height:100vh;background:#fff}.portfolio-home{background:linear-gradient(rgba(255,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,97,.05) 1px,transparent 1px),radial-gradient(circle at 15% 20%,rgba(190,0,0,.22),transparent 32%),radial-gradient(circle at 86% 8%,rgba(0,240,122,.18),transparent 28%),#020403;background-size:28px 28px,28px 28px,auto,auto,auto;max-width:none;overflow-x:hidden;width:100%}.nav{align-items:center;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);height:80px;padding:0 120px;position:relative;z-index:5}.nav button{align-items:center;background:transparent;border:0;color:#090909;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:400;height:100%;justify-content:center;opacity:.65}.nav button.active{font-weight:600;opacity:1}.nav button:focus-visible{outline:2px solid currentColor;outline-offset:-8px}.portfolio-home .nav{background:#030303e6;border-bottom:1px solid rgba(255,44,44,.5);color:#f2f2f2;max-width:none}.portfolio-home .nav button{color:#f2f2f2}.portfolio-home .nav button.active{color:#21ff72;text-shadow:0 0 12px rgba(33,255,114,.65)}.nav-icon{display:none}.hero{height:640px;position:relative}.media-block{align-items:center;background:#666;color:#090909;display:flex;font-size:80px;font-weight:600;height:100%;justify-content:center;overflow:hidden;width:100%}.media-block img{display:block;height:100%;object-fit:cover;width:100%}.scroll-cue{display:none}.works,.project{margin:0}.project .media-block{aspect-ratio:1280 / 2273;height:auto;min-height:0}.home-page{color:#f0f3ef;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;margin:0 auto;max-width:1440px;overflow:hidden}.home-hero,.home-section{border-bottom:1px solid rgba(255,39,39,.44);margin:0;position:relative}.home-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);min-height:660px;padding:64px clamp(24px,5vw,72px)}.home-hero:before,.home-section:before{border:2px solid rgba(255,20,20,.8);content:"";inset:14px;pointer-events:none;position:absolute}.home-glitch-label{background:#ff1d1d;color:#050505;font-size:13px;font-weight:700;left:clamp(24px,5vw,72px);letter-spacing:0;padding:6px 12px;position:absolute;top:20px;z-index:2}.home-hero-copy{align-self:center;max-width:640px;padding:80px 0;position:relative;z-index:2}.home-hero-copy h1{color:#dfe9f3;font-size:clamp(42px,5.1vw,72px);font-weight:800;letter-spacing:0;line-height:1.08;margin:0 0 34px;text-shadow:6px 0 0 rgba(4,255,108,.18),-4px 0 0 rgba(255,0,0,.2);word-break:keep-all}.home-hero-copy ul{border-left:3px solid #ff2424;color:#f5e9dc;display:grid;font-size:18px;gap:12px;line-height:1.6;list-style:none;margin:0;padding:0 0 0 18px}.home-hero-media{align-self:stretch;min-height:500px;position:relative;z-index:1}.home-hero-media .media-block{background:#ffffff14;border-left:1px solid rgba(255,42,42,.55);height:100%;min-height:500px}.home-hero-media img{filter:contrast(1.06) saturate(1.08);object-position:100% center;transform:scale(1.22);transform-origin:right center}.home-scanline{background:linear-gradient(90deg,transparent,rgba(33,255,114,.8),transparent);bottom:40px;height:1px;left:8%;opacity:.9;position:absolute;right:8%}.home-section{padding:68px clamp(24px,5vw,72px)}.home-section-header{align-items:start;border-top:2px solid rgba(255,48,48,.8);display:flex;justify-content:space-between;margin-bottom:22px;padding-top:16px;position:relative;z-index:1}.home-section-header p,.home-section-header h2{margin:0}.home-section-header p{color:#f5c8b5;font-size:18px;font-weight:700}.home-section-header h2{color:#fff;font-size:clamp(28px,3vw,46px);letter-spacing:0;line-height:1.2}.home-section-header span{color:#ff3030;font-size:12px;padding-right:18px}.terminal-line{color:#16ff68;font-family:Courier New,monospace;font-size:14px;line-height:1.5;margin:0 0 34px;position:relative;z-index:1}.about-grid{display:grid;gap:42px;grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);position:relative;z-index:1}.about-grid p,.about-grid li,.featured-copy p,.work-card p{color:#f2f4eed1;font-size:15px;line-height:1.8}.about-grid ol{border-left:1px solid rgba(33,255,114,.6);display:grid;gap:12px;list-style:none;margin:0;padding:2px 0 2px 22px}.featured-work{align-items:stretch;display:grid;gap:28px;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);margin-bottom:34px;position:relative;z-index:1}.featured-copy{align-self:center;border-left:3px solid #ff2424;padding:8px 0 8px 20px}.featured-copy span,.work-card span,.system-grid span,.visual-grid span{color:#14ff6a;font-family:Courier New,monospace;font-size:12px}.featured-copy h3,.work-card h3{color:#fff;font-size:clamp(24px,3vw,42px);letter-spacing:0;line-height:1.15;margin:12px 0}.featured-work .media-block{aspect-ratio:16 / 9;border:1px solid rgba(33,255,114,.55);box-shadow:0 0 28px #21ff7238;height:auto}.work-detail-grid{display:grid;gap:28px;position:relative;z-index:1}.work-card{align-items:center;display:grid;gap:26px;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)}.work-card:nth-child(2n) .media-block{order:2}.work-card .media-block{aspect-ratio:4 / 3;border:1px solid rgba(255,48,48,.5);height:auto}.system-grid,.visual-grid{display:grid;gap:18px;position:relative;z-index:1}.system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.system-grid article,.visual-grid article{background:#ffffff09;border:1px solid rgba(33,255,114,.24);padding:10px}.system-grid .media-block{aspect-ratio:4 / 5;height:auto}.system-grid span,.visual-grid span{display:block;margin-top:10px}.visual-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.visual-grid article:nth-child(1),.visual-grid article:nth-child(4){grid-column:span 2}.visual-grid .media-block{aspect-ratio:3 / 4;height:auto}.home-about{background:linear-gradient(90deg,#000000b3,#00000059),radial-gradient(circle at 85% 40%,rgba(33,255,114,.12),transparent 34%)}.portfolio-home{background:#050505}.portfolio-home .nav{background:#190909;border-bottom:0;height:calc(100vw * 160 / 2880);min-height:64px;padding:0 8.333vw}.portfolio-home .nav button{color:#fff;font-size:clamp(14px,1.111vw,32px);opacity:1;position:relative}.portfolio-home .nav button.active{color:#00ff15;text-shadow:none}.portfolio-home .nav button.active:after{background:#00ff15;border-radius:999px;box-shadow:0 0 18px #00ff158c;content:"";height:max(4px,.4167vw);left:50%;position:absolute;top:50%;transform:translate(-50%,26%);width:6.944vw}.figma-home{--design-width: 2880;background:#050505;color:#f4f6f5;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;overflow:hidden;width:100%}.figma-home-section{min-height:0;overflow:hidden;position:relative;width:100vw}.figma-picture{display:block;max-width:none}.figma-home-bg{height:100%;inset:0;object-fit:fill;pointer-events:none;position:absolute;width:100%}.figma-hero{height:50vw}.figma-about{height:41.6667vw}.figma-projects{height:172.5vw}.figma-systematic{height:96.9444vw}.figma-visual{height:173.3333vw}@media(min-width:768px){.figma-hero-copy,.figma-about-copy,.figma-project-intro,.figma-section-copy,.figma-project-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.figma-copy{color:#d0d0d0;position:absolute;z-index:2}.figma-copy p,.figma-copy h1,.figma-copy h2,.figma-copy h3,.figma-copy ul{margin:0}.figma-copy p{color:#ff5959;font-size:clamp(10px,.972vw,28px);font-weight:600;letter-spacing:0}.figma-copy h1{color:#f4f5fb;font-size:clamp(36px,4.58vw,132px);font-weight:800;letter-spacing:0;line-height:1.08;text-shadow:.2vw 0 0 rgba(0,255,64,.18),-.16vw 0 0 rgba(255,0,0,.26)}.figma-copy h2{color:#fff;font-size:clamp(26px,2.64vw,76px);font-weight:700;letter-spacing:0;line-height:1.15}.figma-copy h3{color:#fff;font-size:clamp(22px,2.1vw,60px);font-weight:700;letter-spacing:0;line-height:1.18}.figma-copy div,.figma-copy li,.figma-copy span{color:#d0d0d0;font-size:clamp(13px,.972vw,28px);line-height:1.42}.figma-hero-copy{left:8.333vw;top:6.2vw;width:42vw}.figma-hero-copy p{background:#ff2a2a;color:#190909;display:inline-block;font-size:clamp(11px,.72vw,22px);margin-bottom:6vw;padding:.42vw 1vw}.figma-hero-copy ul{border-left:.16vw solid #ff5959;display:grid;gap:.72vw;list-style:none;margin-top:2.7vw;padding-left:1.2vw}.figma-about-copy{left:5.1vw;top:14.9vw;width:54vw}.figma-about-copy h2,.figma-project-intro h2,.figma-section-copy h2{margin:.4vw 0 1.2vw}.figma-about-copy span{color:#00ff40;display:block;font-family:Courier New,monospace;margin-bottom:2vw}.figma-project-intro{left:6.38vw;top:19vw;width:27vw}.figma-project-intro span{color:#ff5959;display:block;font-family:Courier New,monospace;font-size:clamp(10px,.62vw,18px);margin-bottom:1.5vw}.figma-knowledge-row{display:grid;gap:2.78vw;grid-template-columns:repeat(3,1fr);left:30.28vw;position:absolute;top:17.15vw;width:72.8vw;z-index:2}.figma-frame-card{aspect-ratio:696 / 528;filter:drop-shadow(0 0 1.38vw rgba(0,255,38,.38));position:relative}.figma-frame-shell,.figma-frame-image{inset:0;height:100%;object-fit:fill;position:absolute;width:100%}.figma-frame-image{border-radius:.3vw;height:88.6%;left:4.3%;top:5.7%;width:91.4%}.figma-knowledge-feature{align-items:start;display:grid;gap:3.2vw;grid-template-columns:1fr 1.22fr;left:9.16vw;position:absolute;top:50vw;width:81.6vw;z-index:2}.figma-knowledge-feature .figma-copy,.figma-mistake-book .figma-copy,.figma-workflow .figma-copy{position:static}.figma-knowledge-feature .figma-frame-card{aspect-ratio:1270 / 966}.figma-mistake-book{display:grid;gap:3vw;grid-template-columns:.38fr .62fr;left:9.16vw;position:absolute;top:83.5vw;width:81.6vw;z-index:2}.figma-mistake-grid{align-items:end;display:grid;gap:1vw;grid-template-columns:.95fr .72fr .64fr .64fr .64fr .9fr}.figma-mistake-grid img{border-radius:.83vw;box-shadow:0 0 1.2vw #45387c8c;height:auto;width:100%}.figma-workflow{left:9.16vw;position:absolute;top:131vw;width:81.6vw;z-index:2}.figma-workflow .figma-copy{margin-bottom:2vw;max-width:33vw}.figma-workflow-hero{height:auto;margin-left:44vw;margin-top:-13vw;width:46.8vw}.figma-workflow-row{display:grid;gap:1.3vw;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:3vw}.figma-workflow-row img{border-radius:.25vw;height:7.48vw;object-fit:contain;width:100%}.figma-section-copy{left:9.16vw;top:8.5vw;width:38vw}@media(max-width:767px){.portfolio-home .nav{height:72px;inset:auto 0 0;min-height:72px;padding:0 10px;position:fixed;z-index:20}.portfolio-home .nav button{font-size:12px}.portfolio-home .nav button.active:after{height:3px;top:14px;width:32px}.figma-home{padding-bottom:72px}.figma-home-section{height:auto;min-height:0;overflow:visible;padding:28px 18px}.figma-home-bg{height:auto;position:relative;width:100%}.figma-copy{position:relative}.figma-copy p{font-size:13px}.figma-copy h1{font-size:38px;margin-top:20px}.figma-copy h2{font-size:28px}.figma-copy h3{font-size:24px}.figma-copy div,.figma-copy li,.figma-copy span{font-size:14px;line-height:1.7}.figma-hero{display:grid;gap:24px;padding-top:30px}.figma-hero .figma-home-bg{order:2}.figma-hero-copy,.figma-about-copy,.figma-project-intro,.figma-section-copy{left:auto;top:auto;width:auto}.figma-hero-copy p{font-size:12px;margin-bottom:0;padding:6px 10px}.figma-hero-copy ul{border-left-width:2px;gap:8px;margin-top:20px;padding-left:14px}.figma-about{background:#080b08}.figma-about .figma-home-bg{margin:-12px 0 18px}.figma-projects{background:#060706}.figma-projects .figma-home-bg{margin:-20px 0 24px}.figma-knowledge-row,.figma-knowledge-feature,.figma-mistake-book,.figma-workflow{display:grid;gap:18px;grid-template-columns:1fr;left:auto;margin-top:22px;position:relative;top:auto;width:auto}.figma-knowledge-row{grid-template-columns:1fr}.figma-frame-card{filter:drop-shadow(0 0 14px rgba(0,255,38,.28))}.figma-frame-image{border-radius:4px}.figma-mistake-grid,.figma-workflow-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.figma-mistake-grid img,.figma-workflow-row img{border-radius:8px;height:auto;object-fit:contain;width:100%}.figma-workflow .figma-copy{max-width:none}.figma-workflow-hero{margin:0;width:100%}.figma-systematic,.figma-visual{display:grid;gap:20px}.figma-systematic .figma-home-bg,.figma-visual .figma-home-bg{order:2}}.admin-shell{background:#f7f7f5;margin:0 auto;min-height:100vh;padding:34px clamp(20px,6vw,72px) 100px}.admin-header{align-items:end;display:flex;justify-content:space-between;margin:0 auto 28px;max-width:1080px}.header-actions{display:flex;gap:10px}.admin-header p{color:#777;font-size:14px;margin:0 0 8px}.admin-header h1{font-size:clamp(28px,4vw,42px);font-weight:600;margin:0}.notice{background:#eceae5;border-radius:8px;color:#555;line-height:1.6;margin:0 auto 20px;max-width:1080px;padding:16px 18px}.notice strong{color:#111}.uid-row{border-top:1px solid #dad7d0;font-size:13px;margin-top:12px;padding-top:12px}.uid-row code{color:#222;word-break:break-all}.editor-card{background:#fff;border-radius:10px;margin:0 auto 18px;max-width:1080px;padding:26px}.editor-card h2{font-size:20px;font-weight:600;margin:0 0 18px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;min-width:0}.field span{color:#555;font-size:14px}.field input,.field textarea,.field select{background:#fff;border:1px solid #d5d3ce;border-radius:6px;color:#111;min-height:44px;min-width:0;padding:10px 12px;width:100%}.field textarea{min-height:88px;resize:vertical}.tab-fields{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.page-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.page-tabs button{background:#f2f1ee;border:1px solid transparent;border-radius:20px;cursor:pointer;padding:9px 16px}.page-tabs button.active{background:#111;color:#fff}.project-editor{border-top:1px solid #eee;margin-top:18px;padding-top:22px}.project-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.inline-button{background:transparent;border:0;color:#333;cursor:pointer;margin-left:14px;padding:6px 0}.inline-button.danger{color:#8e4038}.inline-button:disabled{color:#c8c7c3;cursor:default}.project-editor:first-of-type{border-top:0}.image-preview{border-radius:6px;height:140px;object-fit:cover;width:180px}.field-help{color:#777;font-size:13px}.section-title{align-items:center;display:flex;justify-content:space-between}.plain-button,.muted-button,.save-button{border-radius:6px;cursor:pointer;min-height:44px;padding:0 18px}.plain-button{background:transparent;border:1px solid #c9c7c1}.admin-actions{display:flex;gap:12px;justify-content:flex-end;margin:26px auto 0;max-width:1080px}.muted-button{background:#fff;border:1px solid #ccc}.save-button{background:#111;border:1px solid #111;color:#fff}.save-button:disabled{cursor:wait;opacity:.55}.login-shell,.loading-shell{align-items:center;background:#f7f7f5;display:flex;justify-content:center;min-height:100vh;padding:24px}.loading-shell{color:#666}.login-card{background:#fff;border-radius:10px;max-width:420px;padding:34px;width:100%}.login-card p{color:#777;margin:0 0 8px}.login-card h1{font-size:28px;font-weight:600;margin:0 0 28px}.full-button{margin-top:10px;width:100%}.form-error,.form-success{border-radius:6px;font-size:14px;line-height:1.5;padding:12px 14px}.form-error{background:#f7e6e3;color:#8e4038}.form-success{background:#e7f0e7;color:#316243}.action-message{margin:18px auto 0;max-width:1080px}@media(max-width:600px){.portfolio,.portfolio-home{padding-bottom:90px}.nav{background:#d7d7d7;bottom:0;height:90px;padding:8px 20px 38px;position:fixed;top:auto;width:100%}.portfolio-home .nav{background:#080808f0;border-top:1px solid rgba(255,44,44,.7);border-bottom:0}.nav button{font-size:10px;gap:0;justify-content:flex-start}.nav-icon{background:#999;display:block;height:28px;margin-bottom:0;width:28px}.portfolio-home .nav-icon{background:#21ff72;box-shadow:0 0 10px #21ff7273}.hero{height:calc(100svh - 90px)}.scroll-cue{border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:16px solid white;bottom:28px;display:block;height:0;left:calc(50% - 9px);position:absolute;width:0}.works,.project{margin:0}.project .media-block,.project-landscape .media-block{aspect-ratio:auto;height:calc(100svh - 90px);min-height:0}.home-hero{display:flex;flex-direction:column;min-height:calc(100svh - 90px);padding:54px 20px 34px}.home-hero:before,.home-section:before{inset:8px}.home-glitch-label{font-size:11px;left:20px;top:12px}.home-hero-copy{padding:32px 0 24px}.home-hero-copy h1{font-size:42px;margin-bottom:22px}.home-hero-copy ul{font-size:14px}.home-hero-media{min-height:320px}.home-hero-media .media-block{border-left:0;border-top:1px solid rgba(255,42,42,.55);min-height:260px}.home-section{padding:48px 20px}.home-section-header{margin-bottom:18px}.home-section-header p{font-size:15px}.home-section-header h2{font-size:28px}.home-section-header span{display:none}.terminal-line{font-size:12px;margin-bottom:24px}.about-grid,.featured-work,.work-card{grid-template-columns:1fr}.work-card:nth-child(2n) .media-block{order:0}.system-grid{grid-template-columns:1fr}.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-grid article:nth-child(1),.visual-grid article:nth-child(4){grid-column:span 1}.admin-shell{padding:22px 16px 96px}.admin-header{align-items:center;gap:16px}.tab-fields{grid-template-columns:repeat(2,1fr)}.editor-card{padding:20px}.login-card{padding:26px 20px}}