:root{--navy:#173d5b;--text:#2d3741;--muted:#6d7f8e;--quiet:#8997a3;--pale:#f2f6f9;--line:#d7e1e8;--white:#fff;--accent:#2563eb;--focus:#1d4ed8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--white);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:Noto Sans CJK SC,Noto Sans SC,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:17px;line-height:1.72}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p,figure,dl,dd{margin-top:0}button,a{touch-action:manipulation}section[id],article[id]{scroll-margin-top:80px}.skip-link{z-index:100;background:var(--navy);color:#fff;padding:9px 14px;position:fixed;top:12px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}a:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.site-header{z-index:30;border-bottom:1px solid var(--line);background:#fffffff7;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:28px;width:min(1080px,100% - 40px);min-height:64px;margin:0 auto;display:flex}.brand{white-space:nowrap;align-items:baseline;gap:10px;display:flex}.brand strong{color:var(--navy);font-size:16px}.brand span{color:var(--quiet);font-size:12px}nav{color:var(--muted);align-items:center;gap:28px;margin-left:auto;font-size:13px;display:flex}nav a,.resume-link{align-items:center;min-height:44px;display:inline-flex}nav a:hover{color:var(--navy)}.resume-link{border:1px solid var(--navy);min-width:82px;color:var(--navy);border-radius:4px;justify-content:center;font-size:13px;font-weight:700;transition:color .16s,background-color .16s}.resume-link:hover{background:var(--navy);color:#fff}.cover,.document-section,.site-footer{width:min(1080px,100% - 40px);margin-inline:auto}.cover{min-height:820px;padding:112px 10px 120px}.cover-name{color:var(--navy);letter-spacing:-.04em;margin-bottom:18px;font-size:clamp(46px,6vw,62px);font-weight:760;line-height:1.15}.cover h1{color:var(--navy);letter-spacing:-.03em;margin-bottom:18px;font-size:clamp(29px,4.2vw,42px);line-height:1.28}.cover-keywords{color:var(--muted);letter-spacing:.025em;margin-bottom:48px;font-size:16px}.cover-note{border:1px solid var(--line);background:var(--pale);margin-bottom:36px;padding:14px 18px}.cover-note strong{color:var(--navy);margin-bottom:2px;font-size:16px;display:block}.cover-note p{margin-bottom:2px;font-size:16px}.cover-note small{color:var(--muted);font-size:13px;line-height:1.65;display:block}.portfolio-index{max-width:980px}.portfolio-index h2{color:var(--navy);margin-bottom:10px;font-size:20px}.portfolio-index a{grid-template-columns:minmax(330px,.95fr) 1.05fr;gap:24px;padding:6px 0;line-height:1.55;display:grid}.portfolio-index b{color:#243746;font-size:15px}.portfolio-index span{color:var(--quiet);font-size:14px}.portfolio-index a:hover b{color:var(--accent)}.document-section{border-top:1px solid var(--line);padding:96px 10px 112px}.section-title,.project-title{border-bottom:1px solid var(--line);padding-bottom:25px}.section-title h2{color:var(--navy);letter-spacing:-.03em;margin-bottom:3px;font-size:clamp(34px,4vw,42px);line-height:1.3}.section-title p,.project-title p{color:var(--muted);margin-bottom:0;font-size:17px}.text-section{margin-top:32px}.text-section h3,.project-copy h3{color:var(--navy);margin-bottom:8px;font-size:22px;line-height:1.4}.text-section p,.text-section ul,.project-copy p,.project-copy ul{margin-bottom:0}.text-section ul,.project-copy ul{padding-left:28px}.text-section li+li,.project-copy li+li{margin-top:3px}.text-section b,.project-copy b{color:#273e51}.project-title h2{color:var(--navy);letter-spacing:-.025em;align-items:baseline;gap:22px;margin-bottom:5px;font-size:clamp(30px,4vw,42px);line-height:1.3;display:flex}.project-title h2 span{font-variant-numeric:tabular-nums;flex:none;font-size:.9em}.project-meta{border:1px solid var(--line);background:var(--pale);grid-template-columns:repeat(3,1fr);margin:16px 0 0;display:grid}.project-meta div{min-width:0;padding:7px 12px 8px}.project-meta div+div{border-left:1px solid var(--line)}.project-meta dt{color:var(--navy);font-size:14px;font-weight:750;line-height:1.4}.project-meta dd{color:#4d5f6d;margin-bottom:0;font-size:14px;line-height:1.55}.project-copy{margin-top:30px}.project-copy section+section{margin-top:18px}.shot-stack{gap:48px;margin-top:42px;display:grid}.shot-pair{gap:48px;display:grid}.project-shot{margin-bottom:0}.project-shot a{background:#fbfcfd;border:1px solid #e1e7eb;display:block}.project-shot a:hover{border-color:#aebdc8}.project-shot img{width:100%;height:auto}.project-shot figcaption{color:var(--quiet);padding-top:8px;font-size:13px;line-height:1.5}.final-shots{padding-bottom:8px}.site-footer{border-top:1px solid var(--line);min-height:118px;color:var(--quiet);justify-content:space-between;gap:24px;padding:30px 10px 48px;font-size:12px;display:flex}@media (max-width:820px){nav{display:none}.cover{min-height:auto;padding-top:84px}.portfolio-index a{grid-template-columns:1fr;gap:0;padding:8px 0}.project-meta{grid-template-columns:1fr}.project-meta div+div{border-left:0;border-top:1px solid var(--line)}.site-footer{flex-direction:column}}@media (max-width:560px){body{font-size:16px}.header-inner,.cover,.document-section,.site-footer{width:min(100% - 28px,1080px)}.header-inner{min-height:60px}.brand span{display:none}.resume-link{min-height:42px}.cover{padding:68px 2px 82px}.cover-name{font-size:44px}.cover h1{font-size:29px}.cover-keywords{margin-bottom:36px;font-size:14px;line-height:1.9}.cover-note{padding:13px 14px}.portfolio-index h2{font-size:19px}.document-section{padding:72px 2px 82px}.section-title h2{font-size:33px}.section-title p,.project-title p{font-size:15px}.project-title h2{font-size:31px;display:block}.project-title h2 span{margin-bottom:4px;display:block}.text-section h3,.project-copy h3{font-size:20px}.text-section ul,.project-copy ul{padding-left:24px}.shot-stack,.shot-pair{gap:34px}.site-footer{padding-inline:2px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}@media print{.site-header,.skip-link,.site-footer{display:none}.cover,.document-section{width:100%}.document-section{break-before:page}.project-shot{break-inside:avoid}}