.room-backdrop{position:fixed;inset:0;z-index:100;background:#fff;overscroll-behavior:contain}.project-room{height:100dvh;width:100%;display:flex;flex-direction:column;padding:0 32px;background:#fff;overflow:hidden;color:#252525}.room-header{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;min-height:87px;border-bottom:1px solid #e8e8e8;flex-shrink:0}.room-back{display:flex;align-items:center;gap:10px;font-size:11px;justify-self:start;color:#777}.room-back:hover{color:#202020}.room-heading{text-align:center;padding:12px 0}.room-heading>span{display:block;color:#a0a0a0;font-size:9px;line-height:1.4;margin-bottom:4px}.room-heading h2{font-size:17px;font-weight:400;line-height:1.3;margin:0;letter-spacing:-.25px}.room-header-actions{display:flex;justify-self:end;gap:12px;align-items:center}.room-icon{height:33px;width:33px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;transition:background .2s}.room-icon:hover{background:#f1f1f1}.room-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:48px;flex-shrink:0}.room-mode{display:flex;align-items:center;gap:25px}.room-mode>button{position:relative;display:flex;align-items:center;gap:7px;font-size:10px;padding:8px 0;color:#aaa}.room-mode>button.is-active{color:#252525}.room-mode>button>small{font-size:8px;color:#aaa;font-variant-numeric:tabular-nums}.room-mode>button>span{position:absolute;left:0;right:0;bottom:0;height:1px;background:#252525}.room-position{font-size:10px;font-variant-numeric:tabular-nums}.room-position>span{color:#b2b2b2;margin-left:7px}.room-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;isolation:isolate;margin:0 -32px;overflow:hidden;padding:9px 0 21px}.room-main{position:relative;z-index:3;width:min(calc(100vw - 240px),calc((100dvh - 270px)*var(--media-ratio)));aspect-ratio:var(--media-ratio);max-height:100%;border-radius:4px;overflow:hidden;will-change:transform}.room-slide{width:100%;height:100%;touch-action:pan-y;display:flex;align-items:center;justify-content:center}.room-image-button{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:zoom-in;overflow:hidden}.room-image-button>img{width:100%;height:100%;object-fit:contain;user-select:none}.room-image-hint{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ffffffeb;border-radius:3px;font-size:9px;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.room-image-button:hover .room-image-hint,.room-image-button:focus-visible .room-image-hint{opacity:1;transform:none}.room-slide>video{width:100%;height:100%;display:block;object-fit:contain;background:#171717}.room-empty{position:relative;width:100%;height:100%}.room-empty>.archive-placeholder{height:100%}.room-empty>span{position:absolute;bottom:15px;left:0;right:0;text-align:center;font-size:10px;color:#999}.room-peek{position:absolute;top:50%;transform:translateY(-50%);width:clamp(100px,16vw,195px);height:65%;background:#f7f7f7;padding:12px;display:flex;align-items:center;justify-content:center;border-radius:4px;z-index:1;overflow:hidden}.room-peek img{width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.room-peek-left{left:-70px}.room-peek-right{right:-70px}.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:28px;width:28px;display:grid;place-items:center;background:#ffffffdf;border-radius:50%;color:#333}.room-arrows{position:absolute;left:31px;right:31px;top:calc(50% - 18px);display:flex;justify-content:space-between;z-index:4;pointer-events:none}.room-arrow{width:37px;height:37px;display:grid;place-items:center;border:1px solid #e0e0e0;background:#fffffff2;border-radius:50%;pointer-events:auto;transition:background .2s,transform .2s}.room-arrow:hover{background:#efefef;transform:scale(1.06)}.room-footer{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:25px;padding:16px 0 20px;min-height:133px;border-top:1px solid #e8e8e8;flex-shrink:0}.room-project-meta{align-self:center;min-width:0;font-size:11px;color:#777;line-height:1.5}.room-project-meta>span{display:block;margin-bottom:10px}.room-project-meta>div{display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:#494949}.room-project-meta>div>span{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #e5e5e1;border-radius:4px;background:#f6f6f3;line-height:1.2;white-space:nowrap}.room-filmstrip{display:flex;justify-content:flex-start;gap:8px;max-width:min(650px,50vw);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 2px 8px;align-items:flex-end}.room-filmstrip::-webkit-scrollbar{display:none}.room-filmstrip>button{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;flex-shrink:0;width:66px;padding:0 0 9px;opacity:.5;transition:opacity .2s}.room-filmstrip>button:hover,.room-filmstrip>button.is-active{opacity:1}.room-thumb-image{position:relative;display:flex;align-items:center;justify-content:center;width:66px;height:49px;border-radius:2px;background:#f3f3f3;overflow:hidden;border:1px solid #eee;padding:2px}.room-thumb-image>img{height:100%;width:100%;object-fit:contain;user-select:none}.room-thumb-image .preview-play{height:20px;width:20px}.room-thumb-image .preview-play svg{width:10px}.room-thumb-number{font-size:8px;line-height:1;font-variant-numeric:tabular-nums}.room-filmstrip>button>i{position:absolute;left:0;right:0;bottom:0;height:1px;background:#222}.room-extra{display:flex;flex-direction:column;align-items:flex-end;gap:10px;justify-self:end;min-width:0}.room-extra>button,.room-extra>a{display:flex;align-items:center;gap:7px;font-size:12px;color:#444}.room-extra>a,.room-extra>.room-code-trigger{min-height:36px;padding:8px 12px;border:1px solid #d9d9d5;border-radius:4px;background:#fff;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.room-extra>a>svg,.room-code-trigger>svg{width:16px;height:16px}.room-extra>a:hover,.room-extra>.room-code-trigger:hover,.room-extra>.room-code-trigger.is-active{background:#f3f3ef;border-color:#aaa;color:#202020}.room-next-project{font-size:11px!important;color:#777!important}.room-next-project:hover{color:#333!important}.room-code-dismiss{position:absolute;inset:87px 0 0;z-index:8;background:#ffffff4d;backdrop-filter:blur(3px)}.room-code-panel{position:absolute;z-index:9;right:32px;bottom:140px;width:300px;background:#fff;border:1px solid #e4e4e4;box-shadow:0 15px 65px #00000012;padding:17px 22px 23px;border-radius:5px;text-align:center}.room-code-header{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#999}.room-code-panel>img{width:220px;height:220px;object-fit:contain;margin:6px auto 14px;image-rendering:auto}.room-code-panel>h3{font-size:13px;font-weight:400;margin:0 0 20px}.room-code-panel>a{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#777}.room-inspector{position:absolute;z-index:20;inset:0;background:#fff;display:flex;flex-direction:column}.room-inspector>header{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid #eee;flex-shrink:0;font-size:12px}.room-inspector>header>span{display:flex;gap:15px;align-items:center}.room-inspector small{font-size:9px;color:#aaa}.room-zoom-scroll{flex:1;overflow:auto;overscroll-behavior:contain;cursor:grab;background:#f6f6f6;position:relative;min-height:0}.room-zoom-scroll:active{cursor:grabbing}.room-zoom-scroll>img{max-width:none;max-height:none;width:auto;height:auto;user-select:none;margin:auto}@media(min-width:1650px){.project-room{padding:0 45px}.room-stage{margin:0 -45px}.room-arrows{left:45px;right:45px}}@media(max-width:950px){.project-room{padding:0 24px}.room-stage{margin:0 -24px}.room-arrows{left:20px;right:20px}.room-main{width:min(calc(100vw - 145px),calc((100dvh - 260px)*var(--media-ratio)))}.room-peek{width:130px;padding:8px}.room-peek-left{left:-90px}.room-peek-right{right:-90px}.room-footer{grid-template-columns:1fr auto 1fr;gap:15px;min-height:125px}.room-project-meta>span{max-width:170px;font-size:10px}.room-project-meta>div{font-size:10px;gap:5px}.room-project-meta>div>span{padding:5px 7px}.room-filmstrip{max-width:45vw;gap:6px}.room-filmstrip>button,.room-thumb-image{width:55px}.room-thumb-image{height:43px}.room-heading h2{font-size:15px}.room-header-actions{gap:5px}}@media(max-width:600px){.project-room{padding:env(safe-area-inset-top,0px) 17px env(safe-area-inset-bottom,0px)}.room-header{grid-template-columns:69px 1fr 69px;gap:5px;min-height:73px}.room-back{gap:5px;font-size:9px}.room-back svg{width:13px}.room-heading>span{font-size:8px;margin-bottom:3px}.room-heading h2{font-size:12px;line-height:1.35;letter-spacing:0}.room-icon{width:29px;height:29px}.room-header-actions{gap:2px}.room-header-actions .room-icon>svg{width:17px;height:17px}.room-toolbar{min-height:43px}.room-mode{gap:20px}.room-mode>button{font-size:9px}.room-position{font-size:9px}.room-stage{margin:0 -17px;padding:4px 0 16px}.room-main{width:min(calc(100vw - 42px),calc((100dvh - 285px)*var(--media-ratio)));border-radius:3px}.room-peek{width:95px;height:68%;padding:5px}.room-peek-left{left:-76px}.room-peek-right{right:-76px}.room-arrows{inset:auto 17px 14px}.room-arrow{width:30px;height:30px}.room-arrow>svg{width:18px;height:18px}.room-image-hint{display:none}.room-footer{display:grid;grid-template-columns:1fr auto;gap:13px 10px;padding:12px 0 15px;min-height:147px;align-items:start}.room-filmstrip{order:-1;grid-column:1/-1;max-width:100%;justify-content:center;gap:8px;width:100%;padding:0 2px 6px}.room-filmstrip>button{width:48px;gap:6px;padding-bottom:8px}.room-thumb-image{width:48px;height:37px}.room-thumb-number{font-size:7px}.room-project-meta>span{display:none}.room-project-meta>div{font-size:10px;gap:5px;max-width:220px}.room-extra{flex-direction:row;gap:8px;align-items:center}.room-extra>button,.room-extra>a{font-size:10px}.room-extra>a,.room-extra>.room-code-trigger{min-height:32px;padding:6px 8px;gap:5px}.room-extra>a>svg,.room-code-trigger>svg{width:14px;height:14px}.room-next-project{width:30px;height:32px;justify-content:center;font-size:10px!important}.room-next-project span{display:none}.room-code-panel{width:280px;right:50%;bottom:170px;margin-right:-140px;padding:14px 20px 22px}.room-code-panel>img{width:215px;height:215px}.room-code-dismiss{top:73px}.room-inspector>header{padding:0 17px;height:60px;font-size:11px}}@media(prefers-reduced-motion:reduce){.room-main{will-change:auto}.room-arrow:hover{transform:none}}@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600 700;font-display:swap;src:url(/fonts/dm-sans-600.ttf) format("truetype")}:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#202020;background:#fff;--paper:#fff;--ink:#202020;--muted:#888;--line:#e4e4e4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,video:focus-visible{outline:1px solid #202020;outline-offset:5px}img{display:block;max-width:100%}button:disabled{cursor:default}.page-shell{max-width:2000px;padding:0 32px;margin:auto}.skip-link{position:fixed;top:12px;left:12px;padding:12px 18px;background:#202020;color:#fff;z-index:150;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.archive-header{padding-top:21px}.archive-title{display:flex;justify-content:space-between;margin:0 -4px 21px;font-size:clamp(120px,22vw,390px);font-family:Arial,Helvetica,sans-serif;line-height:.79;font-weight:400;letter-spacing:-.055em;user-select:none}.archive-title>span{display:block}.archive-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding:12px 0 0;font-size:11px;line-height:1.2;color:#858585}.archive-info p{margin:0}.archive-info nav,.view-options,.archive-info-end{display:flex;align-items:flex-start;flex-direction:column}.archive-info a{display:flex;align-items:center;gap:3px}.archive-info button{font-size:11px;line-height:1.2;color:inherit}.archive-info button:hover,.archive-info a:hover{color:#202020}.view-options button{display:flex;justify-content:space-between;gap:27px;min-width:72px}.view-options [aria-pressed=true]{color:#202020}.view-options button>span{font-size:8px;line-height:1.65;letter-spacing:1px}.archive-info-end{align-items:flex-end;gap:1px}.qr-link{display:flex;align-items:center;gap:5px}.work-section{padding-top:82px;scroll-margin-top:15px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.filter-options{display:flex;gap:23px;align-items:center}.filter-options>button{position:relative;display:flex;gap:6px;font-size:11px;line-height:1.2;padding-bottom:7px;color:#999;white-space:nowrap}.filter-options>button.is-active{color:#202020}.filter-options>button:hover{color:#202020}.filter-options small{font-size:8px;line-height:1.5;font-variant-numeric:tabular-nums}.filter-pill{position:absolute;left:0;bottom:0;right:0;height:1px;background:#202020}.gallery-index{font-size:9px;letter-spacing:.5px;color:#aaa}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:16px;row-gap:37px;align-items:start}.project-card{min-width:0}.project-trigger{display:block;width:100%;text-align:left}.project-caption{height:58px;display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--line)}.project-caption h2{font-size:13px;line-height:1.25;font-weight:400;margin:0;letter-spacing:-.1px}.project-caption p{font-size:11px;line-height:1.3;color:#aaa;margin:2px 0 0}.personal-badge{display:inline-flex;align-items:center;vertical-align:middle;margin-left:7px;padding:2px 5px;border:1px solid #deded9;border-radius:3px;font-size:8px;font-weight:400;line-height:1;color:#6f7168;white-space:nowrap;letter-spacing:0}.project-number{align-self:flex-start;font-size:11px;color:#aaa;font-variant-numeric:tabular-nums;padding-top:12px}.project-stage{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(240px,27vw,390px);border-radius:5px;overflow:hidden;isolation:isolate;background:#f7f7f7;transition:background .3s}.project-trigger:hover .project-stage{background:#f1f1f1}.project-cover{height:100%;width:100%;object-fit:contain;padding:18px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.project-trigger:hover .project-cover{transform:scale(1.025)}.cover-portrait{padding:20px 28px}.project-open{position:absolute;right:11px;top:11px;width:27px;height:27px;display:grid;place-items:center;background:#ffffffd9;border-radius:50%;color:#202020;opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s;z-index:3}.project-trigger:hover .project-open,.project-trigger:focus-visible .project-open{opacity:1;transform:none}.project-open svg{width:15px;height:15px}.media-badge,.code-indicator{position:absolute;bottom:10px;left:11px;display:flex;align-items:center;gap:5px;font-size:9px;line-height:1;background:#ffffffdc;border-radius:3px;padding:5px 6px;color:#626262;z-index:3}.code-indicator{left:auto;right:11px;padding:4px}.archive-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:30px;text-align:center;color:#282828}.archive-mark{font-size:27px;line-height:1.1;letter-spacing:-1.1px;white-space:pre-line;font-weight:400}.archive-mark-label{font-size:7px;letter-spacing:1.4px;color:#aaa}.placeholder-cpb .archive-mark,.placeholder-armani .archive-mark{font-family:Georgia,Times New Roman,serif;letter-spacing:-.7px}.placeholder-lego .archive-mark{font-weight:600;letter-spacing:-1.5px}.placeholder-reima .archive-mark{font-weight:500;font-size:35px;letter-spacing:-1.7px}.placeholder-yinan .archive-mark{font-family:serif;font-size:24px;letter-spacing:3px}.viewer-art{background:#f7f7f7}.viewer-art .archive-mark{font-size:45px}.viewer-art .archive-mark-label{font-size:9px}.project-grid.is-index{grid-template-columns:1fr;gap:0}.is-index .project-stage{display:none}.is-index .project-caption{height:auto;min-height:69px;padding:17px 0;align-items:center}.is-index .project-caption>div{display:grid;grid-template-columns:minmax(150px,2fr) minmax(80px,1fr);width:70%;gap:20px;align-items:center}.is-index .project-caption h2{font-size:17px;letter-spacing:-.3px}.is-index .project-caption p{font-size:12px;margin:0}.is-index .project-number{align-self:center;padding:0;font-size:12px}.is-index .project-trigger:hover .project-caption{color:#777}.site-footer{margin-top:95px}.footer-bottom{border-top:1px solid var(--line);padding:16px 0 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#999}.footer-bottom>div{display:flex;gap:25px}.footer-bottom a,.footer-bottom button{display:flex;gap:6px;align-items:center;font-size:10px;color:inherit}.footer-bottom a:hover,.footer-bottom button:hover{color:#202020}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;border-radius:50%;flex-shrink:0;transition:background .2s}.icon-button:hover{background:#eee}.dialog-backdrop{position:fixed;inset:0;z-index:100;background:#20221cd4;backdrop-filter:blur(14px);display:flex;justify-content:center;align-items:center;padding:28px;overflow:auto;overscroll-behavior:contain}.project-dialog{width:min(1120px,100%);max-height:calc(100dvh - 56px);overflow:auto;background:var(--paper);border-radius:20px;box-shadow:0 30px 110px #00000035;scrollbar-width:thin;overscroll-behavior:contain}.dialog-header{padding:23px 28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#898c7e}.dialog-header h2{font-size:20px;font-weight:500;letter-spacing:-.4px;margin:6px 0 0}.dialog-actions{display:flex;gap:9px}.viewer{position:relative;margin:0 20px;background:#eaece4;border-radius:12px;overflow:hidden;min-height:220px}.viewer-content{display:flex;justify-content:center;align-items:center;min-height:220px;position:relative;touch-action:pan-y}.viewer-image{width:100%;height:min(60dvh,650px);object-fit:contain;padding:17px;user-select:none}.viewer-image-expanded{height:auto;max-height:none;padding:0;object-fit:contain}.viewer video{display:block;width:100%;max-height:65dvh;background:#151515}.viewer-art{width:100%;height:400px}.viewer-art>.artwork{height:100%}.viewer .viewer-prev,.viewer .viewer-next{position:absolute;top:calc(50% - 20px);background:#fafaf5db;backdrop-filter:blur(10px);border:1px solid #ffffffaa;z-index:5}.viewer-prev{left:15px}.viewer-next{right:15px}.viewer-code{background:#efefe8}.mini-code{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:390px;padding:25px;gap:20px}.mini-code>img{width:min(250px,70vw);max-height:300px;object-fit:contain;border-radius:12px;background:#fff;padding:15px}.mini-code>span{font-size:14px}.mini-code .text-button{font-size:12px}.dialog-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 28px;min-height:65px}.project-tags{display:flex;gap:7px;flex-wrap:wrap}.project-tags>span{font-size:10px;color:#777c6b;border:1px solid #dedfd3;padding:5px 9px;border-radius:6px}.viewer-tools{display:flex;align-items:center;gap:20px}.viewer-count{font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}.viewer-count i{font-style:normal;padding:0 8px;color:#adafa3}.text-button{display:flex;gap:7px;align-items:center;justify-content:center;font-size:11px;padding:0;white-space:nowrap}.text-button:hover,.text-button.is-active{color:#5c733e}.filmstrip{display:flex;justify-content:center;gap:9px;padding:0 25px 23px;overflow:auto;scrollbar-width:thin}.filmstrip>button{flex-shrink:0;width:66px;height:49px;background:#e9eae1;border:1px solid transparent;border-radius:7px;padding:4px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;opacity:.65}.filmstrip>button.is-active{border-color:#788668;opacity:1}.filmstrip img{width:100%;height:100%;object-fit:contain}.filmstrip>button>span{position:absolute;right:3px;bottom:3px;font-size:8px;min-width:14px;height:14px;display:grid;place-items:center;background:#f9faf4e6;border-radius:3px}.is-expanded{max-width:1400px}.media-error{position:absolute;left:0;right:0;bottom:20px;text-align:center;color:#777;font-size:11px}.share-dialog{position:relative;background:var(--paper);padding:46px 42px 30px;border-radius:20px;width:min(420px,100%);box-shadow:0 25px 80px #00000030;text-align:center}.share-close{position:absolute;top:13px;right:13px;width:30px;height:30px}.share-dialog .eyebrow{font-size:8px;letter-spacing:1.2px}.share-dialog h2{font-size:25px;font-weight:500;letter-spacing:1px;margin:13px 0 23px}.share-qr{max-width:260px;min-height:260px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden}.share-actions{display:flex;gap:27px;align-items:center;justify-content:center;margin-top:25px}.copy-fallback{font-size:11px;word-break:break-all;margin:15px 0 0;color:var(--muted)}.dialog-backdrop{background:#202020c9;backdrop-filter:blur(9px)}.project-dialog{border-radius:9px}.viewer{border-radius:4px;background:#f7f7f7}.viewer-code{background:#f7f7f7}.project-tags>span{color:#888;border-color:#e6e6e6;border-radius:2px}.text-button:hover,.text-button.is-active{color:#202020}.share-dialog{border-radius:9px}.mini-code .text-button{color:#555}@media(min-width:1700px){.archive-title{font-size:350px}.project-stage{height:400px}}@media(max-width:1000px){.page-shell{padding:0 24px}.archive-info,.archive-info button{font-size:10px}.work-section{padding-top:64px}.project-grid{column-gap:13px;row-gap:30px}.project-stage{height:265px}.project-caption h2{font-size:12px}.project-caption p,.project-number{font-size:10px}.project-cover{padding:12px}.cover-portrait{padding:16px 20px}.archive-mark{font-size:23px}.archive-placeholder{padding:18px}.archive-mark-label{font-size:6px}}@media(max-width:740px){.page-shell{padding:0 20px}.archive-header{padding-top:19px}.archive-title{font-size:22vw;margin-bottom:16px}.archive-info{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:9px}.archive-info button{font-size:9px}.view-options button{gap:10px;min-width:54px}.archive-info nav{gap:2px}.qr-link svg{width:9px;height:9px}.work-section{padding-top:48px}.filter-bar{margin-bottom:20px}.filter-options{gap:20px}.filter-options>button{font-size:10px}.gallery-index{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}.project-caption{height:53px;padding-top:9px}.project-caption h2{font-size:12px}.project-caption p{font-size:10px}.project-number{font-size:10px;padding-top:13px}.project-stage{height:clamp(220px,48vw,330px)}.project-cover{padding:13px}.cover-portrait{padding:16px 21px}.project-open{width:24px;height:24px;top:9px;right:9px;opacity:1;transform:none}.project-open svg{width:13px;height:13px}.archive-mark{font-size:25px}.archive-mark-label{font-size:6px}.footer-bottom{flex-wrap:wrap;align-items:flex-start;font-size:9px;gap:17px}.footer-bottom>div{gap:18px}.footer-bottom a,.footer-bottom button{font-size:9px}.back-top{display:none!important}.site-footer{margin-top:60px}.is-index .project-caption>div{width:82%;grid-template-columns:minmax(150px,2fr) minmax(50px,1fr);gap:12px}.is-index .project-caption h2{font-size:14px}.is-index .project-caption p{font-size:10px}.dialog-backdrop{padding:14px}.project-dialog{max-height:calc(100dvh - 28px)}.dialog-footer{padding:18px 20px}}@media(max-width:400px){.page-shell{padding:0 16px}.archive-header{padding-top:17px}.archive-title{font-size:21.5vw}.archive-info{font-size:8px;gap:6px}.archive-info button{font-size:8px}.view-options button{min-width:46px;gap:6px}.view-options button>span{font-size:6px}.work-section{padding-top:43px}.filter-options{width:100%;justify-content:space-between;gap:0}.filter-options>button{font-size:9px;gap:4px}.filter-options small{font-size:7px}.project-grid{column-gap:11px}.project-caption h2{font-size:11px}.project-caption p,.project-number{font-size:9px}.project-stage{height:212px}.project-cover{padding:9px}.cover-portrait{padding:13px 16px}.archive-mark{font-size:22px}.archive-placeholder{padding:12px}.archive-mark-label{font-size:5px;letter-spacing:1px}.placeholder-reima .archive-mark{font-size:29px}.placeholder-yinan .archive-mark{font-size:20px}.is-index .project-caption>div{width:85%;grid-template-columns:minmax(130px,2fr) minmax(45px,1fr);gap:8px}.is-index .project-caption h2{font-size:12px}.is-index .project-caption p{font-size:9px}}@media(max-width:480px){.dialog-backdrop{padding:9px}.project-dialog{max-height:calc(100dvh - 18px)}.dialog-header{padding:18px 16px}.dialog-header h2{font-size:16px}.dialog-header .eyebrow{font-size:8px}.dialog-actions{gap:6px}.dialog-actions .icon-button{width:30px;height:30px}.viewer{margin:0 9px}.viewer-image{height:min(63dvh,650px);padding:7px}.viewer-image-expanded{height:auto;padding:0}.viewer-art{height:280px}.viewer .viewer-prev,.viewer .viewer-next{width:30px;height:30px;top:calc(50% - 15px)}.viewer-prev{left:6px}.viewer-next{right:6px}.dialog-footer{align-items:flex-start;flex-wrap:wrap;padding:15px;gap:15px}.project-tags{gap:5px}.project-tags>span{font-size:9px;padding:4px 7px}.viewer-tools{margin-left:auto;gap:14px;min-height:23px}.text-button{font-size:10px}.viewer-count{font-size:9px}.filmstrip{justify-content:flex-start;padding:0 15px 17px}.mini-code{min-height:330px;padding:18px}.share-dialog{padding:48px 23px 27px}.share-dialog .eyebrow{font-size:7px}.share-qr{width:250px;min-height:250px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.project-trigger:hover .project-cover{transform:none}}