:root{color-scheme:dark;--bg:#0b0e12;--panel:#11161b;--line:#293038;--text:#edf0f1;--muted:#9ba6b0;--green:#b8f576}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);font:15px/1.8 Arial,"Microsoft YaHei",sans-serif;color:var(--text)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:6px}a:hover{color:var(--green)}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:italic 38px Georgia,serif;color:var(--green);display:flex;align-items:center;gap:17px}.brand-word{font:700 13px Arial,sans-serif;letter-spacing:1px;color:var(--text)}.brand-word span{color:var(--muted);font-weight:400}nav{display:flex;gap:32px;font-size:12px}nav a:first-child{color:var(--green)}.nav-count{font:10px Consolas,monospace;color:var(--muted);margin-left:6px}.hero{padding-top:65px}.eyebrow{font:10px/1.8 Consolas,"Microsoft YaHei",monospace;letter-spacing:1.6px;color:var(--muted)}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:10px;box-shadow:0 0 15px #b8f57644}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:65px;margin-top:25px}h1{font-size:clamp(42px,4.6vw,66px);line-height:1.3;letter-spacing:-2px;font-weight:500;margin:10px 0 35px}h1 span{color:var(--green)}.intro-label{font:10px Consolas,monospace;letter-spacing:1.7px;color:var(--green)}.intro p{color:var(--muted);font-size:14px;line-height:2.1;margin:16px 0 22px}.text-link{font-size:12px}.text-link span{margin-left:55px;color:var(--green)}.hero-foot{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 0 26px;margin-top:15px;font:10px Consolas,"Microsoft YaHei",monospace;letter-spacing:1px;color:#8b969f}.work-section{padding-top:46px;padding-bottom:62px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h2{font-size:26px;font-weight:500;margin:0}.section-heading h2 span{font:10px Consolas,monospace;color:var(--muted);letter-spacing:1.6px;margin-left:20px}.small-label{font:10px Consolas,monospace;color:var(--muted);letter-spacing:1.3px}.project{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.project-head{padding:32px 36px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px}.project-head .eyebrow{color:var(--green);font-size:9px}.project-head h3{font-size:30px;letter-spacing:1px;font-weight:500;margin:10px 0 0}.project-head h3 span{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:var(--green);color:#15200f;border:1px solid var(--green);border-radius:4px;padding:11px 19px;font-size:12px;font-weight:600;white-space:nowrap}.button:hover{color:#0a1602;background:#d4ffa6}.project-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 36px;padding:21px 0 28px;border-top:1px solid var(--line)}.project-meta div>span{display:block;font:9px Consolas,monospace;letter-spacing:1px;color:#8a969e;margin-bottom:9px}.project-meta strong,.project-meta a{font-size:12px;font-weight:400;color:#d2d9de}.project-meta a:hover{color:var(--green)}.project-preview{display:block;margin:0 36px;position:relative;border:1px solid #34463e;border-radius:6px;overflow:hidden;background:#0e1f19}.browser-bar{display:flex;justify-content:space-between;align-items:center;background:#1b2622;padding:12px 16px;font:10px Consolas,monospace;color:#98aaa0}.window-dots{letter-spacing:4px;font-size:8px;color:#6f8878}.address{border:1px solid #3c4a42;border-radius:4px;padding:3px 55px;color:#adbbb2}.project-preview img{display:block;width:100%;height:auto;aspect-ratio:1692/924;object-fit:cover}.preview-caption{display:flex;align-items:center;justify-content:space-between;background:#15281e;padding:13px 17px;color:#bbd7c0;font:9px Consolas,"Microsoft YaHei",sans-serif;letter-spacing:1px}.preview-caption span{font-size:10px;letter-spacing:0}.case-grid{padding:48px 36px 35px;display:grid;grid-template-columns:1fr 1fr;gap:75px}.case-intro h4{font-size:26px;line-height:1.6;font-weight:500;margin:18px 0}.case-intro p{color:var(--muted);font-size:13px;line-height:2;margin:0}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.tags span{font-size:10px;border:1px solid #37423b;border-radius:3px;color:#becbbd;padding:4px 11px}.features>div{display:flex;gap:22px;border-bottom:1px solid var(--line);padding:20px 0}.features>div:first-child{padding-top:0}.features>div:last-child{border:0}.features>div>span{color:var(--green);font:10px Consolas,monospace;padding-top:6px}.features h5{font-size:15px;font-weight:500;margin:0 0 7px}.features p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.journey{margin:0 36px;padding:22px 24px;background:#19201c;border:1px solid #303d32;border-radius:5px}.journey .eyebrow{font-size:9px;color:#a6b59e}.journey>div:last-child{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:19px;font-size:13px}.journey b{font-size:16px;font-weight:400;color:#768a65}.project-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 36px 33px}.project-bottom p{font-size:13px;margin:0}.project-bottom p span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.project-bottom>div{display:flex;gap:12px}.secondary{background:transparent;color:var(--text);border-color:#495448}.secondary:hover{background:#26321f;color:var(--green)}.next-work{display:flex;align-items:center;gap:25px;padding:30px 0;border-bottom:1px solid var(--line);margin-top:20px}.next-symbol{font-size:30px;color:#879478;border:1px dashed #4a5443;display:grid;place-items:center;width:52px;height:52px;border-radius:5px}.next-work h3{font-size:16px;font-weight:400;margin:0 0 5px}.next-work p{font-size:12px;color:var(--muted);margin:0}.next-work .small-label{margin-left:auto}.closing{padding:5px 0 65px;display:grid;grid-template-columns:1.2fr 1fr 55px;align-items:end;gap:40px}.closing h2{font-size:31px;line-height:1.6;margin-top:20px}.closing p{color:var(--muted);font-size:12px;line-height:2;margin:0 0 8px}.closing>a{border:1px solid #4d5943;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;color:var(--green);font-size:20px}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 0 30px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.skip{position:absolute;top:-100px;left:10px;background:var(--green);color:#111;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:30px}.project-head,.project-bottom{padding-inline:25px}.project-meta,.project-preview,.journey{margin-inline:25px}.case-grid{padding-inline:25px;gap:35px}.project-head h3 span{display:block;margin:7px 0 0}.closing{gap:20px}}@media(max-width:600px){.wrap{width:calc(100% - 36px)}header{height:80px}.brand{gap:9px;font-size:32px}.brand-word{font-size:10px;letter-spacing:.5px}.brand-word span{display:none}nav{gap:18px;font-size:11px}.nav-count{display:none}.hero{padding-top:38px}.eyebrow{font-size:9px;letter-spacing:1px}.hero-grid{grid-template-columns:1fr;gap:0;margin-top:19px}h1{font-size:42px;margin-bottom:25px}.intro p{font-size:13px;margin:12px 0 18px}.intro p br:nth-child(2){display:none}.hero-foot{font-size:8px;gap:12px;margin-top:22px;letter-spacing:0;padding-bottom:20px}.work-section{padding-top:28px;padding-bottom:40px}.section-heading h2{font-size:22px}.section-heading h2 span{display:block;font-size:8px;margin:4px 0 0}.small-label{font-size:8px}.project-head{padding:22px 18px;align-items:flex-start}.project-head h3{font-size:24px}.project-head h3 span{font-size:11px}.project-head .button{font-size:10px;padding:8px 10px;gap:10px;margin-top:7px}.project-meta{margin:0 18px;grid-template-columns:1fr 1fr;gap:18px;padding:18px 0}.project-meta strong,.project-meta a{font-size:11px}.project-preview{margin:0 12px}.browser-bar{padding:8px;font-size:8px}.address{padding:2px 20px}.window-dots{font-size:6px;letter-spacing:2px}.preview-caption{padding:10px;font-size:8px}.preview-caption span{font-size:8px}.case-grid{padding:30px 18px;grid-template-columns:1fr;gap:28px}.case-intro h4{font-size:24px;margin:12px 0}.case-intro p{font-size:12px}.features p{font-size:12px}.journey{margin:0 18px;padding:18px 14px}.journey>div:last-child{font-size:10px;gap:5px}.journey b{font-size:12px}.project-bottom{padding:25px 18px;display:block}.project-bottom>div{margin-top:18px}.project-bottom .button{font-size:11px;padding:10px 13px;gap:12px}.next-work{gap:15px;padding-top:20px}.next-symbol{width:40px;height:40px;flex-shrink:0;font-size:22px}.next-work .small-label{display:none}.next-work h3{font-size:15px}.next-work p{font-size:11px}.closing{grid-template-columns:1fr 48px;gap:25px;padding-bottom:38px}.closing h2{font-size:28px;margin-top:12px}.closing p{grid-column:1;grid-row:2;font-size:11px}.closing>a{grid-column:2;grid-row:2}footer{flex-wrap:wrap;gap:15px}footer>span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}