@charset "UTF-8";
:root{--blue:#2548ee;--ink:#171a20;--muted:#62666e;--paper:#f7f7f2;--line:#d7d8d5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 "Microsoft YaHei","PingFang SC",Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.3}button,a,summary,select{outline-offset:6px}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #ec784d}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}button{border:0}h1,h2,h3{line-height:1.25}.wrap{max-width:1440px;width:calc(100% - 112px);margin:auto}.section{padding-top:100px;padding-bottom:100px}.eyebrow{font:600 13px/1.4 Arial,sans-serif;letter-spacing:.12em;margin-bottom:24px}.header{height:88px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;background:rgba(247,247,242,.95);backdrop-filter:blur(16px)}.wordmark{font:900 28px Arial,sans-serif;letter-spacing:-1.7px;display:flex;align-items:center;gap:20px}.wordmark span{font:500 14px "Microsoft YaHei",sans-serif;letter-spacing:.15em;border-left:1px solid #999;padding-left:20px}.header nav{display:flex;align-items:center;gap:36px;font-size:14px}.header nav a:hover{color:var(--blue)}.nav-contact{display:flex;gap:24px}.hero{padding-top:24px}.hero-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.08em}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;padding:64px 0 80px;align-items:center}.hero-copy h1{font-size:clamp(42px,4.65vw,72px);font-weight:700;line-height:1.25;letter-spacing:-.065em}.hero-copy h1 span{color:var(--blue)}.mobile-break{display:none}.intro{margin-top:30px;color:var(--muted);font-size:16px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:42px;padding:15px 24px;font-size:14px}.primary{background:var(--blue);color:#fff}.primary:hover{background:#1735c8}.text-button{background:none;padding:8px 0;font-size:14px;border-bottom:1px solid currentColor}.small{font-size:12px;margin-left:7px}.hero-art{position:relative;min-height:430px;padding-top:15px}.art-main{display:block;background:#e4e8d8;position:relative;width:89%;margin-left:auto;transform:rotate(3deg);box-shadow:0 20px 40px #14261e15}.art-main img{height:310px;object-fit:cover}.art-caption{display:flex;justify-content:space-between;padding:14px 16px;background:#fff;font-size:12px}.art-caption span{font-size:11px}.art-secondary{position:absolute;width:42%;bottom:-22px;left:0;transform:rotate(-8deg);box-shadow:0 15px 40px #0002;border:8px solid var(--paper);background:var(--paper)}.art-secondary img{aspect-ratio:1;object-fit:cover}.art-secondary>span{display:block;font:10px Arial;padding-top:9px}.art-note{position:absolute;right:3%;bottom:-4px;font-size:12px;writing-mode:vertical-rl;letter-spacing:.18em}.hero-footer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:46px}.section-heading h2{font-size:clamp(27px,3vw,43px);letter-spacing:-.04em}.section-heading h2 span{color:var(--blue)}.section-heading>p{font-size:14px;line-height:1.9;color:var(--muted)}.section-heading .eyebrow{color:var(--blue);margin-bottom:14px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 28px}.project{display:block;text-align:left;background:none;padding:0;min-width:0}.project.large{grid-column:1/-1}.project-image{position:relative;overflow:hidden;background:#e6e8df}.project-image img{height:350px;object-fit:cover;transition:transform .5s}.project.large .project-image img{height:500px;object-fit:cover;object-position:center 46%}.project .lime img,.project .burgundy img{object-fit:contain}.lime{background:#d2eb2d}.burgundy{background:#36141c}.project:hover .project-image img{transform:scale(1.025)}.open-icon{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:44px;height:44px;background:var(--paper);border-radius:50%;font-size:24px}.project-meta{padding-top:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.category{font:12px/1.5 Arial,sans-serif;letter-spacing:.04em;color:var(--muted)}.project-meta h3{font-size:22px;margin-top:8px}.project-meta h3 span{font-size:16px;font-weight:400;margin-left:12px}.page-label{font:12px Arial;white-space:nowrap;color:var(--muted)}.case-section{background:#e8eddf;padding:80px 0}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.case-visual img{mix-blend-mode:multiply}.case-visual>span{display:block;text-align:center;font-size:12px;margin-top:20px;letter-spacing:.1em}.case-copy h2{font-size:40px;margin-bottom:24px}.case-copy>p:not(.eyebrow):not(.source-note){font-size:15px;line-height:1.95;color:#465041;margin-top:14px}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0 8px;border-top:1px solid #bac3b2;padding-top:22px}.case-stats strong{font:42px Arial;letter-spacing:-2px}.case-stats strong span{font-size:14px;margin-left:6px;letter-spacing:0}.case-stats p{font-size:12px;color:#465041}.source-note{font-size:12px;color:#646e5d;margin-bottom:25px}.dark{background:#163b2d;color:#fff}.archive-group{border-top:1px solid var(--line)}.archive-group:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;font-size:20px}summary::-webkit-details-marker{display:none}summary b{font:13px Arial;color:var(--blue);margin-right:28px}summary>span:last-child{font-size:13px;color:var(--muted)}summary i{font-style:normal;font-size:23px;display:inline-block;margin-left:25px}details[open] summary i{transform:rotate(45deg)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-bottom:32px}.archive-card{padding:0;background:transparent;text-align:left}.archive-card img{aspect-ratio:1.55;object-fit:contain;background:#efeee4;border:1px solid #e2e2dc;transition:opacity .2s}.archive-card:hover img{opacity:.8}.archive-card strong{display:block;font-size:16px;margin-top:10px}.archive-card small{font-size:12px;color:var(--muted)}.archive-description{color:var(--muted);font-size:14px;margin-bottom:24px}.about-section{background:#e9edff;padding:100px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-grid h2{font-size:54px;line-height:1.4;letter-spacing:-.035em}.about-grid h2 span{color:var(--blue)}.about-en{font:14px Arial;margin-top:26px;letter-spacing:.12em}.degree{display:inline-block;margin-top:22px;font-size:14px;border-top:1px solid #bcc5e0;padding-top:16px}.about-copy .lead{font-size:26px;color:var(--ink);line-height:1.5;margin-bottom:25px}.about-copy>p{font-size:16px;color:#525969;margin-bottom:18px}.skills{margin-top:34px}.skills>div{padding:15px 0;border-top:1px solid #c6cee5}.skills h3{font-size:14px;margin-bottom:8px}.skills p{font-size:14px;color:#525969}.experience-row{display:grid;grid-template-columns:.8fr 1.15fr 1.65fr;gap:35px;padding:38px 0;border-top:1px solid var(--line)}.date{font:14px/1.75 Arial;color:var(--muted)}.experience-row h3{font-size:22px}.company{font-size:14px;margin-top:12px;color:var(--muted)}.experience-row>div:last-child p{font-size:15px;color:var(--muted);margin-bottom:12px}.contact-section{background:var(--blue);color:#fff;padding:65px 0 0}.contact-top{display:flex;justify-content:space-between;gap:25px}.contact-top>span{font-size:13px;opacity:.8}.contact-section h2{font-size:clamp(40px,5.5vw,80px);letter-spacing:-.05em;line-height:1.3;margin:30px 0 55px}.contact-section h2 span{color:#d6e976}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.email{font:clamp(19px,2.5vw,34px) Arial;border-bottom:1px solid #b9c4ff;padding-bottom:10px}.contact-bottom>div{display:flex;flex-direction:column;gap:8px;font-size:14px}.contact-bottom button{background:none;padding:0;text-align:left;font-size:14px}.contact-bottom button span{font-size:12px;margin-left:15px}.contact-bottom #copy-status{font-size:12px;min-height:20px;color:#e4ecab}footer{border-top:1px solid #ffffff4a;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.04em}.skip{position:fixed;left:20px;top:-100px;background:var(--blue);color:white;z-index:100;padding:10px}.skip:focus{top:10px}dialog{border:0;padding:0;width:calc(100% - 48px);max-width:1500px;height:calc(100dvh - 48px);max-height:none;color:var(--ink);background:#e5e5df}dialog::backdrop{background:#0b0e18dd;backdrop-filter:blur(7px)}dialog[open]{display:flex;flex-direction:column}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 26px;background:var(--paper);gap:20px}.viewer-header h2{font-size:18px}.viewer-header p{font-size:12px;color:var(--muted);margin-top:5px}.viewer-header button{background:transparent;font-size:15px;white-space:nowrap;padding:8px}.viewer-body{overflow:auto;flex:1;min-height:0;display:flex;align-items:safe center;justify-content:center;padding:16px}.viewer-body img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.viewer-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 24px;background:var(--paper);font-size:14px}.viewer-controls button{background:var(--blue);color:#fff;padding:10px 18px;font-size:14px}.viewer-controls select{padding:6px;border:1px solid var(--line);background:white;font:inherit;max-width:75px}.viewer-controls label{white-space:nowrap}.viewer-controls a{border-bottom:1px solid currentColor}body.modal-open{overflow:hidden}#image-error{padding:30px}button:hover .open-icon{background:var(--blue);color:white}@media(min-width:1600px){.hero-art{min-height:490px}.art-main img{height:365px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header{padding:0 32px}.hero-grid{gap:24px;padding-top:45px}.hero-copy h1{font-size:48px}.hero-art{min-height:370px}.art-main img{height:260px}.hero-actions{gap:18px}.project-image img{height:300px}.project-meta h3 span{display:block;margin:8px 0 0;font-size:14px}.case-grid{gap:35px}.case-copy h2{font-size:34px}.about-grid{gap:45px}.experience-row{grid-template-columns:.8fr 1.1fr 1.5fr;gap:24px}}@media(max-width:720px){html{scroll-padding-top:80px}.wrap{width:calc(100% - 40px)}.header{height:72px;padding:0 20px}.wordmark{font-size:23px}.wordmark span{display:none}.header nav{gap:20px;font-size:13px}.nav-contact{gap:4px}.hero-top{font-size:11px}.hero-grid{grid-template-columns:1fr;padding-top:38px;padding-bottom:50px;gap:35px}.hero-copy h1{font-size:clamp(37px,8.5vw,58px);letter-spacing:-.065em}.hero-copy .eyebrow{font-size:12px;margin-bottom:21px}.intro{margin-top:23px;font-size:15px}.hero-art{min-height:365px;width:100%;max-width:490px;margin:0 auto}.art-main{width:84%;margin-right:8px}.art-main img{height:245px}.art-secondary{width:39%;bottom:0;left:7px}.art-note{right:8%;bottom:12px}.hero-footer>span:nth-child(2){display:none}.hero-footer{font-size:10px;gap:12px}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:28px}.section-heading>p,.section-heading>.text-button{display:inline-block;margin-top:20px}.project-grid{grid-template-columns:1fr;gap:34px}.project.large{grid-column:auto}.project-image img,.project.large .project-image img{height:280px}.project-meta h3{font-size:21px}.project-meta h3 span{display:inline;margin-left:7px;font-size:13px}.page-label{font-size:11px}.category{font-size:11px}.case-section{padding:50px 0}.case-grid{grid-template-columns:1fr;gap:40px}.case-visual{max-width:470px;margin:auto}.case-copy h2{font-size:34px}.case-stats strong{font-size:36px}.case-stats p{font-size:11px}.archive-grid{grid-template-columns:repeat(2,1fr);gap:22px 14px}.archive-card strong{font-size:14px}.archive-card small{font-size:11px}summary{font-size:17px;padding:25px 0}summary b{margin-right:14px}summary>span:last-child{font-size:12px}summary i{margin-left:8px}.about-section{padding:65px 0}.about-grid{grid-template-columns:1fr;gap:38px}.about-grid h2{font-size:44px}.about-copy .lead{font-size:24px}.experience-row{grid-template-columns:1fr;gap:15px;padding:28px 0}.experience-row h3{font-size:21px}.experience-row .company{margin-top:8px}.contact-section{padding-top:45px}.contact-top{display:block}.contact-top .eyebrow{font-size:11px;margin-bottom:15px}.contact-top>span{font-size:12px}.contact-section h2{font-size:42px;margin:30px 0}.contact-bottom{align-items:start;flex-direction:column;gap:30px;margin-bottom:30px}.email{font-size:22px}footer{font-size:10px;flex-wrap:wrap}footer>span:nth-child(2){display:none}dialog{width:100%;height:100dvh;max-width:none;margin:0}.viewer-header{padding:14px 16px}.viewer-header h2{font-size:16px}.viewer-body{padding:0}.viewer-controls{padding:12px 10px;gap:7px;flex-wrap:wrap;justify-content:center}.viewer-controls button{padding:9px 12px;font-size:12px}.viewer-controls label{font-size:12px}.viewer-controls a{font-size:12px}.viewer-controls #page-total{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.art-note{display:none}