@font-face{font-family:Haas;src:url(/fonts/NeueHaasGrotDisp-55Roman.otf)}@font-face{font-family:HaasThin;src:url(/fonts/NeueHaasGrotDisp-35Thin.otf)}@font-face{font-family:HY;src:url(/fonts/HYQiHei-50S.otf)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:#000;margin:0;font-family:Haas,Arial,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}header{z-index:20;mix-blend-mode:difference;color:#fff;justify-content:space-between;padding:18px 22px;font-size:12px;display:flex;position:fixed;inset:0 0 auto}.mark{font-size:15px;text-decoration:none}nav{gap:28px;display:flex}nav a{text-decoration:none}.stage{height:100svh;padding:70px 22px 20px;position:relative}.clock,.copyright{font:11px HaasThin;position:absolute;bottom:20px}.stage-media{place-items:center;height:100%;display:grid}.stage-media img{object-fit:contain;max-width:72vw;max-height:74vh;animation:8s ease-in-out infinite breath}@keyframes breath{50%{transform:scale(1.018)}}.index{padding:70px 22px 130px}.sort,.line{grid-template-columns:26% 18% 1fr 44px;align-items:center;gap:12px;display:grid}.sort{border-bottom:1px solid #777;padding-bottom:8px;font:10px HaasThin}.line{text-align:left;background:#000;border:0;border-bottom:1px solid #555;width:100%;min-height:44px;padding:9px 0;transition:background .35s,color .35s,padding .45s}.line b{font-size:16px;font-weight:400;line-height:1}.line i{justify-self:end;place-items:center;width:28px;height:28px;display:grid}.line i img{object-fit:contain;max-width:100%;max-height:100%}.dot{background:var(--project-color);border-radius:50%;width:8px;height:8px}.line:hover,.is-open>.line{background:var(--project-color);color:#000;padding-left:10px;padding-right:10px}.inline-project>*{overflow:hidden}.project-head{padding:0 22px}.meta{border-top:1px solid #00000059;grid-template-columns:repeat(3,1fr);gap:25px;padding:14px 0 52px;display:grid}.meta p{margin:5px 0;font:14px HaasThin}.intro{border-top:1px solid #00000059;grid-template-columns:1fr 1fr;gap:9vw;padding:34px 0 60px;display:grid}.intro p{max-width:600px;margin:0;font-size:15px;line-height:1.55}.intro .zh{font-family:HY,PingFang SC,sans-serif}.intro .en{font-family:HaasThin}.gallery{gap:0;display:grid}.gallery img,.gallery video{object-fit:contain;background:#000;width:100%;height:auto;max-height:100vh;display:block}.collapse{background:0 0;border:0;margin:55px auto;font-size:10px;display:block}.bio{border-top:1px solid #555;grid-template-columns:2fr 1fr 1fr;align-items:start;min-height:65vh;padding:90px 22px;display:grid}.bio h2{letter-spacing:-.06em;margin:0;font-size:11vw;line-height:.8}.bio p,.bio a{font:16px HaasThin}.admin-shell{color:#111;background:#f3f3ef;max-width:1100px;min-height:100vh;margin:auto;padding:90px 26px}.admin-shell h1{margin:0 0 50px;font-size:7vw}.admin-card{border-top:1px solid;padding:18px 0}.admin-card summary{cursor:pointer;font-size:22px}.admin-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;display:grid}.admin-grid label{font-size:11px}.admin-grid input,.admin-grid textarea,.admin-grid select{background:#fff;border:1px solid #aaa;width:100%;margin-top:5px;padding:10px;display:block}.admin-grid textarea{min-height:110px}.admin-actions{gap:10px;margin-top:15px;display:flex}.admin-actions button{color:#fff;background:#111;border:0;padding:10px 16px}.notice{color:#fff;background:#111;padding:12px;position:fixed;bottom:20px;right:20px}.upload{border:1px dashed #777;margin-top:15px;padding:20px}@media (max-width:700px){header nav{gap:11px}.stage-media img{max-width:94vw}.sort,.line{grid-template-columns:1fr 80px 28px}.sort span:first-child,.line>span:first-child{display:none}.is-open>.line b{font-size:11vw}.line b{font-size:16px}.line i{grid-column:3}.project-head{padding:0 14px}.meta,.intro,.admin-grid{grid-template-columns:1fr}.meta{gap:5px}.intro{gap:24px}.bio{grid-template-columns:1fr;gap:25px}}.project-overlay{z-index:30;background:var(--project-color);color:#080808;animation:.7s cubic-bezier(.76,0,.24,1) both reveal;position:fixed;inset:0;overflow:auto}.back{z-index:3;background:0 0;border:0;font-size:11px;position:fixed;top:18px;right:22px}.overlay-title{min-height:62vh;padding:80px 22px 30px}.overlay-title>span{font-size:10px}.overlay-title h1{letter-spacing:-.06em;margin:28px 0;font-size:clamp(56px,11vw,170px);line-height:.78;animation:.75s cubic-bezier(.2,.8,.2,1) both titleIn}@keyframes reveal{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes titleIn{0%{transform-origin:0 0;opacity:.2;transform:scale(.25)}to{opacity:1;transform:scale(1)}}.stage-media{position:relative}.stage-media video{object-fit:contain;opacity:0;width:min(76vw,1100px);height:74vh;margin:auto;transition:opacity .5s;position:absolute;inset:0}.work-unit{scroll-margin-top:0}.line b{transition:font-size .42s cubic-bezier(.2,.8,.2,1),line-height .42s}.line:hover b{white-space:normal;font-size:clamp(34px,6vw,92px);line-height:.82}.inline-project{background:var(--project-color);color:#080808;grid-template-rows:0fr;transition:grid-template-rows .72s cubic-bezier(.76,0,.24,1);display:grid}.inline-inner{min-height:0;overflow:hidden}.is-open .inline-project{grid-template-rows:1fr}.is-open>.line{background:var(--project-color);color:#080808;min-height:clamp(80px,11vw,160px);padding-left:10px;padding-right:10px}.is-open>.line b{white-space:normal;font-size:clamp(40px,7vw,108px);line-height:.8}.media-list{border-top:1px solid #aaa;margin-top:16px}.media-item{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:15px;padding:8px 0;font-size:12px;display:flex}.media-item>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.media-item button{color:#111;background:#fff;border:1px solid #999;margin-left:4px;padding:4px 8px}.media-item button:disabled{opacity:.3}.visible-check{border:1px solid #aaa;justify-content:space-between;align-items:center;padding:10px;display:flex!important}.visible-check input{width:auto!important;margin:0!important}.color-row{border:1px solid #aaa;grid-template-columns:160px 1fr 90px;align-items:center;gap:15px;margin-top:15px;padding:12px;font-size:11px;display:grid}.color-row input{background:0 0;border:0;width:100%;height:44px;padding:0}.color-row code{text-align:right}.media-editor{border-top:2px solid;margin-top:28px;padding-top:16px}.media-editor h3{margin:0;font-size:22px}.media-editor>p{color:#666;font-size:11px}.thumb-grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:16px;display:grid}.media-thumb{aspect-ratio:16/10;background:#ddd;border:2px solid #0000;padding:0;position:relative;overflow:hidden}.media-thumb.selected{border-color:#ff4d10}.media-thumb img,.media-thumb video{object-fit:cover;width:100%;height:100%;display:block}.media-thumb span,.media-thumb small{color:#fff;background:#111;padding:3px 6px;font-size:9px;position:absolute}.media-thumb span{top:4px;left:4px}.media-thumb small{bottom:4px;right:4px}.media-controls{gap:8px;margin:14px 0;display:flex}.media-controls button{color:#fff;background:#111;border:0;padding:9px 14px}.media-controls button:disabled{opacity:.3}.upload-button{cursor:pointer;background:#fff;border:1px dashed #777;padding:12px;font-size:12px;display:inline-block}.upload-button input{display:none}.icon-upload{margin-top:24px}@media (max-width:700px){.thumb-grid{grid-template-columns:repeat(2,1fr)}.color-row{grid-template-columns:1fr 60px}.color-row code{display:none}}.media-thumb{cursor:grab}.media-thumb:active{cursor:grabbing}.media-thumb.dragging{opacity:.35;transform:scale(.96)}.media-thumb{transition:opacity .2s,transform .2s}.about-page{color:#fff;background:#000;min-height:100vh}.about-grid{grid-template-rows:auto 1fr;grid-template-columns:1.1fr 1fr 1fr;align-items:start;gap:5vw;min-height:100vh;padding:10vh 4vw 4vh;display:grid}.about-grid h1{letter-spacing:-.075em;margin:0;font-size:clamp(90px,13vw,240px);line-height:.75}.about-role,.about-email{font-size:calc(var(--about-size)*1.55);font-family:HaasThin}.about-role p{margin:0 0 2.4em}.about-email{text-decoration:underline}.about-grid>img{object-fit:contain;object-position:left bottom;align-self:end;width:76%;height:55vh}.awards{font-size:var(--about-size);white-space:pre-line;align-self:end;margin:0;line-height:1.25}.stage-media{inset:0;overflow:hidden}.stage-media video{object-fit:contain;width:auto;max-width:none;height:100vh}.stage-media video.on{opacity:1}.stage-media video.on.landscape{width:100vw;height:auto}.thumb-delete{z-index:2;width:25px;height:25px;color:#fff!important;background:#f33!important;border:0!important;padding:0!important;position:absolute!important;top:5px!important;right:5px!important}.site-settings textarea{min-height:220px}@media (max-width:800px){.about-grid{grid-template-rows:auto;grid-template-columns:1fr}.about-grid h1{font-size:28vw}.about-grid>img{width:80%;height:auto}.duplicate{display:none}}.stage{height:100svh;padding:0;overflow:hidden}.stage-media{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.stage-media video,.stage-media video.on,.stage-media video.on.landscape{object-fit:contain;object-position:center;opacity:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;position:absolute;inset:0}.stage-media video.on,.stage-media video.on.landscape{opacity:1}.clock,.copyright{z-index:3;bottom:max(24px,env(safe-area-inset-bottom));white-space:nowrap}.clock{left:24px}.copyright{right:24px}.line{color:#fff;min-height:clamp(92px,9vw,150px);padding:22px 0}.line:hover,.is-open>.line,.is-visited>.line{background:var(--project-color);color:var(--project-ink)}.inline-project{color:var(--project-ink)}.expanded-title{padding:clamp(24px,4vw,64px) 22px clamp(34px,6vw,90px)}.expanded-title h2{letter-spacing:-.055em;margin:0;font-size:clamp(48px,10vw,160px);font-weight:400;line-height:.78}.expanded-title p{margin:18px 0 0;font-family:HY,PingFang SC,sans-serif;font-size:clamp(20px,3.4vw,54px);line-height:1}.meta,.intro{border-color:color-mix(in srgb,var(--project-ink) 35%,transparent)}.collapse{color:var(--project-ink)}.project-admin-toolbar{z-index:4;background:#f3f3ef;border-top:1px solid;gap:10px;padding:15px 0;display:flex;position:sticky;top:0}.project-admin-toolbar button{color:#fff;background:#111;border:0;padding:12px 16px}.project-drag{cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #888;place-items:center;width:32px;height:32px;margin-right:12px;display:inline-grid}.project-drag:active{cursor:grabbing}.project-card{transition:opacity .2s,transform .2s}.project-card.project-dragging{opacity:.35;transform:scale(.985)}.color-row .color-hex{background:#fff;border:1px solid #aaa;height:44px;padding:0 10px;font-family:monospace}@media (max-width:700px){.line{min-height:82px}.expanded-title{padding-left:14px;padding-right:14px}.project-admin-toolbar{flex-direction:column}.copyright{right:14px}.clock{left:14px}}.meta-zh{font-family:HY,PingFang SC,sans-serif}.admin-actions .danger{background:#b42318}.about-grid>img{width:var(--portrait-width);transform:translate(var(--portrait-x),var(--portrait-y))}.awards-right{font-size:var(--about-right-size)}@font-face{font-family:Haas;src:url(/fonts/haas-all/NeueHaasGrotDisp-55Roman.otf);font-weight:400}@font-face{font-family:Haas;src:url(/fonts/haas-all/NeueHaasGrotDisp-45Light.otf);font-weight:300}@font-face{font-family:Haas;src:url(/fonts/haas-all/NeueHaasGrotDisp-65Medium.otf);font-weight:500}@font-face{font-family:Haas;src:url(/fonts/haas-all/NeueHaasGrotDisp-75Bold.otf);font-weight:700}@font-face{font-family:HaasThin;src:url(/fonts/haas-all/NeueHaasGrotDisp-35Thin.otf)}@font-face{font-family:HYTitle;src:url(/fonts/HYQiHei-75W.otf)}.intro .zh{font-size:12px}.stage-media img{object-fit:contain;opacity:0;width:100%;max-width:none;height:100%;max-height:none;transition:opacity .5s;animation:none;position:absolute;inset:0}.stage-media img.on{opacity:1}.about-grid h1{font-size:var(--title-size);transform:translate(var(--title-x),var(--title-y))}.about-role{transform:translate(var(--info-x),var(--info-y))}.about-email{transform:translate(var(--email-x),var(--email-y))}.awards-left{transform:translate(var(--left-x),var(--left-y))}.awards-right{transform:translate(var(--right-x),var(--right-y))}.about-visual-editor{border-top:2px solid;margin:26px 0;padding-top:16px}.about-editor-canvas{aspect-ratio:16/9;color:#fff;background:#050505;border:1px solid #888;position:relative;overflow:hidden}.about-editor-canvas>div{cursor:grab;white-space:nowrap;border:1px dashed #999;padding:6px;position:absolute}.about-editor-canvas>div:active{cursor:grabbing}.portrait-handle{background:#333;place-items:center;width:120px;height:150px;display:grid}.admin-grid input[type=range]{padding:0}.about-fixed{grid-template-rows:30% 1fr;grid-template-columns:1.15fr 1fr 1fr;column-gap:9vw;height:100svh;min-height:700px;padding:5.2vw;display:grid;overflow:hidden}.about-fixed h1{letter-spacing:-.06em;align-self:start;margin:0;font-size:clamp(110px,13.2vw,270px);font-weight:400;line-height:.72}.about-job{white-space:pre-line;margin:0;font:clamp(24px,2.5vw,52px)/1.08 HaasThin}.about-mail{justify-self:start;font:clamp(20px,2.05vw,44px)/1 HaasThin;text-decoration:underline}.about-fixed>img{object-fit:contain;object-position:center bottom;grid-area:2/1;align-self:end;width:78%;height:100%}.education,.award{grid-row:2;align-self:end;height:65%;min-height:360px}.education{grid-column:2}.award{flex-direction:column;grid-column:3;display:flex}.education h2,.award h2{margin:0 0 2.2vw;font-size:clamp(22px,2.15vw,44px);font-weight:500}.education-cols{grid-template-columns:max-content 1fr;gap:2.8vw;display:grid}.education-cols p,.award div{white-space:pre-line;margin:0;font-size:clamp(11px,.95vw,18px);line-height:1.55}.award div{scrollbar-width:thin;min-height:0;padding-right:12px;overflow-y:auto}.field-section-title{border-bottom:1px solid;margin:28px 0 0;padding-bottom:8px;font-size:18px}@media (max-width:800px){.about-fixed{grid-template-columns:1fr;gap:45px;height:auto;min-height:100svh;padding:90px 18px 30px;overflow:visible}.about-fixed h1,.about-job,.about-mail,.about-fixed>img,.education,.award{grid-area:auto/1}.about-fixed h1{font-size:30vw}.about-fixed>img{height:60vh}.education,.award{height:auto;min-height:0}.award div{max-height:55vh}}.about-admin-fields{grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;display:grid}.about-admin-fields label{font-size:11px}.about-admin-fields .full{grid-column:1/-1}.about-admin-fields input,.about-admin-fields textarea{background:#fff;border:1px solid #aaa;width:100%;margin-top:5px;padding:10px;display:block}.about-admin-fields textarea{min-height:110px}.about-admin-fields .award-admin textarea{min-height:220px;font-size:calc(1em - 2px)}.about-job span,.education-cols span,.award span{display:block}.award .is-award{font-size:calc(1em - 2px)}.education-cols{grid-template-columns:max-content minmax(0,1.45fr);gap:2vw}.education{width:115%}@media (max-width:700px){.about-admin-fields{grid-template-columns:1fr}.about-admin-fields .full{grid-column:auto}.education{width:100%}}.inline-project,.inline-project button,.expanded-title h2,.meta b,.meta p,.intro .en,.rich-line.en-line{font-family:Haas,Arial,sans-serif}.expanded-title p,.intro .zh,.rich-line.cn{font-family:HY,PingFang SC,sans-serif}.expanded-title p{font-family:HYTitle,HY,PingFang SC,sans-serif}.rich-text,.rich-line{white-space:pre-wrap;display:block}.rich-text a{color:inherit;text-underline-offset:2px;overflow-wrap:anywhere;text-decoration:underline}.meta p{white-space:pre-wrap}.about-fixed{grid-template-columns:1.05fr .9fr 1.25fr;column-gap:7vw}.award{width:125%;transform:translate(-8%)}@media (max-width:800px){.award{width:100%;transform:none}}.sort,.line{grid-template-columns:16.6667% 16.6667% minmax(0,1fr) 96px;gap:0}.sort{border-bottom-color:#777;padding:0 0 14px;font:14px/20px HaasThin}.line>span{padding-right:22px;font:16px/22px HaasThin}.line b{padding-right:28px;font-size:24px;line-height:1.05}.line i{width:76px;height:76px}.line:hover{min-height:clamp(132px,11vw,180px)}.line:hover b{font-size:clamp(42px,6.2vw,96px);line-height:.82}.is-open>.line{min-height:clamp(132px,11vw,180px)}.is-open>.line b{font-size:clamp(32px,4.2vw,66px);line-height:.86}.intro p{line-height:24px}.intro .zh{font-family:HY,PingFang SC,sans-serif;font-size:13px;line-height:24px}.global-save-bar{z-index:10;background:#f3f3ef;border-top:3px solid #111;border-bottom:1px solid #111;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 34px;padding:14px 0;display:grid;position:sticky;top:0}.global-save-bar button{color:#fff;text-align:left;background:#111;border:0;min-height:58px;padding:13px 18px;font-size:16px}.global-save-bar button:disabled{opacity:.48;cursor:wait}.save-status{white-space:pre-wrap;grid-column:1/-1;margin:0;font:12px/18px Haas,Arial,sans-serif}.save-status.is-error{color:#b42318}@media (max-width:700px){.sort,.line{grid-template-columns:25% 25% minmax(0,1fr) 52px}.sort span:first-child,.line>span:first-child{display:block}.line{min-height:94px;padding:18px 0}.line>span{padding-right:8px;font-size:12px;line-height:16px}.line b{padding-right:8px;font-size:18px}.line i{width:44px;height:44px}.global-save-bar{grid-template-columns:1fr}.save-status{grid-column:1}.intro .zh{font-size:13px}.intro .en{font-size:14px}}.reel-slide{opacity:0;pointer-events:none;background:#000;border:0;width:100%;height:100%;margin:0;padding:0;transition:opacity .5s;position:absolute;inset:0}.reel-slide.on{opacity:1;pointer-events:auto;z-index:1}.reel-slide:disabled{cursor:default}.stage-media .reel-slide img{object-fit:contain;opacity:1;width:100%;max-width:none;height:100%;max-height:none;transition:none;position:absolute;inset:0}.sort{font:11px/16px HaasThin}.sort .type-trigger{text-align:left;text-underline-offset:3px;background:0 0;border:0;width:max-content;margin:0;padding:0;font:11px/16px HaasThin;text-decoration:underline}.line{min-height:148px;padding:34px 0}.line>span{font:13px/18px HaasThin}.type-menu{border-bottom:1px solid #555;flex-wrap:wrap;gap:8px;padding:14px 0 20px;display:flex}.type-menu button{color:#fff;background:#000;border:1px solid #777;padding:8px 11px;font:11px/1 HaasThin}.type-menu button.active,.type-menu button:hover{color:#000;background:#fff}.meta b{font-size:10px}.meta p,.meta p .rich-line{font-family:HaasThin,Arial,sans-serif;font-size:13px;font-weight:300;line-height:24px}.reel-project-select{z-index:3;color:#111;background:#fffffff0;border:0;width:calc(100% - 10px);padding:5px;font-size:10px;position:absolute;bottom:5px;left:5px;right:5px}@media (max-width:700px){.line{min-height:112px;padding:24px 0}.line:hover,.is-open>.line{min-height:135px}.line>span{font-size:11px;line-height:15px}.sort,.sort .type-trigger{font-size:10px}.type-menu{gap:6px}.type-menu button{font-size:10px}}.gallery{width:auto;margin-left:0}.gallery img{object-fit:contain;width:100%;height:auto;max-height:100vh;display:block}.is-open>.line.line-without-in b{font-size:24px;line-height:1.05}@media (max-width:700px){.sort-without-in,.line-without-in{grid-template-columns:40% minmax(0,1fr) 52px}.is-open>.line.line-without-in b{font-size:18px;line-height:1.05}}.stage-media .reel-slide img{object-fit:cover;transform-origin:50%;will-change:transform}.type-menu{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:16px;overflow-x:auto}.type-menu button{scroll-snap-align:start;white-space:nowrap;flex:none}.crop-button{z-index:4;color:#fff;background:#ff4d10;border:0;padding:4px 7px;font-size:9px;position:absolute;top:28px;left:5px}.crop-editor{background:#fff;border:1px solid #999;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);gap:20px;margin:20px 0;padding:18px;display:grid}.crop-preview{aspect-ratio:16/9;background:#000;overflow:hidden}.crop-preview img{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}.crop-controls{flex-direction:column;gap:14px;display:flex}.crop-controls label{font-size:10px}.crop-controls input{width:100%;margin-top:6px;display:block}.crop-controls button{color:#fff;background:#111;border:0;padding:10px}@media (max-width:700px){.crop-editor{grid-template-columns:1fr}.reel-slide{width:100vw;height:56.25vw}}.sort-without-in,.line-without-in{grid-template-columns:repeat(3,minmax(0,1fr))}.line-without-in i{grid-column:3;justify-self:end}.meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.intro{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.intro .zh{grid-column:1;max-width:none;padding-right:22px}.intro .en{grid-column:2;max-width:none;padding-right:22px}.gallery{width:100vw;margin-left:calc(50% - 50vw);overflow:visible}.gallery img{object-fit:contain;background:0 0;width:100vw;height:auto;max-height:none;display:block}.index{position:relative}.type-menu{z-index:8;background:#000;border:0;flex-direction:column;align-items:flex-start;gap:0;width:calc(33.3333% - 22px);max-height:50vh;padding:0;animation:.32s cubic-bezier(.2,.8,.2,1) both typeReveal;display:flex;position:absolute;top:101px;left:22px;overflow:hidden auto}.type-menu button{text-align:left;background:#000;border:0;border-bottom:1px solid #555;width:100%;padding:9px 0}@keyframes typeReveal{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(-12px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}.about-fixed{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:0;padding-left:5.2vw;padding-right:5.2vw}.about-fixed>h1,.about-fixed>.about-job,.about-fixed>.about-mail,.about-fixed>img,.about-fixed>.education,.about-fixed>.award{width:100%;padding-right:4vw;transform:none}.about-fixed>h1{grid-column:1}.about-fixed>.about-job{grid-column:2}.about-fixed>.about-mail{grid-column:3}.about-fixed>img{grid-column:1}.about-fixed>.education{grid-column:2}.about-fixed>.award{grid-column:3}@media (max-width:800px){.about-fixed{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.about-fixed>h1,.about-fixed>.about-job,.about-fixed>.about-mail,.about-fixed>img,.about-fixed>.education,.about-fixed>.award{grid-column:1;padding-right:0}}@media (max-width:700px){.sort-without-in,.line-without-in{grid-template-columns:repeat(3,minmax(0,1fr))}.meta,.intro{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.intro .zh{grid-column:1;padding-right:10px}.intro .en{grid-column:2;padding-right:10px}.type-menu{width:calc(33.3333% - 22px);top:94px;left:22px}}html,body{max-width:100%;overflow-x:hidden}.sort-without-in,.line-without-in,.meta,.intro{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:10px}.meta>div{padding-right:0}.intro .zh{grid-column:2;padding-right:0}.intro .en{grid-column:3;padding-right:0}.is-open .inline-inner{overflow:hidden}.gallery{width:100%;max-width:100%;margin:0;overflow:hidden}.gallery img{object-fit:contain;background:0 0;width:100%;max-width:100%;height:auto;max-height:none;display:block}.reel-slide{width:100%;height:100%;inset:0;overflow:hidden;transform:none}.stage-media .reel-slide img{object-fit:contain;width:calc(100% - 44px);height:100%;left:22px;right:22px}.about-fixed h1{font-size:clamp(72px,9.5vw,190px)}.about-fixed>img{justify-self:start;width:68%;height:88%}@media (max-width:800px){.about-fixed h1{font-size:24vw}.about-fixed>img{width:68%;height:auto}}@media (max-width:700px){.sort-without-in,.line-without-in,.meta,.intro{column-gap:10px}.stage-media .reel-slide img{width:calc(100% - 28px);left:14px;right:14px}}.index{padding:70px 0 130px;overflow:hidden}.sort,.line{width:100%;padding-left:22px;padding-right:22px}.sort{padding-bottom:14px}.line:hover,.is-open>.line{padding-left:22px;padding-right:22px}.is-open>.line,.inline-project{box-shadow:none;clip-path:none}.inline-project{width:100%;display:none;overflow:visible}.is-open .inline-project{animation:.45s cubic-bezier(.2,.8,.2,1) both detailReveal;display:block}.inline-project>*,.inline-inner,.is-open .inline-inner{overflow:visible}@keyframes detailReveal{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.project-head{padding-left:22px;padding-right:22px}.gallery{width:100%;max-width:100%;margin:0;padding:0;display:block;overflow:hidden}.gallery img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:none;margin:0;display:block}.stage{aspect-ratio:16/9;width:100%;height:auto;min-height:0;overflow:hidden}.stage-media,.reel-slide{width:100%;height:100%}.reel-slide{inset:0;transform:none}.stage-media .reel-slide img{object-fit:contain;width:100%;height:100%;inset:0}@media (max-width:700px){.sort,.line,.line:hover,.is-open>.line,.project-head{padding-left:14px;padding-right:14px}.stage-media .reel-slide img{width:100%;height:100%;inset:0}}.stage-media .reel-slide img{object-fit:cover;width:100%;height:100%;inset:0;transform-origin:50%!important}.crop-button{width:auto;min-width:62px}.sort-without-in,.line-without-in,.meta,.intro{column-gap:30px}.line{min-height:200px;padding-top:46px;padding-bottom:46px}.line:hover,.is-open>.line{min-height:230px}.line i,.line-without-in i{width:120px;height:120px}@media (max-width:700px){.sort-without-in,.line-without-in,.meta,.intro{column-gap:30px}.line{min-height:150px;padding-top:34px;padding-bottom:34px}.line:hover,.is-open>.line{min-height:170px}.line i,.line-without-in i{width:76px;height:76px}}.stage-media .reel-slide video{object-fit:cover;pointer-events:none;background:#000;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.gallery video{background:#000;width:100%;max-width:100%;height:auto;margin:0;display:block}header,.mark{font-size:15px;line-height:20px}.sort,.sort .type-trigger,.type-menu button,.line>span,.meta b{font-size:12px;line-height:18px}.meta p,.meta p .rich-line,.intro .zh,.intro .zh .rich-line,.intro .en,.intro .en .rich-line{font-size:12px;line-height:24px}.collapse{font-size:12px;line-height:18px}@media (max-width:700px){header,.mark{font-size:12px;line-height:18px}.sort,.sort .type-trigger,.type-menu button,.line>span{font-size:11px;line-height:16px}.meta b,.meta p,.meta p .rich-line{font-size:11px;line-height:24px}.intro .zh,.intro .zh .rich-line,.intro .en,.intro .en .rich-line{font-size:12px;line-height:24px}.collapse{font-size:11px;line-height:16px}}.sort,.sort .type-trigger,.type-menu button,.line>span,.meta b{font-size:12px;font-weight:700}.intro .en,.intro .en .rich-line{font-size:13px;line-height:24px}@media (max-width:700px){.sort,.sort .type-trigger,.type-menu button,.line>span,.meta b{font-size:11px;font-weight:700}.meta p,.meta p .rich-line{font-size:11px;line-height:15px}.intro .en,.intro .en .rich-line{font-size:12px;line-height:24px}}.meta p,.meta p .rich-line{font-size:12px;line-height:18px}.intro .en,.intro .en .rich-line{font-family:Haas,Arial,sans-serif;font-size:13px;font-weight:400;line-height:24px}.meta p,.meta p .rich-line{letter-spacing:normal;font-family:Haas,Arial,sans-serif;font-size:12px;font-weight:400;font-stretch:100%;line-height:18px}.notice{z-index:100;white-space:pre-wrap;border:1px solid #fff;max-width:min(420px,100vw - 40px);margin:0;box-shadow:0 8px 30px #00000047}.notice.is-error{color:#fff;background:#b42318}.intro .zh,.intro .zh .rich-line{text-align:justify;text-justify:inter-ideograph}.admin-login{color:#111;background:#f3f3ef;align-content:start;min-height:100vh;padding:40px;display:grid}.admin-login>a{color:inherit;text-decoration:none}.admin-login form{width:min(520px,100%);margin:12vh auto 0}.admin-login h1{margin:0 0 60px;font-size:clamp(64px,9vw,150px);font-weight:400;line-height:.82}.admin-login label{font-size:12px;display:block}.admin-login input{color:#111;width:100%;font:inherit;background:#fff;border:1px solid #111;margin-top:8px;padding:14px;display:block}.admin-login button{color:#fff;cursor:pointer;background:#111;border:0;margin-top:14px;padding:12px 18px}.admin-login button:disabled{opacity:.55;cursor:wait}.admin-login p{color:#b42318;margin-top:14px;font-size:13px}@media (max-width:720px){.admin-login{padding:20px}.admin-login form{margin-top:16vh}.admin-login h1{margin-bottom:42px}}.media-thumb video{object-fit:cover;background:#181818;width:100%;height:100%}.upload-progress{z-index:101;color:#fff;background:#111;border:1px solid #fff;width:min(460px,100vw - 40px);padding:14px;font-size:12px;position:fixed;bottom:92px;right:20px;box-shadow:0 8px 30px #0000004d}.upload-progress>b{margin-bottom:9px;display:block}.upload-progress>div{border-top:1px solid #555;grid-template-columns:minmax(0,1fr) 72px 44px;gap:10px;padding:7px 0;display:grid}.upload-progress span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-progress em,.upload-progress i{text-align:right;font-style:normal}.upload-progress .done i{color:#82dc87}.upload-progress .error i{color:#ff716b}@media (max-width:700px){.upload-progress{width:calc(100vw - 20px);bottom:82px;right:10px}}