@font-face{font-family:"Fusion Pixel 10px Proportional SC";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fusion-pixel-10px-proportional-sc-latin-400-normal-BN7MI4Gs.woff2)format("woff2"),url(/assets/fusion-pixel-10px-proportional-sc-latin-400-normal-DP0eZJVa.woff)format("woff")}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}}:root{--black:#000;--white:#fff;--grey:#adadad;--line:#b6b6b6;--blue:#1080e7;--cyan:#00c3ff;--pink:#fc6fa7;--orange:#ff8a00;--green:#32e6ae;--yellow:#ffd100;--pixel:"Fusion Pixel 10px Proportional SC", "Fusion Pixel 10px Proportional", "Fusion Pixel", "PixelMplus10", monospace;--heavy:"FZLanTingHeiS-HC-GB", "FZLanTingHeiS", "Microsoft YaHei", sans-serif;--bold-cn:"FZLanTingHeiS-B-GB", "FZLanTingHeiS", "Microsoft YaHei", sans-serif;--alibaba:"Alibaba PuHuiTi 3.0", "Alibaba PuHuiTi", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--black);scrollbar-color:#333 #000;scrollbar-width:thin}body{background:var(--black);color:var(--white);margin:0;overflow-x:hidden}button,a{color:inherit}button{font:inherit}.photography-directory{color:#fff;background:#000;width:100vw;min-width:960px;height:100vh;min-height:524px;transition:opacity .52s;animation:.76s both photography-page-in;position:relative;overflow:hidden}.photography-directory.is-leaving{opacity:0;pointer-events:none}.photography-directory-header .home-brand{color:#fff;text-decoration:none}.photography-directory-gallery{position:absolute;inset:0}.photography-polaroid{cursor:pointer;background:0 0;border:0;width:min(23.7333vw,43.5111vh);height:min(25.7071vw,47.1296vh);margin:0;padding:0;transition:transform .22s;position:absolute}.photography-polaroid:hover,.photography-polaroid:focus-visible{transform:scale(1.035)}.photography-polaroid:focus-visible{outline-offset:10px;outline:2px solid #fffc}.photography-polaroid-film{top:30.2778vh;left:21.7172%}.photography-polaroid-digital{top:22.5926vh;left:53.5354%}.photography-polaroid-frame{z-index:2;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.photography-polaroid-photo{z-index:3;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:69.3742%;height:64.0472%;display:block;position:absolute;top:14.9312%;left:15.3223%}.photography-polaroid-title{z-index:4;color:#000;width:73%;font-family:var(--pixel);text-align:center;white-space:nowrap;margin:0;font-size:min(1.61616vw,2.96296vh);font-weight:400;line-height:1;position:absolute;bottom:6.8%;left:13.5%}.photography-vogue-link{z-index:3;color:#fff;width:min(51.1616vw,93.7963vh);height:6.01852vh;font-family:var(--alibaba);text-align:center;white-space:nowrap;justify-content:center;align-items:center;margin:0;font-size:min(1.21212vw,2.22222vh);font-weight:600;line-height:1.35;display:flex;position:absolute;top:84.9074vh;left:50%;transform:translate(-50%)}.photography-vogue-link a{cursor:pointer;text-underline-offset:.08em;text-decoration:underline;text-decoration-thickness:.06em}.photography-vogue-link a:hover,.photography-vogue-link a:focus-visible{color:#d8d8d8}.about-page{color:#fff;background:#000;min-width:960px;min-height:524px;position:fixed;inset:0;overflow:hidden}.about-header{z-index:10}.about-header .home-nav-about{color:#fff}.about-pdf{z-index:1;opacity:0;will-change:opacity;background:#000;transition:opacity 1.3s cubic-bezier(.22,.61,.36,1);position:absolute;top:20.2328vh;left:0;right:0;overflow:hidden}.about-pdf.is-ready{opacity:1}.about-pdf img{-webkit-user-select:none;user-select:none;width:100%;height:auto;max-height:none;display:block}@keyframes photography-page-in{0%{opacity:0}to{opacity:1}}.photography-subdirectory,.photography-pdf-viewer{color:#fff;opacity:1;background:#000;min-width:960px;min-height:524px;transition:opacity .52s;animation:.9s both photography-page-in;position:fixed;inset:0;overflow:hidden}.photography-subdirectory.is-leaving,.photography-pdf-viewer.is-leaving{opacity:0;pointer-events:none}.photography-project-back{z-index:30}.photography-subdirectory-list{z-index:2;flex-direction:column;align-items:flex-start;gap:8.7037vh;display:flex;position:absolute;top:35.9259vh;left:39.2929%}.photography-subdirectory-list button{color:#fff;min-width:0;font-family:var(--pixel);white-space:nowrap;cursor:pointer;transform-origin:0;background:0 0;border:0;align-items:baseline;margin:0;padding:0;font-size:min(2.0202vw,3.7037vh);font-weight:400;line-height:1;transition:transform .18s,color .18s;display:flex}.photography-subdirectory-list button:hover,.photography-subdirectory-list button:focus-visible{color:#fff;transform:translate(.5vw)scale(1.035)}.photography-subdirectory-list button:focus-visible{outline-offset:8px;outline:2px solid #fffc}.photography-subdirectory-arrow{margin-right:.55em}.photography-subdirectory-date{margin-left:.45em}.photography-pdf-stage{z-index:1;opacity:0;will-change:opacity;background:#000;transition:opacity 1.6s cubic-bezier(.22,.61,.36,1);position:absolute;inset:16.9444vh 0 0;overflow:hidden}.photography-pdf-stage.is-ready{opacity:1}.photography-pdf-stage iframe{background:#000;border:0;width:100%;height:100%;display:block}.static-home{color:#fff;background:#000;width:100vw;min-width:960px;height:650vh;min-height:3400px}.static-home-canvas{background:#000;width:100%;height:100vh;position:sticky;top:0;overflow:hidden}.home-header{z-index:10;-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);width:100%;height:16.9444vh;min-height:88px;font-family:var(--pixel);background:#0000004d;border-bottom:1px solid #ffffff2e;position:absolute;top:0;left:0}.home-header-layer{z-index:10;pointer-events:none;will-change:opacity;position:absolute;inset:0}.home-header-layer .home-header{pointer-events:auto}html.is-photography-arrival .home-header-layer,html.is-photography-arrival .home-world,html.is-photography-arrival .home-down-indicator,html.is-photography-arrival .home-blackout,html.is-photography-arrival .home-portal-transition{opacity:0!important}html.is-photography-arrival .home-section-curtain,html.is-photography-arrival .photography-home{opacity:1!important}html.is-lab-arrival .home-world,html.is-lab-arrival .home-down-indicator,html.is-lab-arrival .home-blackout,html.is-lab-arrival .home-portal-transition,html.is-lab-arrival .photography-home{opacity:0!important}html.is-lab-arrival .home-section-curtain,html.is-lab-arrival .lab-home{opacity:1!important}.home-brand{white-space:nowrap;width:273px;height:7.03704vh;font-size:min(2.42424vw,4.44444vh);font-weight:400;line-height:7.03704vh;position:absolute;top:4.62963vh;left:5.05051%}.home-header nav,.home-header a{position:absolute}.home-header nav{inset:0}.home-header a{color:#adadad;white-space:nowrap;align-items:flex-end;width:255px;height:7.03704vh;font-size:min(1.21212vw,2.22222vh);font-weight:400;line-height:normal;text-decoration:none;display:flex;top:2.96296vh}.home-header a.home-nav-design{left:62.1717%}.home-header a.home-nav-photo{left:70.7071%}.home-header a.home-nav-about{left:79.2424%}.home-header a.home-nav-lab{left:86.5657%}.home-header a:hover,.home-header a:focus-visible,.home-header a.is-active{color:#fff}.home-hero{position:absolute;inset:0}.home-world{z-index:2;will-change:transform, opacity}.home-portfolio-word{color:#0000;width:85.0505%;height:12.1296vh;font-family:var(--pixel);white-space:nowrap;background:linear-gradient(90deg,#999 0%,#b8b8b8 58%,#a7a7a7 100%);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:.5em;font-size:min(4.84849vw,8.88889vh);font-weight:400;line-height:1;display:flex;position:absolute;top:41.2037vh;left:11.0606%}.home-portfolio-word span{display:inline-block}.home-portfolio-word>span:not(.home-letter-cyan){z-index:2;position:relative}.home-portfolio-word .home-letter-cyan{color:#0000;position:relative}.home-letter-cyan:before,.home-door-threshold{color:#00c3ff;font:inherit;text-rendering:geometricprecision;font-style:normal;display:block;position:absolute;inset:0}.home-letter-cyan:before{z-index:2;content:"O"}.home-door-threshold{z-index:4;clip-path:inset(84% 0 0);pointer-events:none}.home-portfolio-word .home-letter-orange{color:#ff8a00}.home-portfolio-word .home-letter-green{color:#32e6ae}.home-baseline{z-index:1;background:linear-gradient(90deg,#d9d9d9 0%,#9f9f9f 100%);width:70.1263%;height:2px;position:absolute;top:51.0185vh;left:5.05051%}.home-walker-static{z-index:3;width:min(2.52525vw,4.62963vh);height:min(5.05051vw,9.25926vh);image-rendering:pixelated;position:absolute;top:41.7593vh;left:4.71717%;overflow:hidden}.home-walker-static img{width:800%;max-width:none;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;display:block;position:absolute;top:min(.732323vw,1.34259vh);left:0}.home-subtitle,.home-years,.home-name{color:#b2b2b2;font-family:var(--heavy);white-space:nowrap;margin:0;font-size:min(2.0202vw,3.7037vh);font-weight:700;line-height:1;position:absolute;top:55.1852vh}.home-subtitle{left:26.1111%}.home-years{left:53.7374%}.home-name{left:69.0404%}.home-down-indicator{z-index:4;opacity:.5;color:#adadad;pointer-events:none;flex-direction:column;align-items:center;width:min(2.27273vw,4.16667vh);height:auto;display:flex;position:absolute;top:84.9074vh;left:48.8384%}.home-down-indicator img{aspect-ratio:1;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.home-down-indicator span{color:inherit;font-family:var(--pixel);white-space:nowrap;margin-top:min(.707071vw,1.2963vh);font-size:min(.808081vw,1.48148vh);font-weight:400;line-height:1}.home-portal-transition{z-index:20;isolation:isolate;will-change:opacity;background:#000;position:absolute;inset:0;overflow:hidden}.home-blackout{z-index:15;pointer-events:none;will-change:opacity;background:#000;position:absolute;inset:0}.static-home.is-photography{height:400vh;min-height:400vh}.static-home.is-lab{height:380vh;min-height:380vh}.static-home.is-lab .home-header-layer{z-index:30;visibility:visible;opacity:1!important}.static-home.is-photography .home-portal-transition{pointer-events:none!important}.home-section-curtain,.photography-home,.lab-home{background:#000;position:absolute;inset:0}.photography-world{transform-origin:0 0;will-change:transform;position:absolute;inset:0}.home-section-curtain{z-index:7;opacity:0;pointer-events:none;transition:opacity .42s .44s}.photography-home,.lab-home{z-index:8;opacity:0;pointer-events:none;transition:opacity .52s;overflow:hidden}.static-home.is-photography .home-section-curtain{opacity:1;transition-delay:0s}.static-home.is-photography .photography-home{opacity:1;pointer-events:auto;transition-delay:.4s}.static-home.is-lab .home-section-curtain{opacity:1;transition-delay:0s}.static-home.is-lab .lab-home{opacity:1;pointer-events:auto;transition-delay:.4s}.lab-stage{background:#000;position:absolute;inset:0;overflow:hidden}.lab-scene{z-index:2;will-change:opacity;background:#000;position:absolute;inset:0;overflow:hidden}.lab-lamp{z-index:5;object-fit:contain;object-position:center top;will-change:transform;-webkit-user-select:none;user-select:none;pointer-events:none;width:auto;height:56vh;position:absolute;top:0;left:50%}.lab-light-cone{z-index:1;transform-origin:50% 0;clip-path:polygon(49.2% 0,50.8% 0,100% 100%,0 100%);filter:blur(14px);will-change:top, opacity, transform;pointer-events:none;background:radial-gradient(at 50% 0,#ffffffa8 0%,#ffffff2e 34%,#fff0 76%);width:66vw;height:34vh;position:absolute;left:50%}.lab-content{z-index:2;transition:color 40ms linear;position:absolute;inset:0}.lab-title{font-family:var(--pixel);white-space:nowrap;margin:0;font-size:min(4.64647vw,8.51852vh);font-weight:400;line-height:1;position:absolute;top:49.8148vh;left:25.0505%}.lab-baseline{width:53.2828%;height:2px;position:absolute;top:60.0926vh;left:25.0505%}.lab-sawing{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:min(10.101vw,18.5185vh);height:auto;position:absolute;bottom:39.9074vh;left:68.6869%}.lab-intro-photo{z-index:7;object-fit:cover;object-position:center;will-change:opacity;-webkit-user-select:none;user-select:none;pointer-events:none;background:#000;width:100%;height:100%;display:block;position:absolute;inset:0}.lab-experience{z-index:7;will-change:opacity;background:#000;transition:opacity .36s;position:absolute;inset:0;overflow:hidden}.lab-experience.is-changing{opacity:0!important;pointer-events:none!important}.lab-directory{--flash-x:78vw;--flash-y:74vh;cursor:none;background:#000;position:absolute;inset:0;overflow:hidden}.lab-directory-options{z-index:1;position:absolute;inset:0}.lab-directory-option{color:#fff;cursor:none;transform-origin:50% 58%;background:0 0;border:0;width:min(14.1414vw,25.9259vh);height:min(27.7778vw,50.9259vh);padding:0;transition:transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;top:36.4vh}.lab-directory-option.is-about{left:27.2727%}.lab-directory-option.is-results{left:59.596%}.lab-directory-option:hover,.lab-directory-option:focus-visible{transform:scale(1.075)}.lab-directory-option:focus-visible{outline-offset:8px;outline:1px solid #fffc}.lab-directory-option img{object-fit:contain;image-rendering:auto;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:min(14.1414vw,25.9259vh);display:block}.lab-directory-option span{color:inherit;font-family:var(--pixel);white-space:nowrap;margin-top:3.3vh;font-size:min(2.52525vw,4.62963vh);font-weight:400;line-height:1;display:block}.lab-directory-dimmer{z-index:2;-webkit-mask-image:radial-gradient(circle 12.5vw at var(--flash-x) var(--flash-y), transparent 0 35%, #00000038 54%, #000 100%);-webkit-mask-image:radial-gradient(circle 12.5vw at var(--flash-x) var(--flash-y), transparent 0 35%, #00000038 54%, #000 100%);-webkit-mask-image:radial-gradient(circle 12.5vw at var(--flash-x) var(--flash-y), transparent 0 35%, #00000038 54%, #000 100%);-webkit-mask-image:radial-gradient(circle 12.5vw at var(--flash-x) var(--flash-y), transparent 0 35%, #00000038 54%, #000 100%);mask-image:radial-gradient(circle 12.5vw at var(--flash-x) var(--flash-y), transparent 0 35%, #00000038 54%, #000 100%);pointer-events:none;background:#000000e8;position:absolute;inset:0}.lab-flashlight-cursor{z-index:3;transform-origin:22% 18%;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;width:min(5.80808vw,10.6481vh);height:auto;position:absolute;top:0;left:0;transform:translate(78vw,74vh)translate(-23%,-18%)}.lab-detail{z-index:1;background:#000;animation:.42s both lab-detail-in;position:absolute;inset:0;overflow:hidden}@keyframes lab-detail-in{0%{opacity:0}to{opacity:1}}.lab-project-back{z-index:12}.lab-about-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff4d #000;background:#000;position:absolute;inset:0;overflow:hidden auto}.lab-resource-reveal{opacity:0;will-change:opacity;transition:opacity .9s cubic-bezier(.22,.61,.36,1)}.lab-resource-reveal.is-ready{opacity:1}.lab-intro-page{width:100%;margin:0;padding:0;line-height:0;position:relative}.lab-intro-page img{-webkit-user-select:none;user-select:none;width:100%;height:auto;margin:0;display:block}.lab-intro-link{z-index:2;cursor:pointer;width:21%;height:66%;position:absolute;top:25%}.lab-intro-link.is-social{left:23%}.lab-intro-link.is-shop{left:57.5%}.lab-intro-link:focus-visible{outline-offset:-3px;outline:3px solid #fff}.lab-results-detail{touch-action:none}.lab-results-viewport{--lab-carousel-x:0px;position:absolute;inset:17.5926vh 0 0;overflow:hidden}.lab-results-track{height:75vh;transform:translate3d(var(--lab-carousel-x), 0, 0);will-change:transform;align-items:center;display:flex;position:absolute;top:4.44444vh;left:0}.lab-results-group{flex:none;align-items:center;gap:3.23232vw;padding-right:3.23232vw;display:flex}.lab-result-card{cursor:pointer;transform-origin:50%;background:#050505;border:1px solid #ffffffe6;flex:none;width:min(23.1313vw,42.4074vh);height:min(40.9091vw,75vh);padding:0;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s;overflow:hidden}.lab-result-card:hover,.lab-result-card:focus-visible{z-index:2;border-color:#fff;transform:scale(1.055)}.lab-result-card:focus-visible{outline-offset:4px;outline:2px solid #fff}.lab-result-card img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.lab-down-indicator{z-index:6}.photography-baseline{z-index:1;background:linear-gradient(90deg,#d9d9d9 0%,#9f9f9f 100%);width:49.899%;height:2px;position:absolute;top:50.9259vh;left:25.0505%}.photography-walker{z-index:2;width:min(2.52525vw,4.62963vh);height:min(5.05051vw,9.25926vh);image-rendering:pixelated;will-change:left;position:absolute;top:41.7593vh;left:25.0505%;overflow:hidden}.photography-walker-sprite{width:800%;max-width:none;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform, opacity;display:block;position:absolute;top:min(.732323vw,1.34259vh);left:0}.photography-walker .photography-walker-pose{width:78%;height:auto;image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:opacity;display:block;position:absolute;bottom:0;right:0}.photography-camera{z-index:2;width:min(1.36364vw,2.5vh);height:min(1.36364vw,2.5vh);position:absolute;top:calc(50.9259vh - min(1.36364vw,2.5vh));left:50%;transform:translate(-50%)}.photography-camera img{object-fit:contain;image-rendering:auto;backface-visibility:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block;transform:translateZ(0)}.photography-blackout,.photography-directory-transition{pointer-events:none;will-change:opacity;background:#000;position:absolute;inset:0}.photography-blackout{z-index:15}.photography-directory-transition{z-index:20;isolation:isolate;overflow:hidden}.photography-directory.is-embedded{position:absolute;inset:0}.photography-title,.photography-years,.photography-name{color:#b2b2b2;font-family:var(--heavy);white-space:nowrap;margin:0;font-size:min(2.0202vw,3.7037vh);font-weight:700;line-height:1;position:absolute;top:57.1296vh}.photography-title{left:25.0505%}.photography-years{text-align:center;width:22.6768%;left:59.9242%;transform:translate(-50%)}.photography-name{text-align:center;width:22.6768%;left:71.9444%;transform:translate(-50%)}.photography-down-indicator{opacity:.5}.home-directory-scale{z-index:2;position:absolute;inset:0}.home-directory-scale .design-directory{min-width:0;min-height:0}@media (width<=1100px),(height<=650px){.home-header{min-height:0}.home-brand,.home-header a{width:auto}.home-portfolio-word{gap:.5em}}.design-directory{color:#fff;background:#000;width:100vw;min-width:960px;height:100vh;min-height:524px;overflow:hidden}.design-directory-canvas{opacity:1;will-change:opacity;background:#000;width:100%;height:100%;transition:opacity .46s;position:relative;overflow:hidden}.design-directory.is-navigation-leaving .design-directory-canvas{opacity:0;pointer-events:none}.directory-scene-content{z-index:2;opacity:1;will-change:opacity;transition:opacity .56s;position:absolute;inset:0}.directory-scene-content.is-hidden{opacity:0;pointer-events:none}.directory-header{z-index:10;-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);width:100%;height:16.9444vh;min-height:88px;font-family:var(--pixel);background:#0000004d;border-bottom:1px solid #ffffff2e;position:absolute;inset:0 0 auto}.directory-brand{color:#fff;white-space:nowrap;height:7.03704vh;font-size:min(2.42424vw,4.44444vh);font-weight:400;line-height:7.03704vh;text-decoration:none;position:absolute;top:4.62963vh;left:5.05051%}.directory-header nav,.directory-header nav span,.directory-header nav a{position:absolute}.directory-header nav{inset:0}.directory-header nav span,.directory-header nav a{color:#adadad;white-space:nowrap;align-items:flex-end;width:255px;height:7.03704vh;font-size:min(1.21212vw,2.22222vh);font-weight:400;line-height:normal;text-decoration:none;display:flex;top:2.96296vh}.home-header .site-brand,.directory-header .site-brand{color:#fff;width:273px;height:7.03704vh;font-family:var(--pixel);white-space:nowrap;font-size:min(2.42424vw,4.44444vh);font-weight:400;line-height:7.03704vh;text-decoration:none;display:block;position:absolute;top:4.62963vh;left:5.05051%}.directory-nav-design{left:62.1717%;color:#fff!important}.directory-nav-photo{left:70.7071%}.directory-nav-about{left:79.2424%}.directory-nav-lab{left:86.5657%}.directory-nav-design.is-muted{color:#adadad!important}.directory-nav-photo:hover,.directory-nav-photo:focus-visible,.directory-nav-photo.is-active{color:#fff}.directory-nav-photo:focus-visible{outline:none}.directory-baseline{z-index:1;background:#bcbcbc;width:100%;height:max(2px,.277778vh);position:absolute;top:59.637vh;left:0}.directory-entry-walker{--directory-walker-width:min(9.09091vw, 16.6667vh);--directory-walker-half-width:min(4.54546vw, 8.33333vh);--directory-walker-height:min(18.1818vw, 33.3333vh);z-index:4;left:var(--directory-walker-half-width);width:var(--directory-walker-width);height:var(--directory-walker-height);opacity:1;image-rendering:pixelated;pointer-events:none;will-change:left, opacity;position:absolute;bottom:calc(100% - 59.637vh);transform:translate(-50%)}.directory-entry-walker-sprite{image-rendering:pixelated;display:block;position:absolute;inset:0;overflow:hidden}.directory-entry-walker-sprite img{width:800%;max-width:none;height:100%;image-rendering:pixelated;-webkit-user-select:none;user-select:none;will-change:transform;display:block;position:absolute;top:13.5%;left:0}.directory-entry-walker.is-active{animation:directory-enter-travel var(--directory-walk-duration) linear .78s both}.directory-entry-walker.is-active .directory-entry-walker-sprite img{animation:.8s linear .78s infinite directory-entry-walker-frames}.directory-entry-target-1{--directory-door-center:21.4349vw;--directory-walk-duration:1.9s}.directory-entry-target-2{--directory-door-center:35.6743vw;--directory-walk-duration:3.1s}.directory-entry-target-3{--directory-door-center:49.9138vw;--directory-walk-duration:4.4s}.directory-entry-target-4{--directory-door-center:64.1535vw;--directory-walk-duration:5.7s}.directory-entry-target-5{--directory-door-center:78.3931vw;--directory-walk-duration:7s}@keyframes directory-enter-travel{0%{left:var(--directory-walker-half-width);opacity:1}72%{left:calc(var(--directory-door-center) - var(--directory-walker-half-width));opacity:1}92%{left:var(--directory-door-center);opacity:1}96%,to{left:var(--directory-door-center);opacity:0}}@keyframes directory-entry-walker-frames{0%,12.499%{transform:translate(0)}12.5%,24.999%{transform:translate(-12.5%)}25%,37.499%{transform:translate(-25%)}37.5%,49.999%{transform:translate(-37.5%)}50%,62.499%{transform:translate(-50%)}62.5%,74.999%{transform:translate(-62.5%)}75%,87.499%{transform:translate(-75%)}87.5%,to{transform:translate(-87.5%)}}.directory-projects{position:absolute;inset:0}.directory-project{z-index:2;width:9.33741%;height:23.966vh;color:inherit;cursor:pointer;perspective:min(45.4545vw,83.3333vh);background:0 0;border:0;outline:0;margin:0;padding:0;position:absolute;top:35.3995vh;overflow:visible}.directory-project.is-flipped{z-index:2}.directory-project-1{left:16.7662%}.directory-project-2{left:31.0056%}.directory-project-3{left:45.2451%}.directory-project-4{left:59.4848%}.directory-project-5{left:73.7243%}.directory-door-hover,.directory-flipper,.directory-face{display:block;position:absolute;inset:0}.directory-door-hover{transform-origin:50% 100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform;transition:transform .19s cubic-bezier(.2,.72,.16,1);transform:scale(1)}.directory-project:not(.is-flipped):hover .directory-door-hover,.directory-project:not(.is-flipped):focus-visible .directory-door-hover{transform:scale(1.07)}.directory-flipper{transform-origin:50% 100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform;transition:transform .78s cubic-bezier(.2,.72,.16,1);transform:rotateY(0)scale(1)}.directory-project.is-flipped .directory-flipper{transform:rotateY(180deg)scale(1.235)}.directory-face{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform}.directory-face-front{transform:translateZ(1px)}.directory-face-back{transform:rotateY(180deg)translateZ(1px)}.directory-door{position:absolute;inset:0}.directory-door span{background:currentColor;display:block;position:absolute}.directory-door-top,.directory-door-bottom{width:60%;height:14.432%;left:20%}.directory-door-top{top:0}.directory-door-bottom{bottom:0}.directory-door-left,.directory-door-right{width:20%;height:71.136%;top:14.432%}.directory-door-left{left:0}.directory-door-right{right:0}.directory-project-icon{z-index:2;opacity:1;object-fit:contain;filter:none;pointer-events:none;-webkit-user-select:none;user-select:none;transition:opacity .18s;position:absolute;left:50%;transform:translate(-50%)}.directory-icon-oppo{width:30.89%;height:21.2%;top:31.43%}.directory-icon-light{width:19.68%;height:29.29%;top:26.78%}.directory-icon-galaxy{width:33.54%;height:24.42%;top:29.29%}.directory-icon-themis{width:15.86%;height:29.29%;top:26.78%}.directory-icon-others{width:23.59%;height:29.29%;top:26.78%}.directory-project-name{z-index:2;color:#fff;width:70%;height:31.44%;font-family:var(--alibaba);opacity:1;text-align:center;text-shadow:0 3.7px 3.7px #00000040;white-space:nowrap;justify-content:center;align-items:center;font-size:min(.747vw,1.369vh);font-weight:600;line-height:1;transition:opacity .18s;display:flex;position:absolute;top:69.64%;left:50%;transform:translate(-50%,-50%)}.directory-project.is-flipped .directory-project-icon,.directory-project.is-flipped .directory-project-name{opacity:0;transition-delay:.78s}.directory-entry-threshold{z-index:5;opacity:0;pointer-events:none;width:6.91902%;height:4.271vh;animation:0s linear .78s forwards directory-threshold-reveal;position:absolute;top:55.094vh}.directory-entry-threshold-1{left:17.9754%}.directory-entry-threshold-2{left:32.2148%}.directory-entry-threshold-3{left:46.4543%}.directory-entry-threshold-4{left:60.694%}.directory-entry-threshold-5{left:74.9335%}@keyframes directory-threshold-reveal{to{opacity:1}}.directory-project-category{color:#fff;width:61.13%;height:25.01%;font-family:var(--bold-cn);text-align:center;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;font-size:min(1.07vw,1.962vh);font-weight:700;line-height:1;display:flex;position:absolute;top:107.39%;left:50%;transform:translate(-50%)}.directory-project:focus-visible .directory-flipper{outline-offset:8px;outline:2px solid #fffc}.directory-exit{z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;width:9.87336%;height:10.2778vh;margin:0;padding:0;transition:transform .18s;position:absolute;top:40.3044vh;left:89.7146%}.directory-exit img{object-fit:contain;object-position:center;image-rendering:auto;pointer-events:none;width:100%;height:100%;display:block}.directory-exit:hover{transform:scale(1.06)}.directory-exit:focus-visible{outline-offset:6px;outline:2px solid #ffffffd9}.oppo-project-detail{z-index:8;opacity:0;overscroll-behavior:contain;scrollbar-color:#333 #000;scrollbar-width:thin;background:#000;position:absolute;inset:0;overflow:hidden auto}.oppo-project-detail.is-cover-loading{opacity:0;pointer-events:none}.oppo-project-detail.is-cover-ready{animation:.56s both oppo-project-detail-in}.oppo-project-detail.is-returning{opacity:0;transition:opacity .46s;animation:none}@keyframes oppo-project-detail-in{0%{opacity:0}to{opacity:1}}.oppo-project-content,.oppo-project-cover-frame,.oppo-project-cover,.oppo-project-video,.oppo-project-video iframe,.oppo-project-pages,.oppo-project-page,.oppo-project-pages img{width:100%;display:block}.oppo-project-content{z-index:1;background:#000;line-height:0;position:relative}.oppo-project-cover{-webkit-user-select:none;user-select:none;border:0;height:auto;margin:0}.oppo-project-cover-frame{aspect-ratio:2048/1117;background:#000;line-height:0;position:relative;overflow:hidden}.light-maze-cover-site-link{z-index:2;width:25.9%;height:5.4%;display:block;position:absolute;top:84.8%;left:9.18%}.oppo-project-video{aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;margin:0;display:flex;position:relative;overflow:hidden}.oppo-project-video iframe{border:0;flex:none;width:50%;height:50%;margin:0}.oppo-project-pages{background:#000;line-height:0;position:relative}.oppo-project-pages.is-spaced{background:#b8b8b8;flex-direction:column;gap:clamp(12px,1.2vw,24px);padding-bottom:clamp(12px,1.2vw,24px);display:flex}.oppo-project-pages.is-intro-pages{padding-top:0}.oppo-project-page{line-height:0;position:relative}.oppo-project-pages img{-webkit-user-select:none;user-select:none;border:0;height:auto;margin:0}.oppo-project-page-link,.light-maze-pdf-video-link,.light-maze-pdf-site-link,.galaxy-pdf-video-link,.themis-pdf-video-link,.others-bird-pdf-video-link,.others-cloud-pdf-video-link,.others-tree-pdf-video-link,.others-xbox-pdf-video-link{z-index:2;display:block;position:absolute}.oppo-project-page-link{width:16.989%;height:23.979%;top:71.428%;left:81.298%}.light-maze-pdf-video-link{width:16.809%;height:25.127%;top:69.258%;left:1.757%}.light-maze-pdf-site-link{width:14.962%;height:24.361%;top:69.768%;left:19.739%}.galaxy-pdf-video-link{width:18.386%;height:26.912%;top:68.11%;left:79.946%}.themis-pdf-video-link{width:18.342%;height:26.912%;top:67.217%;left:79.765%}.others-bird-pdf-video-link{width:4.687%;height:13.01%;top:81.885%;left:5.002%}.others-cloud-pdf-video-link{width:4.552%;height:13.01%;top:15.943%;left:55.25%}.others-tree-pdf-video-link{width:24.335%;height:41.581%;top:9.311%;left:73.953%}.others-xbox-pdf-video-link{width:7.391%;height:11.862%;top:79.717%;left:29.879%}.oppo-project-page-link:focus-visible,.light-maze-cover-site-link:focus-visible,.light-maze-pdf-video-link:focus-visible,.light-maze-pdf-site-link:focus-visible,.galaxy-pdf-video-link:focus-visible,.themis-pdf-video-link:focus-visible,.others-bird-pdf-video-link:focus-visible,.others-cloud-pdf-video-link:focus-visible,.others-tree-pdf-video-link:focus-visible,.others-xbox-pdf-video-link:focus-visible{outline-offset:-4px;outline:2px solid #fff}.oppo-project-back{z-index:9;cursor:pointer;background:0 0;border:0;width:min(5.05051vw,9.25926vh);height:auto;margin:0;padding:0;transition:transform .18s;position:fixed;top:22.963vh;left:5.05051%}.oppo-project-back img{pointer-events:none;width:100%;height:auto;display:block}.oppo-project-back:hover{transform:translate(-4px)}.oppo-project-back:focus-visible{outline-offset:6px;outline:2px solid #ffffffd9}@media (width<=1100px),(height<=650px){.directory-header{min-height:0}.directory-header nav span,.directory-header nav a{width:auto}}@media (prefers-reduced-motion:reduce){.directory-flipper{transition-duration:.01ms}}.portfolio-scroll{background:#000;height:620vh;min-height:6200px;position:relative}.sticky-viewport{background:#000;width:100vw;height:100vh;position:sticky;top:0;overflow:hidden}.stage-frame{isolation:isolate;background:#000;width:min(100vw,177.778vh);height:min(100vh,56.25vw);position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:#00000057;border-bottom:1px solid #ffffff2e;height:18.3%;min-height:112px;position:absolute;inset:0 0 auto}.brand{font:400 clamp(29px, 2.43vw, 48px)/1 var(--pixel);white-space:nowrap;position:absolute;top:25.7%;left:5.05%}.site-header nav{align-items:center;gap:clamp(42px,4vw,79px);display:flex;position:absolute;top:42%;right:4.8%;transform:translateY(-50%)}.site-header a{color:var(--grey);font:400 clamp(15px, 1.22vw, 24px)/1 var(--pixel);white-space:nowrap;text-decoration:none;transition:color .18s;position:relative}.site-header a:hover,.site-header a:focus-visible,.site-header a.active{color:#fff}.hero-world{z-index:10;transform-origin:38.18% 49.8%;will-change:transform, opacity;position:absolute;inset:0}.hero-content{position:absolute;inset:0}.portfolio-letters{z-index:2;color:#0000;width:57.2%;height:12.2%;font:400 clamp(58px,5vw,96px)/.94 var(--pixel);background:linear-gradient(90deg,#999 0%,#fff 62%,#aaa 100%);-webkit-background-clip:text;background-clip:text;grid-template-columns:repeat(9,1fr);place-items:end center;display:grid;position:absolute;top:42.1%;left:21.1%}.portfolio-letters>span{align-self:center}.portfolio-letters .pixel-door{align-self:center;width:.75em;height:.96em}.pixel-door{--door-color:#00c3ff;width:185px;height:259px;color:var(--door-color);display:block;position:relative;transform:translateZ(0)}.door-bar{background:currentColor;display:block;position:absolute}.door-top,.door-bottom{width:60%;height:14.4%;left:20%}.door-top{top:0}.door-bottom{bottom:0}.door-left,.door-right{width:20%;height:71.8%;top:14.2%}.door-left{left:0}.door-right{right:0}.door-interior{color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:14.3% 20%;overflow:visible}.hero-baseline{background:linear-gradient(90deg,#ddd,#969696);width:70.1%;height:2px;position:absolute;top:51%;left:5.05%}.walker{z-index:4;transform-origin:50% 100%;pointer-events:none;will-change:left, opacity;width:91px;height:91px;position:absolute}.walker img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:.62s steps(2,end) infinite pixel-walk;display:block}.hero-walker{transition:opacity .1s linear;top:43.6%}.hero-subtitle,.hero-years,.hero-name{color:#b8b8b8;height:12%;font:700 clamp(25px,2.05vw,40px)/1 var(--heavy);white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;top:54.2%}.hero-subtitle{justify-content:flex-start;width:28.6%;left:25.1%}.hero-years{width:21%;left:48.6%}.hero-name{width:14%;left:67.7%}.directory-layer{z-index:12;transform-origin:50%;will-change:transform,left;pointer-events:none;width:1920px;height:1080px;position:absolute;top:50%}.directory-canvas,.directory-row{position:absolute;inset:0}.directory-canvas{background:#000}.directory-baseline{z-index:0;background:#bdbdbd;height:4px;position:absolute;top:59.64%;left:0;right:0}.directory-walker{z-index:3;width:17.25%;height:31.6%;top:32.1%;left:-5.7%}.project-door{z-index:2;cursor:pointer;pointer-events:auto;perspective:1000px;background:0 0;border:0;outline:0;width:9.35%;height:31.8%;margin:0;padding:0;position:absolute;top:35.4%}.project-door:first-of-type{left:15.15%}.project-door:nth-of-type(2){left:29.45%}.project-door:nth-of-type(3){left:43.75%}.project-door:nth-of-type(4){left:58.05%}.project-door:nth-of-type(5){left:72.35%}.project-door>.pixel-door{width:100%;height:75.4%;transition:filter .18s,transform .22s}.project-door:hover>.pixel-door,.project-door:focus-visible>.pixel-door{filter:brightness(1.13)drop-shadow(0 0 18px)}@supports (color:color-mix(in lab, red, red)){.project-door:hover>.pixel-door,.project-door:focus-visible>.pixel-door{filter:brightness(1.13) drop-shadow(0 0 18px color-mix(in srgb,currentColor 50%,transparent))}}.project-door:hover>.pixel-door,.project-door:focus-visible>.pixel-door{transform:translateY(-5px)}.project-icon{object-fit:contain;filter:drop-shadow(0 2px 2px #00000059);width:70px;height:78px;display:block}.icon-maze,.icon-themis,.icon-others{width:50px;height:79px}.project-title{color:#fff;width:128px;font:600 15px/1.1 var(--alibaba);text-align:center;white-space:nowrap;margin-top:11px}.project-category{color:#fff;width:135px;font:400 21px/1 var(--bold-cn);text-align:center;white-space:nowrap;position:absolute;top:81.2%;left:50%;transform:translate(-50%)}.exit-button{z-index:3;color:#fff;cursor:pointer;width:9.6%;height:14%;font:600 62px/.92 var(--alibaba);letter-spacing:-4px;pointer-events:auto;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;transition:transform .18s;display:flex;position:absolute;top:39.3%;left:90.4%}.exit-button:hover,.exit-button:focus-visible{transform:translate(8px)}.exit-arrow{letter-spacing:0;font:400 96px/.55 Arial,sans-serif;display:block}.portal-bar{z-index:25;background:var(--cyan);pointer-events:none;will-change:left,width,opacity;height:140%;position:absolute;top:-20%;box-shadow:inset 0 0 24px #00000024}.scroll-hint,.click-hint{z-index:60;pointer-events:auto;cursor:pointer;background:#0000001f;border:1px solid #ffffff73;border-radius:50%;width:45px;height:45px;position:absolute;top:87.2%;left:50%;transform:translate(-50%)}.scroll-hint span{border-bottom:1px solid #fffc;border-right:1px solid #fffc;width:10px;height:10px;animation:1.4s ease-in-out infinite down-pulse;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.scroll-hint span:first-child{top:9px}.scroll-hint span:last-child{animation-delay:.1s;top:18px}.click-hint{color:#ffffff7a;pointer-events:none;font:400 40px/1 var(--pixel);background:0 0;border:0}.cursor-mark{animation:1.15s steps(2,end) infinite cursor-pulse;position:absolute;inset:0}.motion-instruction{z-index:80;color:#ffffff42;font:400 12px/1 var(--pixel);letter-spacing:.04em;pointer-events:none;position:fixed;bottom:22px;left:28px}@keyframes pixel-walk{0%,to{transform:translateY(0)rotate(-.8deg)skew(-.5deg)}50%{transform:translateY(-4px)rotate(.8deg)skew(.5deg)}}@keyframes down-pulse{0%,to{opacity:.25;transform:translate(-50%,-2px)rotate(45deg)}50%{opacity:1;transform:translate(-50%,2px)rotate(45deg)}}@keyframes cursor-pulse{0%,to{opacity:.28;transform:scale(.9)}50%{opacity:.65;transform:scale(1.08)}}@media (aspect-ratio<=16/9){.motion-instruction{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.walker img,.scroll-hint span,.cursor-mark{animation:none}}.walker-test-page{color:#fff;min-height:100vh;font-family:var(--pixel);background:#000;overflow:hidden}.walker-test-header{z-index:5;position:fixed;top:5vh;left:5vw}.walker-test-header h1{margin:0;font-size:clamp(28px,2.5vw,48px);font-weight:400}.walker-test-header p{color:#8d8d8d;font-family:var(--bold-cn);margin:12px 0 0;font-size:clamp(14px,1.1vw,21px)}.walker-lane{position:fixed;inset:0}.walker-track{will-change:transform;height:280px;animation:9s linear infinite walker-travel;position:absolute;bottom:calc(38vh - 280px);left:0;right:0}.walking-sprite{width:140px;height:280px;image-rendering:pixelated;will-change:background-position;background-image:url(/assets/walker-sprite-v2.png);background-position:0 38px;background-repeat:no-repeat;background-size:1120px 280px;animation:.8s linear infinite walker-frames;position:absolute;bottom:0;left:0}.walker-ground{background:#aaa;height:2px;position:absolute;bottom:38vh;left:0;right:0}.walker-pause{z-index:5;color:#fff;cursor:pointer;min-width:180px;font:400 16px / 1 var(--bold-cn);background:#000000bf;border:1px solid #555;align-items:center;gap:18px;padding:13px 17px;display:flex;position:fixed;bottom:6vh;right:5vw}.walker-pause span{color:#777;font:400 12px / 1 var(--pixel);margin-left:auto}.walker-test-page.is-paused .walker-track,.walker-test-page.is-paused .walking-sprite{animation-play-state:paused}@keyframes walker-travel{0%{transform:translate(-160px)}to{transform:translate(calc(100vw + 20px))}}@keyframes walker-frames{0%,12.499%{background-position-x:0}12.5%,24.999%{background-position-x:-140px}25%,37.499%{background-position-x:-280px}37.5%,49.999%{background-position-x:-420px}50%,62.499%{background-position-x:-560px}62.5%,74.999%{background-position-x:-700px}75%,87.499%{background-position-x:-840px}87.5%,to{background-position-x:-980px}}@media (width<=800px){.walker-track{height:200px;bottom:calc(35vh - 200px)}.walking-sprite{background-position-y:27px;background-size:800px 200px;width:100px;height:200px}.walker-ground{bottom:35vh}@keyframes walker-frames{0%,12.499%{background-position-x:0}12.5%,24.999%{background-position-x:-100px}25%,37.499%{background-position-x:-200px}37.5%,49.999%{background-position-x:-300px}50%,62.499%{background-position-x:-400px}62.5%,74.999%{background-position-x:-500px}75%,87.499%{background-position-x:-600px}87.5%,to{background-position-x:-700px}}}.door-entry-page{--entry-ground:34vh;--entry-door-left:64vw;--entry-door-width:286px;--entry-opening-left:52px;--entry-threshold-height:57px;color:#fff;min-height:100vh;font-family:var(--pixel);background:#000;overflow:hidden}.door-entry-stage{position:fixed;inset:0;overflow:hidden}.entry-ground{z-index:1;left:0;right:0;bottom:var(--entry-ground);background:#aaa;height:2px;position:absolute}.entry-travel{z-index:4;left:0;bottom:var(--entry-ground);will-change:transform;width:200px;height:400px;animation:6.6s linear infinite enter-door-travel;position:absolute}.entry-walking-sprite{width:200px;height:400px;image-rendering:pixelated;background-image:url(/assets/walker-sprite-v2.png);background-position:0 54px;background-repeat:no-repeat;background-size:1600px 400px;animation:.8s linear infinite entry-walker-frames;position:absolute;inset:0}.entry-door{z-index:2;left:var(--entry-door-left);bottom:var(--entry-ground);width:var(--entry-door-width);-webkit-user-select:none;user-select:none;pointer-events:none;height:auto;position:absolute}.entry-door-threshold{z-index:5;left:var(--entry-door-left);bottom:var(--entry-ground);width:var(--entry-door-width);height:auto;clip-path:inset(calc(100% - var(--entry-threshold-height)) 0 0 0);-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute}.entry-controls{z-index:8;gap:12px;display:flex;position:fixed;bottom:6vh;right:5vw}.entry-controls button{color:#fff;cursor:pointer;min-width:176px;font:400 16px / 1 var(--bold-cn);background:#000000c7;border:1px solid #555;align-items:center;gap:18px;padding:13px 17px;display:flex}.entry-controls button span{color:#777;font:400 12px / 1 var(--pixel);margin-left:auto}.door-entry-page.is-paused .entry-travel,.door-entry-page.is-paused .entry-walking-sprite{animation-play-state:paused}@keyframes enter-door-travel{0%{opacity:1;transform:translate(-230px)}58%{transform:translateX(calc(var(--entry-door-left) - 45px));opacity:1}82%{transform:translateX(calc(var(--entry-door-left) + var(--entry-opening-left)));opacity:1}87%,to{transform:translateX(calc(var(--entry-door-left) + var(--entry-opening-left)));opacity:0}}@keyframes entry-walker-frames{0%,12.499%{background-position-x:0}12.5%,24.999%{background-position-x:-200px}25%,37.499%{background-position-x:-400px}37.5%,49.999%{background-position-x:-600px}50%,62.499%{background-position-x:-800px}62.5%,74.999%{background-position-x:-1000px}75%,87.499%{background-position-x:-1200px}87.5%,to{background-position-x:-1400px}}@media (width<=800px){.door-entry-page{--entry-ground:32vh;--entry-door-left:62vw;--entry-door-width:214px;--entry-opening-left:39px;--entry-threshold-height:43px}.entry-travel,.entry-walking-sprite{width:150px;height:300px}.entry-walking-sprite{background-position-y:41px;background-size:1200px 300px}.entry-controls{flex-wrap:wrap;left:5vw;right:5vw}@keyframes entry-walker-frames{0%,12.499%{background-position-x:0}12.5%,24.999%{background-position-x:-150px}25%,37.499%{background-position-x:-300px}37.5%,49.999%{background-position-x:-450px}50%,62.499%{background-position-x:-600px}62.5%,74.999%{background-position-x:-750px}75%,87.499%{background-position-x:-900px}87.5%,to{background-position-x:-1050px}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}