:root{--paper:#f8f8f3;--ink:#292c26;--muted:#707168;--line:#d6d8ce;--accent:#3e482f;--font:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}::selection{background:#d6dcc8}p,h1,h2,h3,figure{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}.page{max-width:1600px;margin:auto;padding:0 5.2%}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:25px;letter-spacing:-1.5px;font-weight:700}.header nav{display:flex;gap:38px;font-size:14px}.header nav a{padding:12px 0}.hero{display:grid;grid-template-columns:1.35fr 1fr;column-gap:8%;padding-top:70px}.hero-copy{padding-top:12px}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--muted)}h1{font-size:clamp(96px,16.5vw,250px);font-weight:400;letter-spacing:-.085em;line-height:1.08;margin:20px 0 4px -0.055em;overflow-wrap:anywhere}h1.long-name{font-size:clamp(58px,7.2vw,110px);letter-spacing:-.04em;line-height:1.15;margin:48px 0 25px}.role{font-size:clamp(25px,3vw,43px);letter-spacing:-.045em;line-height:1.2}.intro{margin-top:27px;font-size:16px;line-height:1.9}.text-link{display:inline-flex;gap:36px;align-items:center;border-bottom:1px solid var(--ink);padding:11px 0;margin-top:42px;font-size:14px}.text-link span{font-size:21px;font-weight:300}.hero-figure{padding:0 0 0 10px}.portrait{height:450px;max-height:42vw;background:#e4e5dc;overflow:hidden}.portrait img{filter:grayscale(100%)}figcaption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-top:14px;line-height:1.6}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;margin:52px 0 27px;color:var(--muted);font-size:12px;letter-spacing:.03em}.section-rule{border-top:1px solid var(--line)}.about{display:grid;grid-template-columns:1fr 2fr;gap:6%;padding:58px 0 76px}.section-label{font-size:13px;font-weight:400;line-height:1.7;color:var(--muted)}.section-label span{display:block}.section-label span+span{margin-top:4px}.about-copy{white-space:pre-line;font-size:clamp(20px,2.1vw,31px);line-height:1.7;letter-spacing:.015em}.about-meta{font-size:13px;color:var(--muted);margin-top:25px;line-height:1.8}.work{padding-top:53px;padding-bottom:88px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:39px}.section-heading h2{font-size:30px;font-weight:400;letter-spacing:-.04em}.section-heading h2>span:last-child{font-size:14px;font-weight:400;letter-spacing:0;margin-left:21px;color:var(--muted)}.work-count{font-size:12px;color:var(--muted)}.projects{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:65px 36px;align-items:start}.project{min-width:0;grid-column:span 7}.project.narrow{grid-column:span 5;margin-top:115px}.project.full{grid-column:1/-1}.project:nth-child(4n+3){margin-top:0}.project:nth-child(4n+4){margin-top:92px}.project.full{margin-top:0}.project-media{aspect-ratio:1.25;background:#e9e9e1;position:relative;overflow:hidden}.narrow .project-media{aspect-ratio:.88}.full .project-media{aspect-ratio:1.9}.project-media img{transition:opacity .2s}.project a:hover .project-media img{opacity:.9}.project a{display:block}.project a:hover{text-decoration:none}.project a:hover h3{text-decoration:underline;text-underline-offset:5px}.project-details{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:21px}.project h3{font-size:22px;font-weight:400;letter-spacing:-.025em;overflow-wrap:anywhere}.project-number{font-size:12px;color:var(--muted);flex-shrink:0}.project-meta{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.6}.project-description{font-size:14px;margin-top:12px;line-height:1.9;color:#5e6157;overflow-wrap:anywhere}.placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#787d6d;padding:28px;text-align:center;gap:13px}.placeholder strong{font-size:clamp(42px,6vw,100px);font-weight:400;letter-spacing:-.05em}.placeholder span{font-size:12px;letter-spacing:.1em}.services{display:grid;grid-template-columns:1fr 2fr;gap:6%;padding:55px 0 70px}.services ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:46px}.services li{display:flex;align-items:center;gap:21px;padding:19px 0;border-bottom:1px solid var(--line);font-size:20px;line-height:1.5}.services li span{font-size:12px;color:var(--muted)}.contact{padding:45px 0 50px}.contact-head{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px;line-height:1.7}.contact h2{font-size:clamp(36px,5.6vw,84px);font-weight:400;letter-spacing:-.05em;line-height:1.25;margin:49px 0 45px;overflow-wrap:anywhere;color:var(--accent)}.contact-links{display:flex;gap:30px 64px;flex-wrap:wrap}.contact-item{display:flex;flex-direction:column;align-items:start;gap:10px;min-width:0;max-width:100%}.contact-item>span{font-size:12px;color:var(--muted)}.contact-item a,.contact-item button{font-size:16px;line-height:1.6;overflow-wrap:anywhere;text-align:left;padding:3px 0;border:0;border-bottom:1px solid var(--line);background:none;color:var(--ink);cursor:pointer}.contact-item small{font-size:12px;color:var(--muted);margin-left:12px;white-space:nowrap}.copy-status{min-height:1.6em;font-size:13px;color:var(--accent);margin-top:18px;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding:23px 0 30px;display:flex;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted);line-height:1.6}.skip-link{position:fixed;top:-100px;left:20px;z-index:5;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:10px}.noscript{padding:30px}.empty-work{grid-column:1/-1;padding:45px 0;color:var(--muted)}
@media(min-width:1600px){.portrait{height:520px}}
@media(max-width:900px){.page{padding:0 6%}.header{height:83px}.hero{gap:6%;padding-top:48px}.portrait{height:365px;max-height:none}.hero-figure{padding:0}.intro{max-width:250px}.text-link{margin-top:26px}.hero-bottom{margin-top:40px}.projects{column-gap:24px}.project.narrow{margin-top:70px}.about,.services{grid-template-columns:1fr 2.3fr}.services li{font-size:17px;gap:12px}.services ul{column-gap:25px}.contact-links{gap:26px 40px}}
@media(max-width:600px){.page{padding:0 22px}.header{height:76px}.header nav{gap:24px}.wordmark{font-size:24px}.hero{grid-template-columns:1fr;padding-top:36px;gap:0}.hero-copy{padding:0}.eyebrow{font-size:12px}h1{font-size:clamp(100px,30vw,175px);margin:17px 0 4px;line-height:1.05;letter-spacing:-.08em}h1.long-name{font-size:clamp(48px,13vw,78px);margin:30px 0 18px}.role{font-size:29px}.intro{max-width:none;font-size:15px;margin-top:20px}.text-link{margin-top:18px;font-size:13px}.hero-figure{margin-top:32px;width:82%;justify-self:end}.portrait{height:auto;max-height:none;aspect-ratio:1.02}.hero-bottom{margin:30px 0 23px;font-size:11px;gap:18px;line-height:1.7}.hero-bottom span:last-child{text-align:right}figcaption{font-size:11px}.about,.services{grid-template-columns:1fr;gap:25px;padding:34px 0 43px}.section-label span{display:inline}.section-label span+span{margin-left:12px}.about-copy{font-size:20px;line-height:1.8}.about-meta{margin-top:18px;font-size:12px}.work{padding-top:34px;padding-bottom:44px}.section-heading{margin-bottom:26px}.section-heading h2{font-size:26px}.section-heading h2>span:last-child{display:block;margin:8px 0 0;font-size:12px}.projects{grid-template-columns:1fr;gap:38px}.project,.project.narrow,.project.full,.project:nth-child(n){grid-column:1;margin-top:0}.project .project-media{aspect-ratio:1.15}.project:nth-child(even) .project-media{aspect-ratio:1.03}.project-details{margin-top:16px}.project h3{font-size:21px}.project-description{margin-top:8px;font-size:13px}.project-meta{margin-top:7px}.services ul{column-gap:24px}.services li{font-size:16px;padding:15px 0;gap:10px}.contact{padding:30px 0 21px}.contact-head{flex-direction:column;gap:10px;font-size:12px}.contact h2{font-size:36px;line-height:1.4;margin:32px 0}.contact-links{flex-direction:column;gap:23px}.contact-item{width:100%}.contact-item a,.contact-item button{font-size:15px}footer{font-size:11px;flex-wrap:wrap;padding:20px 0 25px}footer span:first-child{flex-basis:60%}footer span:nth-child(2){order:3;flex-basis:100%}footer a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* 公共配置与可选模块；主题文件仅覆盖设计变量与版式差异。 */
[hidden]{display:none!important}
:root{--image-radius:0px;--hero-columns:1.35fr 1fr;--hero-image-order:initial;--hero-image-column:auto;--hero-image-ratio:auto;--hero-image-height:450px;--hero-image-max:42vw;--portrait-filter:grayscale(100%);--project-gap:65px 36px;--wide-ratio:1.25;--narrow-ratio:.88;--full-ratio:1.9;--narrow-offset:115px;--fourth-offset:92px;--hero-size:clamp(96px,16.5vw,250px)}
body{font-family:var(--font)}.hero{grid-template-columns:var(--hero-columns)}h1{font-size:var(--hero-size)}.hero-figure{order:var(--hero-image-order);grid-column:var(--hero-image-column)}.portrait{height:var(--hero-image-height);max-height:var(--hero-image-max);aspect-ratio:var(--hero-image-ratio);border-radius:var(--image-radius)}.portrait img{filter:var(--portrait-filter)}.hero-bottom{order:5}.projects{gap:var(--project-gap)}.project-media{aspect-ratio:var(--wide-ratio);border-radius:var(--image-radius)}.narrow .project-media{aspect-ratio:var(--narrow-ratio)}.full .project-media{aspect-ratio:var(--full-ratio)}.project.narrow{margin-top:var(--narrow-offset)}.project:nth-child(4n+3){margin-top:0}.project:nth-child(4n+4){margin-top:var(--fourth-offset)}.project.full{margin-top:0}
.section-heading h2>#work-label{display:inline;font:inherit;color:inherit;letter-spacing:inherit;margin:0}
.hero-copy,.hero-figure{min-width:0}.role,.intro,.about-copy,.about-meta,.wordmark,.services li{overflow-wrap:anywhere}.wordmark{max-width:52%}
.creator-info{padding:44px 0 55px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-bottom:36px}.stat{border-left:1px solid var(--line);padding-left:24px}.stat strong{font-size:clamp(25px,3vw,44px);font-weight:400;display:block;line-height:1.3;overflow-wrap:anywhere}.stat span{font-size:13px;color:var(--muted);display:block;margin-top:12px}.creator-row{display:grid;grid-template-columns:1fr 2fr;gap:6%;padding:22px 0;border-top:1px solid var(--line)}.creator-row h2{font-weight:400;font-size:14px;color:var(--muted)}.creator-row ul{list-style:none;padding:0;margin:0;display:flex;gap:12px 28px;flex-wrap:wrap}.creator-row li{font-size:16px;line-height:1.8;overflow-wrap:anywhere}.creator-row li small{display:block;color:var(--muted);font-size:13px}.project-meta{color:var(--muted)}.demo-badge{font-size:12px;line-height:1.6;color:var(--muted);margin-top:15px}.contact-item a,.contact-item button{max-width:100%}
@media(max-width:900px){.portrait{height:var(--tablet-image-height,365px);max-height:none}.projects{gap:55px 24px}.project.narrow{margin-top:70px}}
@media(max-width:600px){.hero{grid-template-columns:1fr}.hero-figure{order:var(--mobile-image-order,initial);grid-column:auto;width:var(--mobile-image-width,82%)}.portrait{height:auto;max-height:none;aspect-ratio:var(--mobile-hero-ratio,1.02)}h1{font-size:var(--mobile-name-size,clamp(100px,30vw,175px))}.projects{grid-template-columns:1fr;gap:38px}.project:nth-child(n){grid-column:1;margin-top:0}.project .project-media{aspect-ratio:var(--mobile-wide-ratio,1.15)}.project:nth-child(even) .project-media{aspect-ratio:var(--mobile-narrow-ratio,1.03)}.creator-info{padding:30px 0}.stats{gap:12px;margin-bottom:26px}.stat{padding-left:12px}.stat strong{font-size:25px}.stat span{font-size:12px}.creator-row{grid-template-columns:1fr;gap:12px}.creator-row li{font-size:14px}.section-heading h2>#work-label{display:inline}.hero-bottom{font-size:12px}figcaption{font-size:12px}}

.project-description{color:var(--muted)}.placeholder{color:var(--muted);background:color-mix(in srgb,var(--ink) 5%,var(--paper))}.portrait,.project-media{background:color-mix(in srgb,var(--ink) 7%,var(--paper))}
 .services li>span{flex-shrink:0}.contact h2{text-wrap:balance}@media(max-width:600px){.about-copy{white-space:normal}}
.demo-switcher{display:flex;align-items:center;justify-content:flex-end;gap:22px;border-bottom:1px solid var(--line);padding:17px 0;font-size:12px;line-height:1.6}.demo-switcher>span{margin-right:auto;color:var(--muted)}.demo-switcher a{padding:5px 0}.demo-switcher a[aria-current]{border-bottom:1px solid var(--ink)}@media(max-width:600px){.demo-switcher{justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 0}.demo-switcher>span{flex-basis:100%}.demo-switcher a{font-size:12px}}