:root{--ink: #1b1b1b;--paper: #f5f5f5;--lime: #dff315;--muted: rgba(245, 245, 245, .72);--line-light: rgba(245, 245, 245, .22);--line-dark: rgba(27, 27, 27, .2);--tab-height: 58px;font-family:Arial Narrow,Noto Sans SC,Microsoft YaHei,Arial,sans-serif;color:var(--paper);background:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{margin:0;min-width:320px;min-height:100dvh;background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}a{color:inherit;text-decoration:none}img{display:block}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-shell{width:100%;min-height:100dvh;overflow-x:hidden;background:var(--ink)}.site-nav{position:fixed;z-index:100;top:0;left:0;right:0;height:72px;padding:0 clamp(24px,3.3vw,48px);display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line-light);background:#1b1b1bf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-mark,.site-nav nav{font-size:13px;line-height:1;letter-spacing:.04em}.site-nav nav{display:flex;gap:clamp(18px,2.35vw,34px);align-items:center;white-space:nowrap}.nav-active:after{content:"";display:inline-block;width:32px;height:3px;margin-left:9px;vertical-align:middle;background:var(--lime)}.home-screen{position:relative;min-height:1260px;padding:122px clamp(24px,4.45vw,64px) 0}.hero-meta{color:var(--paper);font-size:12px;letter-spacing:.08em}.hero-title{margin:28px 0 0;max-width:1040px;color:var(--paper);font-size:clamp(74px,8.75vw,126px);line-height:.88;letter-spacing:0;font-weight:650}.discipline-strip{max-width:820px;display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:34px;color:#f5f5f5d1;font-size:14px;line-height:1.2}.work-label{margin-top:0;color:var(--lime);font-size:13px;letter-spacing:.06em}.folder-stage{position:relative;margin:40px auto 0;width:min(100%,1280px);height:820px;overflow:visible}.folder-layer{position:absolute;left:0;top:var(--layer-top);z-index:var(--layer-z);width:min(var(--folder-width, 100%),100%);height:var(--layer-height);color:var(--layer-text);--folder-shape: polygon( 0 var(--tab-height), var(--tab-left) var(--tab-height), calc(var(--tab-left) + 34px) 0, calc(var(--tab-left) + var(--tab-width)) 0, calc(var(--tab-left) + var(--tab-width) + 34px) var(--tab-height), 100% var(--tab-height), 100% 100%, 0 100% );isolation:isolate;transition:top .26s cubic-bezier(.16,1,.3,1),height .26s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1);will-change:top,height,transform;pointer-events:none}.folder-layer:before,.folder-layer:after{content:"";position:absolute;clip-path:var(--folder-shape);pointer-events:none}.folder-layer:before{top:0;right:0;bottom:0;left:0;z-index:2;background:var(--paper)}.folder-layer:after{top:1px;right:1px;bottom:1px;left:1px;z-index:3;background:var(--layer-color)}.folder-layer:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.folder-layer.is-active{width:min(calc(100% + 42px),calc(100vw - 40px));transform:translate(clamp(14px,1.4vw,22px))}.folder-hit-zone{position:absolute;left:0;top:var(--layer-top);z-index:calc(var(--layer-z) + 100);width:min(100%,100%);height:var(--layer-height);--folder-shape: polygon( 0 var(--tab-height), var(--tab-left) var(--tab-height), calc(var(--tab-left) + 34px) 0, calc(var(--tab-left) + var(--tab-width)) 0, calc(var(--tab-left) + var(--tab-width) + 34px) var(--tab-height), 100% var(--tab-height), 100% 100%, 0 100% );clip-path:var(--folder-shape);background:transparent;transition:top .26s cubic-bezier(.16,1,.3,1),height .26s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1),width .22s cubic-bezier(.16,1,.3,1)}.folder-hit-zone.is-active{width:min(calc(100% + 42px),calc(100vw - 40px));transform:translate(clamp(14px,1.4vw,22px))}.folder-hit-zone:focus-visible{outline:2px solid var(--lime);outline-offset:6px}.folder-tab{position:absolute;left:calc(var(--tab-left) + 36px);top:18px;z-index:5;max-width:min(280px,calc(var(--tab-width) - 42px));overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;letter-spacing:.08em}.folder-face{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:5;pointer-events:none}.folder-number{position:absolute;left:clamp(36px,4.4vw,66px);top:120px;color:color-mix(in srgb,var(--layer-text) 70%,transparent);font-size:13px}.folder-title{position:absolute;left:clamp(128px,13vw,218px);top:118px;display:grid;gap:0;font-size:clamp(54px,6.4vw,94px);line-height:.86;letter-spacing:0;font-weight:650}.folder-zh{position:absolute;left:clamp(132px,13.2vw,222px);top:284px;font-size:16px}.folder-action{position:absolute;left:clamp(28px,3.6vw,56px);bottom:30px;font-size:12px;letter-spacing:.08em}.preview-deck{position:absolute;z-index:2;right:clamp(64px,7vw,132px);top:-122px;width:clamp(420px,41vw,700px);height:230px;pointer-events:none}.preview-img{position:absolute;width:clamp(142px,12vw,206px);height:clamp(136px,11.4vw,190px);object-fit:cover;border:1px solid var(--paper);background:var(--paper);filter:saturate(1.02)}.preview-img.p1{right:min(430px,64%);top:66px;transform:rotate(-9deg)}.preview-img.p2{right:min(210px,32%);top:18px;transform:rotate(1deg)}.preview-img.p3{right:8px;top:72px;transform:rotate(10deg)}.page-screen{min-height:100dvh;padding:112px clamp(24px,4.45vw,64px) 88px;background:var(--ink);color:var(--paper)}.page-topline{display:flex;justify-content:space-between;gap:24px;margin-bottom:42px;color:#f5f5f5b8;font-size:12px;letter-spacing:.08em}.page-topline a:hover{color:var(--lime)}.folder-page-head{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:clamp(28px,5vw,76px);align-items:end;min-height:clamp(300px,24vw,420px);padding:clamp(76px,7vw,112px) clamp(28px,4vw,46px) clamp(28px,4vw,46px);background:transparent;color:var(--accent-text);--folder-head-shape: polygon( 0 var(--tab-height), var(--tab-left) var(--tab-height), calc(var(--tab-left) + 34px) 0, calc(var(--tab-left) + var(--tab-width)) 0, calc(var(--tab-left) + var(--tab-width) + 34px) var(--tab-height), 100% var(--tab-height), 100% 100%, 0 100% )}.folder-page-head:before,.folder-page-head:after{content:"";position:absolute;clip-path:var(--folder-head-shape);pointer-events:none}.folder-page-head:before{top:0;right:0;bottom:0;left:0;z-index:-2;background:var(--paper)}.folder-page-head:after{top:1px;right:1px;bottom:1px;left:1px;z-index:-1;background:var(--accent)}.folder-page-head p{margin:0}.folder-page-head>div>p{margin-bottom:30px;font-size:13px;letter-spacing:.08em}.folder-page-head h1{display:grid;margin:0;max-width:920px;font-size:clamp(62px,9vw,132px);line-height:.86;letter-spacing:0}.folder-page-head>p{max-width:22ch;font-size:18px;line-height:1.5}.project-index{margin-top:42px;border-top:1px solid var(--line-light)}.project-row{min-height:170px;display:grid;grid-template-columns:54px minmax(140px,240px) minmax(0,1fr) auto;gap:clamp(18px,3vw,42px);align-items:center;padding:22px 0;border-bottom:1px solid var(--line-light)}.project-row:hover{color:var(--accent)}.project-row img{width:100%;height:126px;object-fit:cover;border:1px solid var(--paper)}.project-index-exhibition .project-row img{object-fit:contain;background:#f4f4f0}.project-row strong{font-size:clamp(36px,5vw,78px);line-height:.9;letter-spacing:0}.project-bilingual-title{min-width:0;display:grid;gap:10px}.project-bilingual-title span{overflow-wrap:anywhere}.project-bilingual-title small{font-size:clamp(16px,1.45vw,22px);line-height:1.1;font-weight:500;letter-spacing:.04em}.project-row em{font-style:normal;font-size:12px;letter-spacing:.08em}.project-detail-layout{width:100%;max-width:100%;height:calc(100dvh - 190px);min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,24%);gap:0;overflow:hidden;align-items:stretch;background:var(--paper);color:var(--ink)}.project-media-rail{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ink) transparent;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.2vw,36px);align-content:start;padding:clamp(24px,3.2vw,52px);background:var(--paper)}.project-media-frame{grid-column:1 / -1;margin:0;padding:0;background:transparent;border:0}.project-media-frame:nth-child(3n+2){grid-column:1 / 10}.project-media-frame:nth-child(3n+3){grid-column:4 / -1}.layout-poster-series .project-media-frame,.layout-illustration-archive .project-media-frame{grid-column:1 / -1}.layout-illustration-archive .project-media-frame:first-child{grid-column:3 / 11}.layout-illustration-archive .project-media-frame:nth-last-child(2){grid-column:1 / 7}.layout-illustration-archive .project-media-frame:last-child{grid-column:7 / -1}.layout-editorial-photo-book .project-media-frame,.layout-editorial-photo-book .project-media-frame:nth-child(3n+2),.layout-editorial-photo-book .project-media-frame:nth-child(3n+3),.layout-editorial-dunhuang .project-media-frame,.layout-editorial-dunhuang .project-media-frame:nth-child(3n+2),.layout-editorial-dunhuang .project-media-frame:nth-child(3n+3),.layout-editorial-small-materials .project-media-frame,.layout-editorial-small-materials .project-media-frame:nth-child(3n+2),.layout-editorial-small-materials .project-media-frame:nth-child(3n+3){grid-column:1 / -1}.layout-wearable .project-media-frame{grid-column:1 / -1}.layout-wearable .project-media-frame:nth-child(n+10){grid-column:span 6}.layout-brand-mor .project-media-frame:first-child,.layout-brand-mor .project-media-frame:nth-child(2),.layout-brand-peace .project-media-frame:first-child,.layout-brand-packaging .project-media-frame:first-child,.layout-brand-packaging .project-media-frame:nth-child(2),.layout-brand-tiger .project-media-frame{grid-column:1 / -1}.layout-brand-peace .project-media-frame:nth-child(3),.layout-brand-peace .project-media-frame:nth-child(4),.layout-brand-peace .project-media-frame:nth-child(6),.layout-brand-peace .project-media-frame:nth-child(7){grid-column:span 6}.layout-brand-packaging .project-media-frame:nth-child(n+10){grid-column:span 6}.project-image-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(var(--columns, 2),minmax(0,1fr));gap:clamp(18px,2.2vw,36px);align-items:start}.project-image-row-item{margin:0}.project-image-row-item img{width:100%;height:auto;object-fit:contain}.layout-city-stickers{gap:clamp(14px,1.4vw,22px)}.layout-city-stickers .project-media-frame,.layout-city-stickers .project-media-frame:nth-child(3n+2),.layout-city-stickers .project-media-frame:nth-child(3n+3){grid-column:span 4}.layout-city-stickers .project-media-frame img{width:100%;max-height:clamp(180px,22vw,300px);object-fit:contain}.layout-ctrip-innovation .project-media-frame,.layout-ctrip-innovation .project-media-frame:nth-child(3n+2),.layout-ctrip-innovation .project-media-frame:nth-child(3n+3){grid-column:1 / -1}.layout-generative-astro .project-media-frame,.layout-generative-astro .project-media-frame:nth-child(3n+2),.layout-generative-astro .project-media-frame:nth-child(3n+3),.layout-generative-pipeline .project-media-frame,.layout-generative-pipeline .project-media-frame:nth-child(3n+2),.layout-generative-pipeline .project-media-frame:nth-child(3n+3),.layout-generative-docs .project-media-frame,.layout-generative-docs .project-media-frame:nth-child(3n+2),.layout-generative-docs .project-media-frame:nth-child(3n+3),.layout-generative-poster .project-media-frame,.layout-generative-poster .project-media-frame:nth-child(3n+2),.layout-generative-poster .project-media-frame:nth-child(3n+3){grid-column:1 / -1}.layout-generative-astro .project-carousel-track{grid-auto-columns:clamp(240px,30%,360px)}.layout-generative-astro .project-carousel-item img{background:#f8f4ea}.layout-generative-poster .project-image-row{grid-column:2 / 12}.layout-generative-poster .project-media-frame:nth-child(3){grid-column:3 / 11}.layout-ctrip-esg .project-media-frame,.layout-ctrip-esg .project-media-frame:nth-child(3n+2),.layout-ctrip-esg .project-media-frame:nth-child(3n+3),.layout-ctrip-preface .project-media-frame,.layout-ctrip-preface .project-media-frame:nth-child(3n+2),.layout-ctrip-preface .project-media-frame:nth-child(3n+3),.layout-ctrip-immersive-space .project-media-frame,.layout-ctrip-immersive-space .project-media-frame:nth-child(3n+2),.layout-ctrip-immersive-space .project-media-frame:nth-child(3n+3),.layout-ctrip-live-streaming .project-media-frame,.layout-ctrip-live-streaming .project-media-frame:nth-child(3n+2),.layout-ctrip-live-streaming .project-media-frame:nth-child(3n+3){grid-column:1 / -1}.project-media-carousel{display:grid;gap:16px}.project-carousel-head{display:flex;justify-content:space-between;gap:18px;align-items:center;color:#1b1b1ba8;font-size:12px;letter-spacing:.08em}.project-carousel-head p{margin:0}.project-carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(420px,72%);gap:clamp(16px,2vw,28px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.layout-ctrip-esg .project-carousel-track{grid-auto-columns:clamp(109px,13.8%,138px)}.layout-editorial-small-materials .project-carousel-track{grid-auto-columns:minmax(520px,78%)}.project-carousel-track::-webkit-scrollbar{display:none}.project-carousel-track.is-dragging{cursor:grabbing;scroll-snap-type:none}.project-carousel-item{margin:0;scroll-snap-align:start;pointer-events:none}.project-carousel-item img{width:100%;height:auto;object-fit:contain;-webkit-user-drag:none}.project-pipeline{display:grid;gap:clamp(22px,2.5vw,34px);color:var(--ink)}.project-pipeline-hero{min-height:clamp(280px,36vw,460px);padding:clamp(28px,4vw,58px);display:grid;align-content:end;gap:22px;background:linear-gradient(90deg,rgba(27,27,27,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(27,27,27,.08) 1px,transparent 1px),#f8f4ea;background-size:42px 42px}.project-pipeline-hero p{margin:0}.project-pipeline-hero>p:first-child,.project-pipeline-section-head p{color:#1b1b1b9e;font-size:12px;letter-spacing:.08em}.project-pipeline-hero h2{min-width:0;max-width:860px;margin:0;display:grid;gap:14px;font-size:clamp(42px,5.4vw,72px);line-height:.9;letter-spacing:0;overflow-wrap:anywhere}.project-pipeline-hero h2 small{color:#a96e52;font-size:clamp(24px,2.4vw,36px);line-height:1.1;font-weight:500}.project-pipeline-hero>p:last-child{max-width:56ch;font-size:clamp(15px,1.25vw,18px);line-height:1.65}.project-pipeline-layers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#1b1b1b38;border:1px solid rgba(27,27,27,.22)}.project-pipeline-layer{min-width:0;padding:clamp(20px,2.2vw,30px);display:grid;align-content:start;gap:18px;background:var(--paper)}.project-pipeline-layer>span{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(27,27,27,.28);color:#a96e52;font-size:12px}.project-pipeline-layer h3{margin:0;display:grid;gap:8px;font-size:clamp(22px,2.1vw,31px);line-height:.98}.project-pipeline-layer h3 small{font-size:16px;line-height:1.2;font-weight:500}.project-pipeline-layer p{margin:0;color:#1b1b1bb8;font-size:14px;line-height:1.55}.project-pipeline-layer ul,.project-pipeline-checks ul{list-style:none;margin:0;padding:0}.project-pipeline-layer li{padding:9px 0;border-top:1px solid rgba(27,27,27,.16);font-size:13px;line-height:1.2}.project-pipeline-flow,.project-pipeline-checks,.project-pipeline-evidence{padding:clamp(24px,3vw,42px);border:1px solid rgba(27,27,27,.22)}.project-pipeline-section-head{margin-bottom:24px;display:flex;justify-content:space-between;gap:22px;align-items:end}.project-pipeline-section-head p,.project-pipeline-section-head span{margin:0}.project-pipeline-section-head span{max-width:34ch;color:#1b1b1bad;font-size:14px;line-height:1.45}.project-pipeline-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border-top:1px solid rgba(27,27,27,.22)}.project-pipeline-flow li{position:relative;min-height:132px;padding:20px 12px 18px 0;display:grid;grid-template-rows:18px auto;align-content:start;gap:34px;border-right:1px solid rgba(27,27,27,.18)}.project-pipeline-flow li:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:#a96e52}.project-pipeline-flow li:last-child{border-right:0}.project-pipeline-flow li span{color:#1b1b1b94;font-size:11px;line-height:1}.project-pipeline-flow li strong{max-width:7em;font-size:clamp(14px,1.08vw,17px);line-height:1.18;letter-spacing:0}.project-pipeline-bottom{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(18px,2.2vw,36px)}.project-pipeline-checks li{padding:14px 0;border-top:1px solid rgba(27,27,27,.18);font-size:clamp(15px,1.3vw,18px);line-height:1.35}.project-pipeline-evidence>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);align-items:start}.project-pipeline-evidence figure{margin:0;display:grid;gap:10px}.project-pipeline-evidence img{width:100%;height:clamp(220px,24vw,380px);object-fit:cover;object-position:top;background:#f8f4ea}.project-pipeline-evidence figcaption{color:#1b1b1b9e;font-size:11px;letter-spacing:.08em}.project-markdown-pager{display:grid;gap:16px;outline:none}.project-markdown-pager:focus-visible{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--accent)}.project-markdown-stage{position:relative;min-height:clamp(520px,64vw,760px);padding:clamp(18px,2.2vw,28px);display:grid;place-items:stretch;background:#f8f4ea;border:1px solid rgba(27,27,27,.18)}.project-markdown-page{min-width:0;max-height:clamp(480px,60vw,700px);overflow-x:hidden;overflow-y:auto;padding:clamp(24px,3.4vw,46px);background:#fffdf7;border:1px solid rgba(27,27,27,.18);box-shadow:0 20px 40px #1b1b1b14}.project-markdown-page p{margin:0 0 14px;color:#1b1b1b94;font-size:12px;letter-spacing:.08em}.project-markdown-page h2{max-width:18ch;margin:0 0 22px;font-size:clamp(24px,2.8vw,40px);line-height:1.08;letter-spacing:0;overflow-wrap:anywhere;word-break:break-word}.project-markdown-page pre{max-width:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all;color:#1b1b1bc7;font-family:Inter,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:clamp(13px,1vw,15px);line-height:1.75}.project-pager{display:grid;gap:16px;outline:none}.project-pager:focus-visible{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--accent)}.project-pager-head{display:flex;justify-content:space-between;gap:18px;align-items:center;color:#1b1b1ba8;font-size:12px;letter-spacing:.08em}.project-pager-head p{margin:0}.project-pager-stage{position:relative;display:grid;place-items:center;min-height:clamp(280px,54vw,720px);background:#ffffff6b}.project-pager-page{width:100%;margin:0}.project-pager-page img{width:100%;max-height:clamp(280px,54vw,720px);object-fit:contain;-webkit-user-drag:none}.project-pager-button{position:absolute;z-index:2;top:50%;width:44px;height:44px;border:1px solid rgba(27,27,27,.22);border-radius:999px;display:grid;place-items:center;background:#f5f5f5eb;color:var(--ink);font-size:20px;line-height:1;cursor:pointer;transform:translateY(-50%);transition:transform .18s ease,opacity .18s ease,background .18s ease}.project-pager-button:hover:not(:disabled){background:var(--accent);color:var(--paper)}.project-pager-button:active:not(:disabled){transform:translateY(-50%) scale(.96)}.project-pager-button:disabled{opacity:.22;cursor:default}.project-pager-button-prev{left:clamp(10px,1.6vw,22px)}.project-pager-button-next{right:clamp(10px,1.6vw,22px)}.project-video-frame video{width:100%;display:block;background:#101010}.project-media-frame img{width:100%;height:auto;object-fit:contain;background:transparent;border:0}.project-info-panel{min-width:0;max-width:100%;position:relative;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ink) transparent;padding:clamp(28px,3vw,38px);display:flex;flex-direction:column;justify-content:space-between;border:0;border-left:1px solid rgba(27,27,27,.22);background:var(--paper);color:var(--ink)}.project-media-rail::-webkit-scrollbar,.project-info-panel::-webkit-scrollbar{width:7px}.project-media-rail::-webkit-scrollbar-thumb,.project-info-panel::-webkit-scrollbar-thumb{background:var(--ink)}.project-page{height:100dvh;min-height:0;overflow:hidden;padding-bottom:24px}.project-info-panel p{margin:0}.project-kicker{color:#1b1b1bc7;font-size:12px;letter-spacing:.08em}.project-info-panel h1{margin:30px 0 22px;font-size:clamp(36px,3vw,48px);line-height:.92;letter-spacing:0}.project-bilingual-heading{min-width:0;display:grid;gap:14px;overflow-wrap:normal;word-break:normal}.project-bilingual-heading small{font-size:clamp(20px,1.7vw,28px);line-height:1.1;font-weight:500;letter-spacing:.04em}.project-summary{max-width:35ch;font-size:16px;line-height:1.55}.project-section-switcher{margin-top:34px;padding-top:24px;border-top:1px solid rgba(27,27,27,.22)}.project-section-label{margin-bottom:14px;color:#1b1b1b9e;font-size:12px;letter-spacing:.08em}.project-section-options{display:grid;gap:10px}.project-section-options button{width:100%;min-width:0;display:grid;gap:6px;padding:14px 16px;border:1px solid rgba(27,27,27,.22);border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.project-section-options button:hover,.project-section-options button.is-active{border-color:var(--accent);background:#3156d414;color:#17347e}.project-section-options span{font-size:16px;font-weight:700;line-height:1.1}.project-section-options small{font-family:var(--mono);font-size:11px;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}.project-facts{margin:42px 0;padding:24px 0 0;border-top:1px solid rgba(27,27,27,.22)}.project-facts div{display:grid;grid-template-columns:120px 1fr;gap:18px;margin-bottom:16px;font-size:12px;line-height:1.35}.project-facts dt{color:#1b1b1b99}.project-facts dd{margin:0;min-width:0;overflow-wrap:anywhere}.project-detail-nav{padding-top:24px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(27,27,27,.22);font-size:13px;letter-spacing:.04em}.project-detail-nav a{min-width:0;overflow-wrap:anywhere}.project-detail-nav a:hover{color:var(--accent)}.archive-placeholder{min-height:calc(100dvh - 220px);display:grid;grid-template-columns:minmax(280px,430px) minmax(320px,1fr);gap:clamp(48px,7vw,100px);align-items:center;background:var(--paper);color:var(--ink);padding:clamp(28px,4vw,54px)}.archive-placeholder h1{margin:0;font-size:clamp(54px,6vw,88px);line-height:.9;letter-spacing:0}.archive-placeholder h1 span{color:var(--lime)}.archive-table{display:grid;grid-template-columns:170px 1fr;align-self:center;border-top:1px solid rgba(27,27,27,.22)}.archive-table div{padding:16px 0;border-bottom:1px solid rgba(27,27,27,.18);font-size:14px}.archive-table div:nth-child(odd){color:#8f8f8f}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:980px){.site-nav{position:sticky;padding-inline:20px}.site-nav nav{gap:14px;font-size:11px}.home-screen{min-height:980px;padding-top:96px}.folder-stage{height:520px;margin-top:34px}.folder-layer,.folder-hit-zone{--tab-height: 52px;--folder-shape: polygon( 0 var(--tab-height), var(--tab-left) var(--tab-height), calc(var(--tab-left) + 26px) 0, calc(var(--tab-left) + min(var(--tab-width), 230px)) 0, calc(var(--tab-left) + min(var(--tab-width), 230px) + 26px) var(--tab-height), 100% var(--tab-height), 100% 100%, 0 100% )}.folder-title{left:92px;top:126px;font-size:56px}.folder-number{left:30px}.folder-zh{left:94px;top:246px}.preview-deck{right:24px;top:-94px;transform:scale(.78);transform-origin:right top}.folder-page-head,.project-detail-layout,.archive-placeholder{grid-template-columns:1fr}.project-page{height:auto;min-height:100dvh;overflow:visible;padding-bottom:64px}.project-detail-layout{height:auto;min-height:0;overflow:visible}.project-media-rail{overflow:visible}.project-info-panel{position:static;min-height:auto;overflow:visible;border-left:0;border-bottom:1px solid rgba(27,27,27,.22)}.project-row{grid-template-columns:42px minmax(120px,190px) minmax(0,1fr)}.project-row em{grid-column:3}}@media(max-width:640px){.site-nav{grid-template-columns:1fr;align-content:center;gap:8px;height:auto;min-height:78px}.site-nav nav{flex-wrap:wrap}.home-screen{min-height:850px}.hero-title{font-size:clamp(54px,18vw,74px)}.discipline-strip{font-size:12px}.folder-stage{width:calc(100vw - 32px);height:430px;margin-left:-8px}.folder-layer{width:100%}.folder-layer.is-active,.folder-hit-zone.is-active{width:calc(100% + 20px);transform:translate(10px)}.folder-title{top:116px;left:64px;font-size:40px}.folder-number{left:24px;top:114px}.folder-zh{left:66px;top:206px;font-size:13px}.folder-action{left:24px}.preview-deck{right:-6px;top:-76px;transform:scale(.58)}.page-screen{padding:96px 18px 64px}.page-topline{display:grid}.folder-page-head{min-height:300px;padding:68px 22px 24px;--folder-head-shape: polygon( 0 52px, var(--tab-left) 52px, calc(var(--tab-left) + 26px) 0, calc(var(--tab-left) + min(var(--tab-width), 230px)) 0, calc(var(--tab-left) + min(var(--tab-width), 230px) + 26px) 52px, 100% 52px, 100% 100%, 0 100% )}.folder-page-head h1{font-size:clamp(42px,13.4vw,54px)}.project-info-panel{padding:24px}.project-info-panel h1{font-size:clamp(42px,13vw,58px)}.project-row{grid-template-columns:32px 96px minmax(0,1fr);gap:14px;min-height:124px}.project-row img{height:84px}.project-row strong{font-size:26px}.project-detail-layout{display:flex;flex-direction:column-reverse}.project-media-frame{grid-column:1 / -1;padding:0}.layout-illustration-archive .project-media-frame,.layout-illustration-archive .project-media-frame:first-child,.layout-illustration-archive .project-media-frame:nth-last-child(2),.layout-illustration-archive .project-media-frame:last-child,.layout-editorial-photo-book .project-media-frame,.layout-editorial-photo-book .project-media-frame:nth-child(3n+2),.layout-editorial-photo-book .project-media-frame:nth-child(3n+3),.layout-editorial-dunhuang .project-media-frame,.layout-editorial-dunhuang .project-media-frame:nth-child(3n+2),.layout-editorial-dunhuang .project-media-frame:nth-child(3n+3),.layout-editorial-small-materials .project-media-frame,.layout-editorial-small-materials .project-media-frame:nth-child(3n+2),.layout-editorial-small-materials .project-media-frame:nth-child(3n+3),.layout-wearable .project-media-frame,.layout-wearable .project-media-frame:nth-child(n+10),.layout-brand-mor .project-media-frame,.layout-brand-peace .project-media-frame,.layout-brand-packaging .project-media-frame,.layout-brand-tiger .project-media-frame,.layout-city-stickers .project-media-frame,.layout-city-stickers .project-media-frame:nth-child(3n+2),.layout-city-stickers .project-media-frame:nth-child(3n+3),.layout-generative-astro .project-media-frame,.layout-generative-astro .project-media-frame:nth-child(3n+2),.layout-generative-astro .project-media-frame:nth-child(3n+3),.layout-generative-pipeline .project-media-frame,.layout-generative-pipeline .project-media-frame:nth-child(3n+2),.layout-generative-pipeline .project-media-frame:nth-child(3n+3),.layout-generative-docs .project-media-frame,.layout-generative-docs .project-media-frame:nth-child(3n+2),.layout-generative-docs .project-media-frame:nth-child(3n+3),.layout-generative-poster .project-media-frame,.layout-generative-poster .project-media-frame:nth-child(3n+2),.layout-generative-poster .project-media-frame:nth-child(3n+3),.layout-generative-poster .project-image-row,.layout-ctrip-innovation .project-media-frame,.layout-ctrip-innovation .project-media-frame:nth-child(3n+2),.layout-ctrip-innovation .project-media-frame:nth-child(3n+3),.layout-ctrip-esg .project-media-frame,.layout-ctrip-esg .project-media-frame:nth-child(3n+2),.layout-ctrip-esg .project-media-frame:nth-child(3n+3),.layout-ctrip-preface .project-media-frame,.layout-ctrip-preface .project-media-frame:nth-child(3n+2),.layout-ctrip-preface .project-media-frame:nth-child(3n+3),.layout-ctrip-immersive-space .project-media-frame,.layout-ctrip-immersive-space .project-media-frame:nth-child(3n+2),.layout-ctrip-immersive-space .project-media-frame:nth-child(3n+3),.layout-ctrip-live-streaming .project-media-frame,.layout-ctrip-live-streaming .project-media-frame:nth-child(3n+2),.layout-ctrip-live-streaming .project-media-frame:nth-child(3n+3){grid-column:1 / -1}.project-carousel-track{grid-auto-columns:minmax(260px,86%)}.layout-editorial-small-materials .project-carousel-track{grid-auto-columns:minmax(280px,88%)}.project-pipeline-hero{min-height:360px;padding:28px}.project-pipeline-hero h2{font-size:clamp(38px,11vw,54px)}.project-pipeline-layers,.project-pipeline-bottom{grid-template-columns:1fr}.project-pipeline-section-head{align-items:start;flex-direction:column}.project-pipeline-flow ol{grid-template-columns:1fr;border-top:0}.project-pipeline-flow li{min-height:0;grid-template-columns:42px 1fr;gap:16px;align-items:baseline;padding:15px 0;border-right:0;border-top:1px solid rgba(27,27,27,.18)}.project-pipeline-flow li:before{display:none}.project-pipeline-flow li strong{max-width:none}.project-pipeline-evidence>div:last-child{grid-template-columns:1fr}.project-pipeline-evidence img{height:auto;max-height:none}.project-markdown-stage{min-height:520px;padding:12px}.project-markdown-page{max-height:500px;padding:22px}.project-markdown-page h2{font-size:clamp(26px,8vw,36px)}.project-image-row{grid-template-columns:1fr}.project-pager-head{align-items:flex-start;flex-direction:column;gap:6px}.project-pager-stage{min-height:clamp(220px,72vw,460px)}.project-pager-page img{max-height:clamp(220px,72vw,460px)}.project-pager-button{width:38px;height:38px;font-size:18px}.project-facts div{grid-template-columns:96px 1fr}.project-detail-nav{display:grid}.archive-table{grid-template-columns:128px 1fr}}