@font-face{font-family:Michroma;src:url('assets/fonts/Michroma-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#f5f4ef;--ink:#171717;--muted:#666;--line:#d7d7d4;--accent:#6b38ae;--wash:#ececea;--symbol:#101010;--symbol-line:#303030;--symbol-ink:#fff;--display:Michroma,"Arial",sans-serif;--serif:var(--sans)}
:root[data-theme="dark"]{--paper:#101010;--white:#191919;--ink:#f4f4f4;--muted:#a1a1a1;--line:#303030;--accent:#c6a0ff;--wash:#151515;--cover:#1b1b1b;--control:#f3f3f3f2;--control-ink:#171717;--control-hover:#303030;--symbol:#101010;--symbol-line:#303030;--symbol-ink:#fff;--closing:#242424;--viewer:#151515;--viewer-control:#303030}
::selection{background:#7650b8;color:#fff}.wrapper,.site-header{width:min(1360px,calc(100% - 112px))}.site-header{height:112px;gap:28px}.brand{font-size:23px;letter-spacing:.08em;font-weight:500;gap:13px}.brand img{width:40px;height:37px;object-fit:contain}.brand-caption{font-size:10px;letter-spacing:.22em;margin-top:6px}.site-header nav{gap:36px}.site-header nav a{font-size:13px;gap:9px}.site-header nav span{font-family:var(--display);font-size:8px;letter-spacing:.03em}.header-link{font-size:12px}.theme-toggle{background:transparent;border-color:var(--line);border-radius:0;width:38px;height:38px}.home-mode .site-header{position:absolute;top:0;left:0;right:0;z-index:3;border-bottom:0;color:#f5f5f5}.home-mode .brand-caption,.home-mode .site-header nav span{color:#a7a7a7}.home-mode .theme-toggle{border-color:#454545}.home-mode .site-header a:hover,.home-mode .header-link:hover,.home-mode .theme-toggle:hover{color:#d8baff}
.cover-hero{width:100%;height:56.25vw;min-height:650px;max-height:1080px;background:#101010;color:#fff;position:relative;overflow:hidden}.cover-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.cover-title{position:absolute;z-index:1;right:4.4%;top:31%;width:88%;margin:0;text-align:right;font-family:var(--display);font-weight:400;font-size:clamp(80px,8.25vw,160px);letter-spacing:.035em;line-height:1.3}.cover-title>span{display:block;white-space:nowrap}.cover-entry{position:absolute;z-index:2;bottom:8.5%;left:4.4%;font-size:clamp(36px,3.1vw,60px);font-weight:400;line-height:1.45;letter-spacing:.03em;display:flex;align-items:flex-end;gap:17px}.entry-arrow{font-size:.68em;margin-bottom:8px;transition:transform .2s}.cover-entry:hover .entry-arrow{transform:translate(5px,-5px)}.cover-author{position:absolute;z-index:1;right:4.4%;bottom:8.8%;text-align:right;display:grid;grid-template-columns:auto 1fr;column-gap:25px;align-items:end}.author-cn{font-size:14px;grid-column:1;margin-bottom:13px}.author-cn>span{font-size:11px;color:#a9a9a9;margin-left:12px}.author-en{font-size:clamp(16px,1.45vw,28px);line-height:1.5;color:#b1b1b1;grid-column:1}.cover-motto{font-size:12px;line-height:1.8;letter-spacing:.12em;writing-mode:vertical-rl;grid-column:2;grid-row:1 / span 2;color:#aaa;max-height:165px}.cover-edition{position:absolute;bottom:2.9%;left:4.4%;font-size:9px;letter-spacing:.18em;color:#858585}.experience-strip{padding:31px 0;border-top:0;gap:80px}.experience-strip strong{font-size:21px}.experience-strip>div>span{font-size:11px}.experience-note{color:var(--muted);font-size:12px;line-height:1.9;margin-left:auto;text-align:right}.eyebrow{letter-spacing:.12em;font-size:10px}.display-heading{font-family:var(--display);font-weight:400!important;letter-spacing:.015em!important}.section-heading h2.display-heading{font-size:clamp(35px,3.8vw,62px);line-height:1.35}.section-heading>p{font-size:12px}.work-section{padding:100px 0 110px}.work-toolbar{margin-top:33px;padding-top:14px}.filters{gap:32px}.filters button{font-size:12px}.filters button.active::after{background:var(--ink)}.filters span{color:var(--muted)}.project-grid{gap:50px 34px}.cover-wrap,.case-cover,.gallery-item button{border-radius:0}.card-meta{margin-top:21px}.project-card h3{font-size:23px;font-weight:500}.project-card p{font-size:12px;line-height:1.9}.cover-arrow{border-radius:0}.cover-wrap>img{transition:transform .5s}.approach-section{padding:95px 0;background:var(--paper)}.approach-inner{grid-template-columns:1fr 1fr;gap:85px}.approach-section h2.display-heading{font-size:clamp(38px,4vw,64px);line-height:1.35}.approach-lead{font-size:13px;margin-top:30px}.focus-list article{padding:25px 0}.focus-list h3{font-weight:500;font-size:18px}.focus-list .mono{color:var(--muted)}.about-section{gap:90px;padding:105px 0}.about-symbol{border-color:var(--line);background:#101010;color:#fff;aspect-ratio:1}.about-symbol::after{display:none}.about-symbol img{width:40%;height:auto;max-width:180px;margin-bottom:26px}.about-symbol>span{font-size:38px;letter-spacing:.25em;margin-left:.25em;font-weight:400}.about-symbol small{color:#a0a0a0;margin-top:18px;font-size:9px;letter-spacing:.12em}.about-section h2{font-size:36px;font-weight:500;line-height:1.6;letter-spacing:0}.about-section h2 .serif{font-size:27px;color:var(--muted)}.about-tags>span{border-radius:0}.closing{padding:70px 0 80px}.closing h2.display-heading{font-size:clamp(50px,6vw,92px);line-height:1.3}.closing-note{color:var(--muted);font-size:14px;margin-top:25px}.closing-mark{display:none}.site-footer{padding-top:30px;padding-bottom:35px}.footer-brand{font-size:13px;letter-spacing:.03em}.footer-brand img{width:28px;height:26px}.case-back{margin-bottom:52px}.case-header h1{font-size:clamp(38px,4.3vw,64px);letter-spacing:0;font-weight:500}.case-header .case-en{font-family:var(--display);font-size:14px;line-height:1.7;letter-spacing:.04em;text-transform:uppercase}.case-focus .mono{color:var(--muted)}.info-dialog,.lightbox{border-radius:0;box-shadow:0 0 0 1px var(--line)}dialog::backdrop{background:#000b}.info-dialog h2{letter-spacing:0}.gallery-zoom,.zoom-button{border-radius:0!important}.viewer-nav{border-radius:0}.gallery-item button:hover .gallery-zoom,.viewer-nav:hover{background:var(--ink);color:var(--paper)}
@media(min-width:1600px){.site-header{width:calc(100% - 8.8%);max-width:1750px}.cover-title{font-size:8.25vw}}
@media(max-width:1050px){.wrapper,.site-header{width:calc(100% - 64px)}.site-header{height:100px}.site-header nav{gap:23px}.cover-hero{min-height:610px}.cover-title{top:34%;font-size:8.25vw}.cover-entry{left:32px;bottom:9%;font-size:38px}.cover-author{right:32px;bottom:10%}.cover-edition{left:32px}.experience-strip{gap:42px}.experience-note{max-width:210px;font-size:11px}.section-heading h2.display-heading{font-size:36px}.about-section{gap:50px}.about-section h2{font-size:30px}.about-section h2 .serif{font-size:23px}.approach-inner{gap:50px}.case-header h1{font-size:42px}}
@media(max-width:760px){.wrapper,.site-header{width:calc(100% - 40px)}.site-header{height:80px;gap:12px}.brand{font-size:20px;gap:8px;letter-spacing:.02em}.brand img{width:29px;height:27px}.brand-caption{font-size:8px;margin-top:4px;letter-spacing:.15em}.site-header nav{gap:17px}.site-header nav a{font-size:11px}.theme-toggle{width:34px;height:34px}.cover-hero{height:calc(100svh - 24px);min-height:600px;max-height:850px}.cover-art{object-position:42% center}.cover-title{top:34%;right:20px;width:calc(100% - 40px);font-size:7.25vw;line-height:1.55;letter-spacing:.02em}.cover-entry{left:20px;bottom:11%;font-size:33px;gap:10px}.entry-arrow{margin-bottom:6px}.cover-author{right:20px;bottom:11.5%;column-gap:15px}.author-cn{font-size:14px;margin-bottom:10px}.author-cn>span{display:block;margin:6px 0 0;font-size:10px}.author-en{font-size:14px;line-height:1.7}.cover-motto{font-size:10px;line-height:1.7;max-height:145px}.cover-edition{left:20px;bottom:4%;font-size:7px;letter-spacing:.12em}.experience-strip{gap:25px 18px;flex-wrap:wrap;padding:28px 0}.experience-strip strong{font-size:17px}.experience-strip>div>span{font-size:9px}.experience-note{flex-basis:100%;max-width:none;margin-left:0;text-align:left;font-size:11px;line-height:1.9}.experience-note br{display:none}.work-section{padding:60px 0 65px}.section-heading h2.display-heading{font-size:29px}.section-heading>p{margin-top:18px}.work-toolbar{margin-top:22px;padding-top:12px}.filters{gap:19px}.filters button{font-size:11px}.project-grid{gap:35px}.project-card h3{font-size:22px}.card-meta{margin-top:17px}.cover-arrow{width:32px;height:32px}.approach-section{padding:60px 0}.approach-inner{grid-template-columns:minmax(0,1fr);gap:34px}.approach-section h2.display-heading{font-size:37px}.approach-lead{font-size:12px;margin-top:21px}.focus-list h3{font-size:16px}.about-section{padding:60px 0;gap:35px}.about-symbol{width:220px}.about-symbol img{margin-bottom:18px;width:90px}.about-symbol>span{font-size:27px}.about-symbol small{font-size:7px;margin-top:13px}.about-section h2{font-size:29px}.about-section h2 .serif{font-size:22px}.closing{padding:45px 0 55px}.closing h2.display-heading{font-size:41px}.closing-note{font-size:12px;margin-top:20px}.case-back{margin-bottom:34px}.case-header h1{font-size:36px}.case-header .case-en{font-size:11px}.viewer-nav{border-radius:0}.footer-brand{font-size:12px;letter-spacing:0}.footer-brand img{width:24px;height:23px}}
@media(max-width:390px){.site-header nav{gap:12px}.cover-title{font-size:7.1vw}.cover-author{column-gap:10px}.cover-motto{font-size:9px}.filters{gap:15px}.section-heading h2.display-heading{font-size:26px}.brand{font-size:18px}.brand-caption{font-size:8px}}

/* 导航避开封面的亮色斜带；窄屏保留大标题的主视觉比例。 */
.site-header nav{margin-left:auto}.header-actions{margin-left:12px}
@media(max-width:760px){.home-mode .site-header{width:100%;padding-inline:20px;background:#101010;border-bottom:1px solid #262626}.header-actions{margin-left:0}.cover-art{object-position:60% center}.cover-title{font-size:9.1vw;line-height:1.45}}