@charset "UTF-8";:root{--paper: #f8f3ec;--ink: #282828;--yellow: #ffe459;--muted: #7b776e;--line: #d9d3c9;--soft: #efebe3;--font: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif;--display: "Helvetica Neue", "Microsoft YaHei", sans-serif;--space: clamp(24px, 5vw, 80px);--radius: 3px;--border: 1px solid var(--line)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{background:none;border:0}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto;object-fit:cover}::selection{background:var(--yellow)}:focus-visible{outline:2px solid var(--ink);outline-offset:5px}[hidden]{display:none!important}.page-width{max-width:1440px;margin:0 auto;padding-left:var(--space);padding-right:var(--space)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}p{line-height:1.9}.eyebrow{font-family:var(--display);font-size:11px;font-weight:500;letter-spacing:1.5px;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:13px;padding:9px 0;border-bottom:1px solid var(--ink)}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:18px 24px;font-size:13px;font-weight:600;border:1px solid transparent;transition:background .2s,transform .2s}.primary{background:var(--yellow)}.button:hover{transform:translateY(-3px);border-color:var(--ink)}.skip{position:fixed;left:12px;top:-100px;z-index:100;background:var(--yellow);padding:14px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px var(--space);background:#f8f3ecf5;border-bottom:var(--border)}.brand{display:flex;align-items:center;gap:14px;line-height:1.3;font-size:12px;font-weight:650;letter-spacing:1.4px}.brand small{display:block;font-size:7px;letter-spacing:1.9px;margin-top:5px;font-weight:400}.brand-symbol{font-family:Georgia,serif;font-size:39px;letter-spacing:-9px;position:relative;line-height:1;padding-right:7px}.brand-symbol span{font-style:italic}.brand-symbol i{width:10px;height:10px;background:var(--yellow);border-radius:50%;position:absolute;right:-2px;top:1px}.site-header nav{display:flex;gap:34px}.site-header nav a{font-size:12px;position:relative;padding:9px 0}.site-header nav small{font-size:8px;color:var(--muted);margin-left:6px;vertical-align:top}.site-header nav a:after{content:"";height:3px;position:absolute;left:0;right:0;bottom:1px;background:var(--yellow);transform:scaleX(0);transition:transform .2s;transform-origin:left}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{transform:scaleX(1)}.header-contact{border:1px solid var(--ink);border-radius:30px;padding:11px 20px;font-size:12px;display:flex;gap:24px}.header-contact:hover{background:var(--yellow)}.menu-toggle{display:none}.hero{padding-top:35px}.hero-top{display:flex;justify-content:space-between;align-items:center}.status-dot{width:6px;height:6px;display:inline-block;background:var(--ink);border-radius:50%;margin-right:9px}.edition{font-size:9px;letter-spacing:1.2px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:4%;padding:68px 0 60px}.hello{font-size:12px;margin-bottom:22px}.hello span{display:inline-block;margin-left:12px;font-size:22px}.hero h1{font-size:clamp(48px,5.8vw,84px);line-height:1.35;letter-spacing:-4px;position:relative;white-space:nowrap}.highlight{background:linear-gradient(transparent 70%,var(--yellow) 70%,var(--yellow) 93%,transparent 93%)}.title-star{display:inline-block;font-weight:400;font-size:50px;color:#b4aa93;vertical-align:top;margin-left:12px;margin-top:3px;transform:rotate(14deg)}.role{font-family:var(--display);font-size:13px;font-weight:500;letter-spacing:.4px;margin:25px 0 17px}.role em{font-style:normal;color:#b2a99a;margin:0 8px}.intro-copy{max-width:400px;font-size:13px;color:#6e6a62;line-height:2.05}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:29px}.hero-art{position:relative;align-self:center;background:#efebe2;border-radius:48% 48% 2px 2px;padding:28px 10px 32px;margin-top:10px}.hero-art svg{width:100%;height:auto;display:block}.art-caption{position:absolute;top:27px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:8px;line-height:1.6;letter-spacing:1.3px}.art-note{font-size:10px;position:absolute;bottom:22px;left:30px;color:#787266;letter-spacing:1px}.art-sticker{position:absolute;bottom:16px;right:-9px;background:var(--yellow);font-family:var(--display);font-size:12px;line-height:1.2;letter-spacing:1px;transform:rotate(8deg);padding:17px 16px}.art-sticker b{font-size:14px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:var(--border);padding:25px 0 30px}.skills{display:flex;gap:22px;font-size:11px;color:#5e5c55}.skills span+span:before{content:"/";margin-right:22px;color:#b7ad9b}.scroll-cue{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:25px}.scroll-cue span{font-size:22px}.works-section{padding-top:85px;padding-bottom:85px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:45px}.section-heading h2{font-size:clamp(28px,3vw,42px);letter-spacing:-1.5px;margin-top:17px;line-height:1.5}.section-heading h2>span{color:#858073}.section-heading>p{font-size:12px;color:var(--muted);padding-bottom:5px}.works-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border);margin-bottom:35px}.main-filters{display:flex;gap:30px}.main-filters button{padding:0 0 18px;position:relative;color:#898377;font-size:15px}.main-filters button[aria-pressed=true]{color:var(--ink)}.main-filters button[aria-pressed=true]:after{content:"";position:absolute;bottom:-2px;height:3px;background:var(--ink);left:0;right:0}.main-filters sup{font-size:9px;margin-left:8px}.demo-note{font-size:10px;color:#827c70}.works-toolbar .demo-note{margin-bottom:18px}.works-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:48px 46px;align-items:start}.work-card:nth-child(2n){padding-top:65px}.work-image{position:relative;display:block;overflow:hidden;border-radius:var(--radius);background:var(--soft)}.work-image img{aspect-ratio:16/9;width:100%;transition:transform .4s}.work-image:hover img{transform:scale(1.035)}.cover-tag{position:absolute;top:16px;left:16px;background:#f8f3ecd9;padding:5px 10px;font-size:9px;backdrop-filter:blur(6px)}.cover-arrow{position:absolute;right:16px;bottom:16px;border-radius:50%;background:var(--paper);height:32px;width:32px;display:grid;place-items:center;transform:translateY(55px);transition:transform .25s}.work-image:hover .cover-arrow,.work-image:focus-visible .cover-arrow{transform:translateY(0)}.work-meta{display:flex;justify-content:space-between;gap:10px;font-size:8px;color:var(--muted);letter-spacing:.7px;margin:18px 0 10px}.work-title{display:flex;justify-content:space-between;align-items:center}.work-title h3{font-size:23px;letter-spacing:-.7px}.work-title>span{font-size:24px;transition:transform .2s}.work-title:hover>span{transform:translate(3px,-3px)}.work-card>p{font-size:11px;color:var(--muted);margin-top:10px;max-width:95%}.works-count{font-size:10px;text-align:right;color:var(--muted);margin-top:30px}.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 25px}.category-filters button{padding:8px 16px;border:var(--border);border-radius:20px;font-size:11px}.category-filters button[aria-pressed=true]{background:var(--yellow);border-color:var(--yellow)}.ai-section{background:#efebe3;padding:80px 0}.ai-section .section-heading{margin-bottom:22px}.small-star{display:inline-block;color:#a8a18f;font-size:40px;font-style:normal;margin-left:20px}.ai-note{margin-bottom:35px}.ai-row{display:grid;grid-template-columns:55px .8fr 1.2fr;gap:28px;padding:35px 0;border-top:1px solid #cec8bd}.ai-index{font-family:Georgia,serif;font-size:22px;color:#948d7e}.ai-overview .eyebrow{font-size:9px;letter-spacing:1px}.ai-overview h3{font-size:25px;margin:11px 0 15px}.ai-overview>p:last-child{font-size:11px;max-width:240px;color:#7a7469}.ai-examples details{border-bottom:var(--border)}.ai-examples summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;font-size:13px;padding:14px 0;list-style:none}.ai-examples summary::-webkit-details-marker{display:none}.ai-examples summary small{font-size:8px;color:var(--muted);margin-left:10px;white-space:nowrap}.details-plus{font-size:22px;font-weight:300;transition:transform .2s}.ai-examples details[open] .details-plus{transform:rotate(45deg)}.ai-detail>p{font-size:11px;color:var(--muted)}.workflow{display:flex;align-items:center;list-style:none;padding:0;margin:22px 0;gap:14px}.workflow li{position:relative;border:1px solid #cfc7b8;padding:10px 8px;font-size:9px;text-align:center;flex:1;white-space:nowrap}.workflow li+li:before{content:"→";position:absolute;left:-13px;color:#968b78}.workflow li:last-child{background:var(--yellow);border-color:var(--yellow)}.comparison{display:grid;grid-template-columns:1fr 1fr;margin-bottom:20px;gap:15px;font-size:10px}.comparison small{display:block;font-size:8px;color:#918778;margin-bottom:5px;letter-spacing:.8px}.about-section{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;padding-top:110px;padding-bottom:110px;align-items:center}.about-art{position:relative;background:#e9e4d9;padding:32px;aspect-ratio:4/4.3;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-3deg);max-width:420px}.about-art .eyebrow{font-size:8px}.about-sun{position:absolute;right:28px;top:45px;font-family:Georgia,serif;font-size:180px;line-height:1;color:var(--yellow);transform:rotate(12deg)}.about-art>p{position:relative;font-family:Georgia,serif;line-height:1.1;font-size:clamp(37px,4.4vw,65px);letter-spacing:-2px;margin-top:90px}.about-art em{font-weight:400}.about-small{font-size:9px;margin-top:30px;color:#7c7468}.tape{position:absolute;width:105px;height:28px;background:#e4d5a6;opacity:.8;left:35%;top:-13px;transform:rotate(6deg)}.about-copy h2{font-size:clamp(27px,3vw,40px);line-height:1.6;letter-spacing:-1px;margin:18px 0 22px}.underlined{border-bottom:5px solid var(--yellow)}.about-copy>p:not(.eyebrow){font-size:12px;color:var(--muted)}.about-copy .placeholder-label{font-size:9px!important;margin-top:10px}.interests{display:flex;gap:20px;margin:22px 0;font-size:10px}.about-principle{display:grid;grid-template-columns:100px 1fr;border-top:var(--border);padding-top:20px;margin:25px 0}.about-principle>span{font-size:9px;color:var(--muted);padding-top:3px}.about-principle p{font-size:12px}.unconfigured{font-size:10px;border-bottom:1px dashed var(--line);padding-bottom:8px;color:var(--muted)}.contact-section{display:flex;justify-content:space-between;align-items:center;border-top:var(--border);padding-top:55px;padding-bottom:65px}.contact-section h2{font-size:clamp(32px,4vw,54px);line-height:1.5;letter-spacing:-2px;margin-top:22px}.contact-section h2 span{background:linear-gradient(transparent 65%,var(--yellow) 65%,var(--yellow) 90%,transparent 90%)}.contact-copy{width:30%;font-size:12px;color:var(--muted)}.contact-placeholder{margin-top:25px;color:var(--ink);padding:15px 0;border-top:var(--border)}.contact-placeholder span{display:block;font-size:15px}.contact-placeholder small{font-size:10px;color:var(--muted);display:block;margin-top:8px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px var(--space);border-top:var(--border);font-size:9px;color:var(--muted)}.site-footer i{font-style:normal;margin-left:14px;color:#9c936b}.site-footer a{color:var(--ink)}.project-page{padding-top:40px}.back-link{font-size:11px}.project-heading{padding:55px 0 35px}.project-heading h1{font-size:clamp(32px,5vw,68px);letter-spacing:-2px;margin-top:25px;display:flex;justify-content:space-between;gap:20px}.project-heading h1 span{font-weight:400}.project-english{font-size:12px;letter-spacing:2px;color:var(--muted);margin:12px 0 35px}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:var(--border);padding-top:20px;font-size:12px;gap:15px}.project-facts small{display:block;font-size:9px;color:var(--muted);margin-bottom:10px}.gallery-image{position:relative;display:block;width:100%;padding:0;overflow:hidden;cursor:zoom-in}.gallery-image img{width:100%;aspect-ratio:16/9;transition:transform .3s}.gallery-image:hover img{transform:scale(1.02)}.gallery-image>span{position:absolute;right:20px;bottom:20px;background:var(--paper);padding:10px;font-size:10px}.project-narrative{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:60px 0;border-bottom:var(--border)}.project-narrative>.eyebrow{padding-top:10px;color:var(--muted)}.project-narrative h2,.project-video h2{font-size:29px;margin-bottom:20px;letter-spacing:-1px}.project-narrative p{font-size:13px;color:var(--muted);max-width:670px}.content-notice{font-size:10px;color:#81786a;background:var(--soft);padding:15px 18px;margin-top:25px;border-left:3px solid var(--yellow)}.editorial-list{list-style:none;padding:0;margin:0}.editorial-list li{display:flex;gap:20px;padding:16px 0;border-bottom:var(--border);font-size:12px;line-height:1.8}.editorial-list li:last-child{border:0}.editorial-list span{font-size:10px;color:var(--muted)}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:55px}.project-gallery figure{margin:0}.project-gallery figcaption{font-size:9px;color:var(--muted);margin-top:12px}.project-video{padding:55px 0}.project-video>.eyebrow{margin-bottom:18px}.video-frame{position:relative;aspect-ratio:16/9;background:var(--soft);overflow:hidden}.video-frame>img{width:100%;height:100%;filter:brightness(.55)}.video-empty,.video-load{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--paper)}.video-empty>span,.video-load>span{font-size:45px;margin-bottom:15px}.video-empty strong{font-weight:400;font-size:24px}.video-empty p,.video-load small{font-size:11px;margin-top:10px;opacity:.7}.video-load{width:100%}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-section>.text-link{margin-top:15px}.next-project{display:flex;justify-content:space-between;align-items:center;border-top:var(--border);padding:40px 0 65px;gap:20px}.next-project h2{font-size:32px;margin-top:15px}.next-project>span{font-size:60px;transition:transform .2s}.next-project:hover>span{transform:translate(5px,-5px)}.lightbox{border:0;background:transparent;padding:0;width:fit-content;max-width:94vw;max-height:94vh;overflow:visible;color:#fff}.lightbox::backdrop{background:#282828d9}.lightbox img{width:auto;height:auto;max-width:94vw;max-height:90vh;object-fit:contain}.lightbox-close{position:fixed;top:12px;right:16px;font-size:32px;line-height:1;width:44px;height:44px;border-radius:50%;background:#00000073}.not-found{padding-top:100px;padding-bottom:150px}.not-found h1{font-size:48px;margin:30px 0}.hero-copy{animation:appear .4s ease-out both}.hero-art{animation:appear .4s .1s ease-out both}@keyframes appear{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.site-header,.site-footer{padding-left:max(var(--space),calc((100vw - 1280px)/2));padding-right:max(var(--space),calc((100vw - 1280px)/2))}}@media(max-width:1000px){.site-header nav{gap:20px}.hero-grid{gap:3%;padding-top:50px}.hero h1{font-size:55px;letter-spacing:-3px}.title-star{font-size:35px;margin-left:6px}.hero-actions{gap:18px}.hero-actions .text-link{font-size:11px;gap:8px}.hero-actions .button{padding:15px;gap:20px}.role{font-size:10px}.role em{margin:0 5px}.art-sticker{right:-5px}.works-grid{gap:40px 28px}.work-title h3{font-size:20px}.work-meta{font-size:7px}.ai-row{grid-template-columns:35px .8fr 1.3fr;gap:18px}.about-section{gap:8%}.about-principle{grid-template-columns:80px 1fr}.interests{gap:15px}}@media(max-width:700px){:root{--space: 24px}html{scroll-padding-top:85px}.site-header{padding:17px 24px}.brand{font-size:10px}.brand-symbol{font-size:32px}.brand small{font-size:6px}.header-contact{display:none}.menu-toggle{display:flex;gap:14px;font-size:12px;align-items:center;padding:8px}.menu-toggle span{font-size:18px}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 24px 30px;border-bottom:var(--border);background:var(--paper)}.site-header nav.open{display:flex;flex-direction:column;gap:10px}.site-header nav a{padding:12px;font-size:15px}.hero{padding-top:25px}.hero-top .eyebrow{font-size:8px;letter-spacing:.8px}.edition{font-size:7px;letter-spacing:0}.hero-grid{grid-template-columns:1fr;padding:40px 0 30px;gap:40px}.hello{margin-bottom:15px;font-size:11px}.hero h1{font-size:clamp(45px,10.5vw,70px);letter-spacing:-2px;line-height:1.35}.title-star{font-size:38px;margin-left:12px}.role{font-size:10px;letter-spacing:0;margin:24px 0 17px}.intro-copy{font-size:12px;max-width:460px}.hero-actions{margin-top:25px;gap:25px}.hero-art{width:88%;max-width:400px;justify-self:center;padding-bottom:30px;margin-top:10px}.hero-bottom{gap:15px;padding:20px 0;align-items:flex-start}.skills{gap:8px;font-size:9px;flex-wrap:wrap}.skills span+span:before{margin-right:8px}.scroll-cue{font-size:7px;letter-spacing:0;white-space:nowrap;gap:7px}.scroll-cue span{font-size:15px}.works-section{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:29px;margin-top:12px;letter-spacing:-1px}.section-heading>p{margin-top:16px;font-size:11px}.eyebrow{font-size:9px}.main-filters{gap:28px}.main-filters button{font-size:13px}.works-toolbar{align-items:end;margin-bottom:25px}.works-toolbar .demo-note{font-size:8px;max-width:110px}.works-grid{grid-template-columns:1fr;gap:32px}.work-card:nth-child(2n){padding-top:0}.work-title h3{font-size:22px}.work-meta{font-size:8px;margin-top:15px}.work-card>p{font-size:11px}.cover-tag{top:12px;left:12px;font-size:8px}.cover-arrow{transform:none}.ai-section{padding:50px 0}.small-star{font-size:26px;margin-left:8px}.ai-note{font-size:9px}.ai-row{grid-template-columns:25px 1fr;gap:15px;padding:28px 0}.ai-index{font-size:18px}.ai-overview h3{font-size:24px}.ai-overview>p:last-child{max-width:none}.ai-examples{grid-column:2}.ai-examples summary{font-size:12px}.ai-examples summary small{font-size:7px;margin-left:6px}.workflow{gap:12px}.workflow li{font-size:8px;padding:9px 3px}.workflow li+li:before{left:-12px}.comparison{font-size:9px;gap:10px}.about-section{grid-template-columns:1fr;gap:45px;padding-top:65px;padding-bottom:55px}.about-art{width:80%;max-width:320px;margin:auto;aspect-ratio:1/1;padding:25px}.about-art>p{font-size:48px;margin-top:90px}.about-sun{font-size:150px}.about-copy h2{font-size:32px}.about-principle{grid-template-columns:100px 1fr}.contact-section{padding-top:40px;padding-bottom:40px;display:block}.contact-section h2{font-size:38px;margin-top:18px}.contact-copy{width:100%;margin-top:25px}.contact-copy>p{font-size:11px}.contact-placeholder{max-width:300px}.site-footer{padding:20px 24px;font-size:8px;flex-wrap:wrap;row-gap:15px}.site-footer>span:nth-child(2){display:none}.project-page{padding-top:25px}.project-heading{padding:35px 0 25px}.project-heading h1{font-size:34px;letter-spacing:-1px}.project-english{font-size:9px;letter-spacing:1px;margin-bottom:25px}.project-facts{grid-template-columns:1fr 1fr;gap:20px;font-size:11px}.project-narrative{grid-template-columns:1fr;gap:20px;padding:35px 0}.project-narrative h2,.project-video h2{font-size:25px}.project-narrative p{font-size:12px}.project-gallery{grid-template-columns:1fr;gap:25px;padding-top:30px}.gallery-image>span{font-size:8px;bottom:10px;right:10px;padding:6px}.project-video{padding:35px 0}.video-empty>span{font-size:30px;margin-bottom:5px}.video-empty strong{font-size:18px}.video-empty p{font-size:9px}.next-project{padding:30px 0 40px}.next-project h2{font-size:24px}.next-project>span{font-size:40px}.not-found h1{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.revealed{animation:appear .35s ease-out both}@media(max-width:700px){.about-art>p{font-size:clamp(28px,9vw,39px)}}@media(min-width:1100px){.has-sidebar{--sidebar-width: 160px}.has-sidebar main,.has-sidebar .site-footer{margin-left:var(--sidebar-width)}.has-sidebar .site-header nav{position:fixed;top:88px;bottom:0;left:0;width:var(--sidebar-width);border-right:var(--border);display:flex;flex-direction:column;justify-content:center;gap:14px;padding:24px 20px;background:var(--paper);overflow-y:auto}.has-sidebar .site-header nav:before{content:"CONTENTS / 目录";font-family:var(--display);font-size:8px;letter-spacing:1px;color:var(--muted);margin-bottom:5px}.has-sidebar .site-header nav a{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:10px 0 10px 14px;color:var(--muted);font-size:12px}.has-sidebar .site-header nav a:after{width:3px;height:15px;inset:12px auto auto 0;transform:scaleY(0)}.has-sidebar .site-header nav a[aria-current]{color:var(--ink);font-weight:600}.has-sidebar .site-header nav a[aria-current]:after,.has-sidebar .site-header nav a:hover:after{transform:scaleY(1)}.has-sidebar .site-header nav small{margin-left:0;font-weight:400}.has-sidebar .page-width{--space: clamp(35px, 4vw, 65px)}.has-sidebar .hero h1{font-size:clamp(48px,5vw,72px)}.has-sidebar .title-star{font-size:35px}.has-sidebar .site-footer{padding-left:4vw;padding-right:4vw}}.nav-works>a{display:block}.nav-work-links{display:flex;flex-direction:column;gap:3px}.site-header nav .nav-work-links a{display:block;font-size:12px;line-height:1.6;padding:7px 0 7px 14px;color:#625e56}.site-header nav .nav-work-links a[aria-current]{color:var(--ink);font-weight:650}@media(min-width:1100px){.has-sidebar .site-header nav .nav-work-links{margin:4px 0 0 14px;border-left:1px solid var(--line)}.has-sidebar .site-header nav .nav-work-links a{font-size:12px;padding:7px 0 7px 12px}.has-sidebar .site-header nav .nav-work-links a:after{width:3px;height:12px;top:10px;left:-2px}}@media(max-width:1099px)and (min-width:701px){.nav-works{position:relative}.nav-work-links{position:absolute;left:-16px;top:100%;min-width:150px;padding:10px 16px;background:var(--paper);border:var(--border);visibility:hidden;opacity:0}.nav-works:hover .nav-work-links,.nav-works:focus-within .nav-work-links{visibility:visible;opacity:1}}@media(max-width:700px){.site-header nav{max-height:calc(100dvh - 74px);overflow-y:auto}.nav-work-links{margin-left:12px;border-left:var(--border)}.site-header nav .nav-work-links a{font-size:14px;padding:9px 14px}}@media(min-width:1100px)and (max-height:650px){.has-sidebar .site-header nav{justify-content:flex-start;gap:6px}}.site-header #navigation a[aria-current]{background:var(--yellow);color:var(--ink);border-radius:2px}.site-header #navigation a[aria-current] small{color:var(--ink)}.site-header #navigation a[aria-current]:after{display:none}:root{--font: "Portfolio PuHuiTi 3", "Microsoft YaHei", "PingFang SC", sans-serif;--display: var(--font)}body{font-weight:400;font-synthesis:none}body #main :is(h1,h2){font-family:var(--font);font-weight:1000}body #main :is(h3,h4,h5,h6){font-family:var(--font);font-weight:800}body #main :is(.pm-intro h3,.personal-work-heading h3){font-weight:1000}body #main :is(strong,b,.case-text h5){font-weight:700}body #main :is(small,figcaption,.eyebrow,.case-heading>p,.personal-work-heading p,.personal-heading h2 span,.timeline-title-note,.timeline-work h4 small,.pm-card-title>p,.pm-section-heading>p,.pm-flow-label,.pm-flow figcaption span,.pm-intro h3>span,.pm-status,.case-metrics dt,.case-cover figcaption,.case-gallery-heading>p,.shortfilms-hint,.shortfilms-track article>p,.personal-mosaic figcaption p,.timeline-watch-hint,.timeline-reach,.timeline-footnote,.placeholder-label,.demo-note,.about-small){font-weight:500}body #main :is(.case-metrics dd,.about-art>p){font-family:var(--font);font-weight:1000}body #main :is(.timeline-year-label h3,.ai-index){font-family:var(--font);font-style:normal;font-weight:800}body #main .case-label small{font-weight:500}body #navigation a{font-family:var(--font);font-weight:500}body #navigation a[aria-current]{font-weight:700}body :is(.site-header small,.site-footer,.header-contact,.menu-toggle){font-weight:500}@media(min-width:701px)and (max-width:900px){body #main .timeline-year-label h3{font-size:32px}}