:root{color-scheme:dark;--ink:#eee6d5;--muted:#b5c0ca;--night:#182536;--line:#334354;--gold:#dbb580;font-family:'Microsoft YaHei','PingFang SC',sans-serif;background:var(--night);color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;font-size:15px;line-height:1.85}main{flex:1}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}h1,h2,p,figure{margin:0}.shell{width:min(1120px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:24px;z-index:20;background:var(--night);padding:12px}.skip:focus{top:12px}
.portfolio-header{display:flex;align-items:center;justify-content:space-between;padding-block:32px}.wordmark{font:700 23px/1.2 Consolas,monospace;letter-spacing:-.06em}.portfolio-header nav{display:flex;gap:30px;font-size:13px}.portfolio-header nav a{padding-block:10px}.portfolio-header [aria-current]{color:var(--gold)}
.collection-heading{padding:70px 0 44px;display:flex;align-items:baseline;justify-content:space-between}.collection-heading h1{font-size:64px;line-height:1.2;letter-spacing:-.04em}.collection-heading>p{font-size:12px;color:var(--muted)}
.project-list{padding-bottom:56px}.project-row{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;padding:42px 0;border-top:1px solid var(--line);scroll-margin-top:28px}.category{color:var(--gold);font-size:12px;margin-bottom:12px}.project-row h2{font-size:30px;font-weight:600;line-height:1.35;letter-spacing:-.025em}.project-english{font:13px/1.6 Consolas,monospace;color:var(--muted);margin-top:9px}.project-description>p{max-width:580px;color:var(--muted);font-size:14px}.project-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:12px}.project-bottom>span{color:#91a2b2}.quiet-link{text-decoration:underline;text-underline-offset:6px}.project-row:target h2{color:var(--gold)}
.portfolio-footer{display:flex;gap:25px;padding-block:35px;border-top:1px solid var(--line);font-size:11px;color:#91a2b2}.legal{margin-left:auto}
.project-detail{padding-block:45px 100px}.back-link{font-size:12px;color:var(--muted)}.detail-heading{padding:52px 0 58px;border-bottom:1px solid var(--line)}.detail-heading h1{font-size:clamp(44px,5.5vw,76px);line-height:1.22;letter-spacing:-.045em;overflow-wrap:anywhere}.detail-summary{font-size:18px;line-height:1.8;max-width:710px;margin-top:30px;color:var(--muted)}.detail-body{display:grid;grid-template-columns:1.6fr 1fr;gap:100px;padding-top:50px}.detail-copy section+section{margin-top:36px}.detail-copy h2{font-size:22px;font-weight:600;margin-bottom:12px}.detail-copy section>p{font-size:15px;color:var(--muted)}.source{font-size:11px;color:#91a2b2;margin-top:40px}.source a{text-decoration:underline;text-underline-offset:4px}.project-specs dl{margin:0 0 32px}.project-specs dl>div{padding:14px 0;border-bottom:1px solid var(--line)}dt{font-size:11px;color:#91a2b2}dd{margin:3px 0 0;font-size:14px}.text-button{display:block;background:#25374a;text-align:center;padding:11px 20px;margin-bottom:16px}.project-specs>.quiet-link{display:block;text-align:center;font-size:12px}
.about-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center;padding:65px 0 90px}.about-copy h1{font:700 clamp(60px,6vw,88px)/1.15 Consolas,monospace;letter-spacing:-.065em}.about-alias{color:var(--gold);font-size:17px;margin-top:13px}.about-text{max-width:440px;color:var(--muted);margin-top:38px}.about-text p+p{margin-top:16px}.profile-links{display:flex;gap:26px;flex-wrap:wrap;font-size:13px;margin-top:35px}.profile-links a{text-decoration:underline;text-underline-offset:6px}.about-scene{height:520px;overflow:hidden}.about-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 100%}
.not-found{padding-block:100px 140px}.not-found h1{font-size:54px}.not-found nav{display:flex;gap:35px;margin-top:30px}.not-found a{text-decoration:underline;text-underline-offset:5px}
@media(max-width:800px){.shell{width:calc(100% - 48px)}.project-row{gap:36px;grid-template-columns:1fr 1.2fr}.detail-body{gap:45px}.about-layout{gap:40px}.about-scene{height:420px}.about-copy h1{font-size:60px}}
@media(max-width:560px){body{font-size:14px}.shell{width:calc(100% - 40px)}.portfolio-header{padding-block:20px}.wordmark{font-size:21px}.portfolio-header nav{gap:22px;font-size:12px}.collection-heading{padding-block:40px 28px}.collection-heading h1{font-size:46px}.collection-heading>p{font-size:10px}.project-row{grid-template-columns:1fr;gap:18px;padding-block:30px}.project-row h2{font-size:28px}.category{margin-bottom:8px}.project-description>p{font-size:13px}.project-bottom{margin-top:18px}.portfolio-footer{gap:20px;font-size:10px;flex-wrap:wrap;padding-block:24px}.legal{width:100%;margin-left:0}.project-detail{padding-block:25px 60px}.detail-heading{padding-block:32px}.detail-heading h1{font-size:44px}.detail-summary{font-size:15px;margin-top:24px}.detail-body{grid-template-columns:1fr;gap:40px;padding-top:34px}.detail-copy section>p{font-size:14px}.detail-copy h2{font-size:20px}.project-specs dl{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.about-layout{grid-template-columns:1fr;padding-block:35px 55px;gap:38px}.about-copy h1{font-size:62px}.about-text{margin-top:26px}.about-scene{height:340px}.about-scene img{object-position:center 95%}.not-found h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}