:root{color-scheme:light;--bg:#f5f5ef;--text:#20392f;--muted:#54675d;--line:#ccd4ca;--accent:#285e3c;--panel:#e7ece3;font-family:"Microsoft YaHei","PingFang SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text)}::selection{background:#c8d8bd;color:#20392f}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;top:-80px;left:20px;padding:12px;background:var(--text);color:var(--bg);z-index:10}.skip:focus{top:12px}header{min-height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:700;display:flex;align-items:center;gap:24px}.brand span{font-size:12px;font-weight:400;color:var(--muted)}nav{display:flex;gap:36px;font-size:14px}nav a{padding:14px 0}.hero{padding-block:64px 72px;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}.hero-copy{padding-block:24px}h1{font-family:"Songti SC","STSong","SimSun",serif;font-size:clamp(38px,4.3vw,68px);font-weight:500;letter-spacing:-.025em;line-height:1.4;margin:0;text-wrap:balance}h1 span{color:var(--accent)}.hero-bottom{margin-top:30px}.hero-bottom p{font-size:15px;color:var(--muted);line-height:1.9}.action{display:inline-flex;align-items:center;gap:58px;border-bottom:1px solid var(--text);padding:18px 0;font-size:14px;margin-top:20px}.hero-art{display:block;min-width:0}.hero-art img{width:100%;height:360px;object-fit:contain;display:block;background:#e7eadd;padding:18px}.hero-art>span{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding-top:16px;color:var(--muted)}.works{padding-block:36px 100px;border-top:1px solid var(--line)}h2{font-size:26px;font-weight:500;margin:0 0 40px;letter-spacing:-.025em}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:72px 40px}.work{margin:0;min-width:0}.work>a{display:block;overflow:hidden;background:var(--panel)}.work img{display:block;width:100%;height:560px;object-fit:contain;padding:24px;transition:transform .35s ease-out}.work>a:hover img{transform:scale(1.025)}.work:first-child{grid-column:1/-1}.work:first-child img{height:auto;max-height:700px;padding:32px}.work figcaption{margin-top:22px}.work h3{font-size:21px;font-weight:500;margin:0 0 10px}.work p{font-size:14px;color:var(--muted);line-height:1.9;margin:0;max-width:62ch}.work video{display:block;width:100%;height:560px;object-fit:contain;background:#18211a}.empty{padding:40px;background:var(--panel)}.about{background:var(--panel);padding-block:72px}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px}.about h3{font-family:"Songti SC","SimSun",serif;font-size:36px;font-weight:500;margin:0 0 24px}.about p{font-size:16px;color:var(--muted);line-height:2;max-width:32em}footer{display:flex;justify-content:space-between;gap:24px;padding-block:32px;font-size:12px;color:var(--muted)}
@media(min-width:1000px){.work:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}.work:last-child img{height:580px}.work:last-child figcaption{margin:0}.work:last-child p{max-width:28em}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:24px;padding-block:40px}.hero-art img{height:300px}.gallery{gap:48px 24px}.work img,.work video{height:440px}.brand{gap:12px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}header{min-height:76px}.brand{font-size:20px}.brand span{display:none}nav{gap:24px}.hero{grid-template-columns:1fr;gap:28px;padding-block:24px 40px}.hero-copy{padding:0}h1{font-size:42px;line-height:1.35}.hero-bottom{margin-top:16px}.hero-bottom p{font-size:14px;margin-bottom:0}.action{margin-top:4px;padding:14px 0;gap:32px}.hero-art img{height:260px;padding:12px}.works{padding-block:28px 56px}h2{font-size:23px;margin-bottom:28px}.gallery{grid-template-columns:1fr;gap:40px}.work:first-child img{padding:12px}.work img{height:auto;max-height:620px;padding:16px}.work video{height:500px}.work h3{font-size:19px}.work figcaption{margin-top:16px}.about{padding-block:40px}.about-inner{grid-template-columns:1fr;gap:0}.about h2{margin-bottom:24px}.about h3{font-size:30px}.about p{font-size:15px}footer{flex-direction:column;gap:14px;padding-block:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.work img{transition:none}}
