@font-face{font-family:Portfolio Sans;src:url('/fonts/portfolio-sans.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}
:root{--paper:#f5f5f5;--ink:#151515;--line:#15151522;--muted:#777;--accent:#151515}body{font-family:'Portfolio Sans',Arial,'Microsoft YaHei',sans-serif;background:#f5f5f5}button,input,select,textarea{font-family:inherit}i,em,.material h2 i,.archive h2 i{font-family:inherit;font-style:normal;font-weight:400}::selection{background:#ccc;color:#111}header{background:#f5f5f5dd}header,.opening{color:#151515}.field-note,.floating>span,.opening h1 span,.opening-bottom p,.opening-sign,.field-cross{color:#777}.floating-image{background:#e4e4e4}.material{background:#171717;color:#f2f2f2}.material>.section-label,.tiny-index,.material-copy p,.material-hint{color:#aaa}.material h2 i{color:#eee}.lens-controls button[aria-pressed=true]{background:#eee;color:#171717}.detail-surface{background:#111}.surface-foot{color:#fff}.archive{background:#f2f2f2}.archive-heading p,.rail-card small{color:#777}.rail-buttons button{border-color:#aaa}.rail-progress{background:#ccc}.rail-progress span{background:#555}.closing{background:#e5e5e5}.closing p,.contact span,.closing-bottom{color:#666}.transition-curtain{background:#eee}.pointer{background:#111;transition:width .25s,height .25s,filter .25s,background .25s;will-change:transform;mix-blend-mode:difference;pointer-events:none}.pointer.action,.pointer.drag{width:30px;height:30px;background:#fff8;filter:blur(8px);border:0;backdrop-filter:none}.pointer span{display:none!important}.pointer:not(.action):not(.drag):not(.detail){background:#fff}.pointer.detail{border-color:#fff}.floating-image,.rail-card img{transition:filter .65s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1)}.image-field.has-focus .floating:not(.is-focused) .floating-image{filter:blur(3px);opacity:.7}.rail.has-focus .rail-card:not(.is-focused) img{filter:blur(2px)}.hero-video-host{position:absolute;inset:0;overflow:hidden;background:#111;opacity:0;transition:opacity .8s}.hero-video-host.is-playing{opacity:1}.hero-video-host iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.float-a .floating-image{position:relative;aspect-ratio:16/9}.film-picker{position:absolute;left:17%;top:calc(12% + 49vw * .5625);display:flex;gap:18px;z-index:6;padding-top:16px}.film-picker button{font-size:8px;color:#999;padding:5px 0}.film-picker button[aria-pressed=true]{color:#111;border-bottom:1px solid #111}.film-picker button:focus-visible{outline-offset:2px}.floating>span{font-size:8px}.image-field{bottom:245px}.opening h1{font-weight:400}.project-panel{background:#f5f5f5;display:block;padding:0;overflow:hidden;transform:none}.panel-top{position:absolute;top:0;left:0;right:0;height:88px;padding:0 48px;z-index:4;backdrop-filter:blur(14px);background:#f5f5f5dd;border-bottom:1px solid #15151518;gap:25px}.panel-top>button{font-size:11px}.panel-top>span{font-size:9px;color:#777;flex:1;text-align:center}.project-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;padding:150px 0 0}.project-article{max-width:1120px;width:80%;margin:auto}.project-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:end;margin:0 0 40px}.project-intro h2{font-size:clamp(40px,4vw,64px);font-weight:400;line-height:1.12;letter-spacing:-2px;margin:0;overflow-wrap:anywhere}.project-meta{display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:10px}.project-meta span{display:block;color:#777;font-size:9px;margin-bottom:12px}.project-hero{display:block;padding:0;width:100%;margin:0 0 45px;background:#eee;border-radius:8px;overflow:hidden;position:relative}.project-hero img{display:block;width:100%;max-height:75vh;object-fit:contain}.project-hero:after{content:'↗';position:absolute;bottom:20px;right:22px;color:#fff;mix-blend-mode:difference;font-size:25px}.project-summary{display:flex;justify-content:space-between;gap:60px;border-top:1px solid #1112;padding:25px 0 50px;font-size:12px;line-height:1.9;color:#666}.project-summary p{margin:0}.project-summary a{font-size:10px;white-space:nowrap;align-self:start;color:#151515;border-bottom:1px solid #1114}.project-films{display:grid;grid-template-columns:1fr;gap:25px;margin-bottom:70px}.project-film{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#111}.project-film iframe{width:100%;height:100%;border:0}.project-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 25px}.project-figure{margin:0;min-width:0}.project-figure.wide{grid-column:1/-1}.project-figure>button{display:block;width:100%;padding:0;overflow:hidden;border-radius:7px;background:#ececec}.project-figure img{display:block;width:100%;height:auto;transition:filter .6s,transform .6s}.project-figure button:hover img{filter:blur(.7px);transform:scale(1.008)}.project-figure figcaption{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#888;margin-top:12px}.project-figure figcaption a{color:#666}.project-next{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;border-top:1px solid #1113;padding:45px 0 70px;margin-top:75px}.project-next small{font-size:10px;color:#888;display:block;margin-bottom:20px}.project-next strong{font-size:48px;line-height:1.15;font-weight:400;letter-spacing:-1.5px}.project-next>span:last-child{font-size:70px;font-weight:400}.project-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ddd}.project-progress span{height:100%;width:0;display:block;background:#111}.panel-thumbnails{position:absolute;right:30px;top:98px;width:440px;max-height:65vh;overflow:auto;background:#f5f5f5e8;backdrop-filter:blur(22px);box-shadow:0 15px 50px #0002;padding:20px;z-index:6;border:1px solid #ddd}.panel-thumbnails:not([hidden]){display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.panel-thumbnails img{width:100%;height:88px;object-fit:cover}.panel-thumbnails button{position:relative}.panel-thumbnails button>span{position:absolute;bottom:3px;left:5px;font-size:8px;background:#fffc;padding:2px 4px}.image-lightbox{position:fixed;inset:0;z-index:70;background:#111f;visibility:hidden;opacity:0;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(20px);color:white}.image-lightbox>img{max-width:82vw;max-height:85vh;object-fit:contain}.lightbox-close{position:absolute;right:35px;top:30px;font-size:11px;color:#eee}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);height:64px;width:64px;font-size:32px;border:1px solid #fff5;border-radius:50%;color:#eee}.lightbox-prev{left:25px}.lightbox-next{right:25px}.lightbox-footer{position:absolute;bottom:28px;left:10%;right:10%;display:flex;justify-content:space-between;font-size:10px}.lens{border-color:#fffb}.section-label{font-weight:400}.material h2,.archive h2{font-weight:400}