:root{--black: #0a0a0a;--orange: #ff4f00;--white: #f5f3ee;--grey: #8a8a85;--yellow: #ffd60a;--line: rgba(10, 10, 10, .14);--radius: 4px;--pad: clamp(16px, 3vw, 40px);--display: "Instrument Serif", Georgia, serif;--sans: "Geist", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--logo: "Archivo", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.is-booting{overflow:hidden}a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;background:#000;color:var(--white)}.intro__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;display:block}.intro__logo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.14em;white-space:nowrap;pointer-events:none;font-size:clamp(30px,4.4vw,64px);line-height:1}.intro__studio{font-family:var(--logo);font-weight:900;font-variation-settings:"wdth" 62}.intro__blks{position:relative;display:inline-block;font-family:var(--logo);font-weight:850;font-variation-settings:"wdth" 125;padding:.1em .16em .14em;color:var(--orange);box-shadow:inset 0 0 0 2px var(--orange)}.intro__blks:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit;background:var(--orange);color:#000;clip-path:inset(0 calc(100% - var(--p, 0%)) 0 0)}.intro__skip{position:absolute;right:var(--pad);bottom:22px;z-index:2;color:var(--grey)}.intro__skip:hover{color:var(--white)}.bar{position:fixed;top:14px;left:var(--pad);right:var(--pad);z-index:50;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.bar>*{pointer-events:auto}.bar__main,.bar__status{display:flex;align-items:center;height:56px;background:var(--black);color:var(--white);border-radius:var(--radius)}.bar__main{gap:30px;padding:0 24px 0 16px;font-family:var(--mono);font-size:14px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.bar__main a{text-decoration:none;transition:color .15s}.bar__main a:not(.bar__logo):hover{color:var(--orange)}.bar__logo{display:flex}.bar__logo svg{height:22px;width:auto;display:block}.bar__logo .wm-studio{fill:var(--white)}.bar__logo .wm-block{fill:var(--orange)}.bar__logo .wm-blks{fill:var(--black)}.bar__status{gap:10px;padding:0 18px;font-family:var(--mono);font-size:14px}.bar__dot{width:8px;height:8px;background:var(--orange);animation:blink 1.6s steps(2,start) infinite}@keyframes blink{to{visibility:hidden}}.hero{position:relative;height:100svh;min-height:560px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:24px;padding:92px var(--pad) var(--pad);background:var(--orange);color:var(--black)}.quote{position:absolute;z-index:2;max-width:19ch;margin:0}.quote blockquote{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(22px,2.2vw,34px);line-height:1.02;letter-spacing:-.01em}.quote em{font-style:italic}.quote blockquote.quote__zh{font-family:"Noto Serif SC",var(--display);font-weight:500;letter-spacing:.08em}.quote figcaption{margin-top:10px;opacity:.75}.quote--tl{top:96px;left:var(--pad)}.quote--br{bottom:52px;right:var(--pad);text-align:right;max-width:none}.quote--br .quote__zh{white-space:nowrap}.quote--br figcaption{max-width:24ch;margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.based{position:absolute;left:var(--pad);bottom:52px;z-index:2;display:flex;flex-direction:column;gap:6px}.based__word{--cell: clamp(5px, .5vw, 8px);--f1: #4a4440;--f2: #26221f;--f3: #0c0b0a;--f4: #1a1715;font-family:var(--logo);font-weight:900;font-variation-settings:"wdth" 62;text-transform:uppercase;font-size:clamp(56px,7.4vw,124px);line-height:.86;letter-spacing:.01em;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:conic-gradient(from -45deg,var(--f1) 0 90deg,var(--f2) 0 180deg,var(--f3) 0 270deg,var(--f4) 0);background-size:var(--cell) var(--cell);filter:drop-shadow(0 6px 10px rgba(10,10,10,.22))}.based__coords{opacity:.75}.hero__label{position:absolute;bottom:18px;z-index:2}.hero__label--left{left:var(--pad)}.hero__label--mid{left:50%;translate:-50% 0}.hero__island{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;perspective:1200px}.hero__island canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hero__island img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:min(100%,1000px);max-height:100%;-webkit-user-select:none;user-select:none;pointer-events:none}.hero__island.is-3d img{display:none}.island-pin{position:absolute;left:0;top:0;z-index:2;pointer-events:none;will-change:transform}.island-pin__head{position:absolute;left:-13px;bottom:0;width:26px;height:35px;overflow:visible;filter:drop-shadow(0 4px 4px rgba(0,0,0,.45));animation:pin-drop .9s cubic-bezier(.3,1.6,.5,1) .4s both}.island-pin__head path{fill:#e3120b;stroke:var(--white);stroke-width:2}.island-pin__head circle{fill:var(--white)}.island-pin__pulse{position:absolute;left:-14px;top:-7px;width:28px;height:14px;border-radius:50%;border:2px solid #e3120b;animation:pin-pulse 1.8s ease-out 1.2s infinite both}.island-pin__label{position:absolute;left:18px;bottom:22px;white-space:nowrap;padding:4px 7px;background:var(--black);color:var(--white);border-radius:var(--radius);font-size:10px;animation:pin-label .4s ease-out 1.1s both}@keyframes pin-drop{0%{transform:translateY(-60px);opacity:0}to{transform:none;opacity:1}}@keyframes pin-pulse{0%{transform:scale(.4);opacity:.9}to{transform:scale(2.4);opacity:0}}@keyframes pin-label{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.island-pin__head,.island-pin__pulse,.island-pin__label{animation:none}}.reel{background:var(--black);overflow:hidden}.reel__stage{height:50svh;min-height:280px;padding:3svh 0}.reel__track{display:flex;gap:2vw;height:100%;padding:0 4vw;width:max-content;will-change:transform}.reel__panel{position:relative;flex:none;margin:0;overflow:hidden;height:100%;aspect-ratio:16 / 9;border-radius:var(--radius);background:#161616;transform-origin:50% 100%}.reel__panel:before{content:var(--n);position:absolute;left:16px;bottom:12px;font:500 12px var(--mono);letter-spacing:.08em;color:var(--orange)}.reel__panel img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:translate(var(--px, 0%)) scale(1.18)}.reel.is-static .reel__stage{overflow-x:auto}.peeker{position:absolute;z-index:3;width:clamp(100px,11vw,190px);height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.peeker--left{left:0;top:30%;transform-origin:0% 70%}.peeker--right{right:0;top:34%;transform-origin:100% 70%}.me{position:relative;height:100svh;min-height:560px;overflow:hidden;background:var(--orange);color:var(--black)}.me__name{position:absolute;left:0;right:0;top:80%;translate:0 -50%;rotate:-6deg;margin:0;z-index:2;font-family:var(--signature, "Mr Dafoe"),cursive;font-weight:400;font-size:9vw;line-height:1.2;color:var(--white);text-shadow:0 3px 10px rgba(10,10,10,.35);text-align:center;white-space:nowrap;pointer-events:none}.me__sig{position:relative;display:inline-block;padding:0 .38em .03em .22em}.me__mark{--l: .28em;--t: max(3px, .035em);--c: var(--yellow);position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(var(--c),var(--c)) top left / var(--l) var(--t),linear-gradient(var(--c),var(--c)) top left / var(--t) var(--l),linear-gradient(var(--c),var(--c)) top right / var(--l) var(--t),linear-gradient(var(--c),var(--c)) top right / var(--t) var(--l),linear-gradient(var(--c),var(--c)) bottom left / var(--l) var(--t),linear-gradient(var(--c),var(--c)) bottom left / var(--t) var(--l),linear-gradient(var(--c),var(--c)) bottom right / var(--l) var(--t),linear-gradient(var(--c),var(--c)) bottom right / var(--t) var(--l);background-repeat:no-repeat;filter:drop-shadow(0 2px 4px rgba(10,10,10,.35))}.me__ink{position:relative;z-index:1}.me__figure{position:absolute;left:50%;bottom:0;translate:-50% 0;z-index:1;height:88%;aspect-ratio:1128 / 1400}.me__figure img{position:absolute;bottom:0;left:50%;translate:-50% 0;height:100%;width:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.me__shadow{filter:brightness(0) blur(2px);opacity:.22;transform:translate(-7%,-2%) scale(1.02)}.me__side{position:absolute;top:24%;z-index:2;display:flex;flex-direction:column;gap:10px;max-width:22ch}.me__side--left{left:var(--pad)}.me__side--right{right:var(--pad);align-items:flex-end;text-align:right}.me__logo{height:28px;width:auto;filter:brightness(0);margin:6px 0 2px}.me__logo--tp{height:40px;filter:grayscale(1) contrast(6) brightness(.7)}.me__role{font-family:var(--display);font-size:clamp(24px,2.4vw,36px);line-height:1}.me__side--right .me__role{font-size:clamp(20px,1.9vw,28px);line-height:1.05}.tech{background:var(--black);color:var(--white);padding:28px 0 34px;overflow:hidden}.tech__label{padding:0 var(--pad) 20px;color:var(--grey)}.tech__track{display:flex;align-items:center;width:max-content;list-style:none;margin:0;padding:0;will-change:transform}.tech__item{display:flex;align-items:center;padding:0 clamp(20px,2.6vw,44px)}.tech__item img{height:calc(clamp(18px,1.8vw,26px) * var(--s, 1));width:auto;display:block;opacity:.72;transition:opacity .2s}.tech__item img:hover{opacity:1}@media(max-width:860px){.me__side{top:76px;max-width:44vw;gap:6px}.me__logo{height:18px}.me__logo--tp{height:26px}.me__role,.me__side--right .me__role{font-size:17px}.me__name{font-size:15vw;top:82%}.me__figure{height:72%}.reel__panel{aspect-ratio:4 / 5}.quote{max-width:16ch}.based{bottom:172px}.based__word{font-size:46px;--cell: 4px}.bar__main{gap:18px;padding:0 16px 0 12px;font-size:13px}.bar__main,.bar__status{height:48px}.bar__logo svg{height:18px}.bar__status{font-size:13px;padding:0 14px}.bar__main a[href="#lab"],.bar__main a[href="#about"]{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bar__dot{animation:none}}.work{background:var(--orange);color:var(--black);padding:clamp(40px,5vw,72px) var(--pad) clamp(48px,6vw,88px)}.work__head{display:flex;justify-content:space-between;padding-bottom:18px}.work__rows{list-style:none;border-top:1px solid var(--black)}.work__row{position:relative;border-bottom:1px solid rgba(10,10,10,.35)}.work__row:before{content:"";position:absolute;inset:0 calc(-1 * var(--pad));z-index:0;background:linear-gradient(90deg,#0a0a0ad6,#0a0a0a4d),var(--img) center / cover no-repeat;clip-path:inset(50% 0 50% 0);transition:clip-path .6s cubic-bezier(.2,.8,.2,1)}.work__row:hover:before,.work__row.is-open:before{clip-path:inset(0 0 0 0)}.work__row>*{position:relative;z-index:1}.work__head-btn{width:100%;display:grid;grid-template-columns:56px 1fr auto 32px;gap:20px;align-items:center;padding:clamp(12px,1.2vw,18px) 0;text-align:left}.work__num{color:var(--black);transition:color .3s}.work__name{font-family:var(--display);font-weight:400;font-size:clamp(28px,3vw,48px);line-height:1;transition:transform .45s cubic-bezier(.2,.8,.2,1),color .3s}.work__meta{text-align:right;color:#0a0a0ab3;transition:color .3s}.work__plus{position:relative;width:18px;height:18px;justify-self:end;transition:transform .4s cubic-bezier(.2,.8,.2,1),color .3s}.work__plus:before,.work__plus:after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:currentColor}.work__plus:after{transform:rotate(90deg)}.work__row:hover .work__name,.work__row.is-open .work__name{transform:translate(16px);color:var(--white)}.work__row:hover .work__num,.work__row.is-open .work__num{color:var(--orange)}.work__row:hover .work__meta,.work__row:hover .work__plus,.work__row.is-open .work__meta{color:var(--white)}.work__row.is-open .work__plus{transform:rotate(45deg);color:var(--orange)}.work__body{height:0;overflow:hidden}.work__inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0 0 24px 76px;color:var(--white)}.work__text{font-family:var(--display);font-size:clamp(19px,1.5vw,24px);line-height:1.2;max-width:34ch}.work__side{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.work__tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none}.work__tags li{padding:5px 8px;border:1px solid rgba(245,243,238,.4);border-radius:var(--radius)}.work__link{color:var(--orange);text-decoration:none}.work__link:hover{color:var(--white)}@media(max-width:860px){.work__head-btn{grid-template-columns:30px 1fr 24px;gap:12px}.work__meta{grid-column:2;grid-row:2;text-align:left;margin-top:-6px}.work__num{grid-row:1 / 3}.work__plus{grid-column:3;grid-row:1 / 3}.work__name{font-size:26px}.work__row:hover .work__name,.work__row.is-open .work__name{transform:translate(8px)}.work__inner{grid-template-columns:1fr;gap:18px;padding:0 0 26px 42px}}.contact{position:relative;height:92svh;min-height:560px;overflow:hidden;background:#1b1530;color:var(--white)}.contact__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:42% 50%}.contact:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0a0a0ab8,#0a0a0a40 40%,#0a0a0a00 60%)}.contact__copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:clamp(88px,10vw,128px) var(--pad) 0}.contact__title{font-family:var(--display);font-weight:400;font-size:clamp(48px,6.4vw,104px);line-height:.95}.contact__title em{color:var(--white)}.contact__mail{font-family:var(--display);font-size:clamp(22px,2.2vw,34px);text-decoration:none;border-bottom:1px solid var(--orange)}.contact__mail:hover{color:var(--orange)}.contact__links{display:flex;gap:18px;list-style:none}.contact__links a{text-decoration:none}.contact__links a:hover{color:var(--orange)}.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px var(--pad);background:var(--black);color:var(--grey)}.foot a{text-decoration:none}.foot a:hover{color:var(--white)}@media(max-width:860px){.contact{height:80svh}.contact__video{object-position:40% 50%}.foot{flex-direction:column;gap:8px}}.work__inner--list{grid-template-columns:1fr;gap:26px}.work__jobs{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 32px}.work__jobs li{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid rgba(245,243,238,.24)}.work__jobs .label{color:var(--orange)}.work__jobs b{font-family:var(--display);font-weight:400;font-size:clamp(20px,1.6vw,26px);line-height:1.05}.work__jobs li>span:last-child{font-size:14px;line-height:1.45;color:#f5f3eebf;max-width:34ch}@media(max-width:860px){.work__jobs{grid-template-columns:1fr;gap:16px}}.sites{background:var(--white);color:var(--black);padding:clamp(48px,6vw,96px) var(--pad)}.sites__head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--black);margin-bottom:clamp(24px,3vw,40px)}.sites__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,4vw,56px) clamp(20px,2.4vw,36px)}.site{display:flex;flex-direction:column;gap:16px;text-decoration:none}.site__window{display:flex;flex-direction:column;border:1px solid var(--black);border-radius:var(--radius);overflow:hidden;background:var(--black)}.site__chrome{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--black);color:var(--grey);transition:background .3s,color .3s}.site__chrome i{width:8px;height:8px;border-radius:2px;background:#3a3836}.site__chrome .label{margin-left:10px;font-size:10px}.site__screen{display:block;aspect-ratio:16 / 10;overflow:hidden;background:#e9e7e1}.site__screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:object-position 1.2s cubic-bezier(.4,0,.2,1)}.site:hover .site__screen img{object-position:50% 100%;transition-duration:9s;transition-timing-function:linear}.site:hover .site__chrome{background:var(--orange);color:var(--black)}.site:hover .site__chrome i{background:var(--black)}.site__cap{display:grid;grid-template-columns:40px 1fr auto;align-items:baseline;gap:4px 12px}.site__num{color:var(--grey)}.site__name{font-family:var(--display);font-size:clamp(28px,2.6vw,40px);line-height:1}.site__what{grid-column:2;color:#55534f;font-size:15px}.site__go{grid-column:3;grid-row:1;color:var(--black);transition:color .3s}.site:hover .site__go{color:var(--orange)}@media(max-width:860px){.sites__grid{grid-template-columns:1fr}.site__cap{grid-template-columns:30px 1fr auto}}.work__row--plain:before{background:var(--black)}.work__soon{color:var(--grey)}.has-cursor,.has-cursor *{cursor:none!important}.cursor{position:fixed;left:0;top:0;z-index:200;pointer-events:none;opacity:0;transition:opacity .2s}.cursor.is-on{opacity:1}.cursor__body{position:absolute;left:-13px;top:-13px;width:26px;height:26px;filter:drop-shadow(1.5px 0 0 var(--white)) drop-shadow(-1.5px 0 0 var(--white)) drop-shadow(0 1.5px 0 var(--white)) drop-shadow(0 -1.5px 0 var(--white)) drop-shadow(0 3px 5px rgba(0,0,0,.3));transition:transform .25s cubic-bezier(.3,1.5,.5,1)}.cursor__face{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--black);clip-path:polygon(0 0,100% 0,100% 66%,100% 66%,100% 66%,100% 100%,0 100%)}.cursor.is-moving .cursor__face{animation:chomp .24s linear infinite alternate}.cursor.is-left .cursor__face{transform:scaleX(-1)}@keyframes chomp{to{clip-path:polygon(0 0,100% 0,100% 46%,50% 66%,100% 86%,100% 100%,0 100%)}}.cursor__eyes{position:absolute;left:0;right:0;top:7px;display:flex;justify-content:center;gap:5px}.cursor__eyes i{width:4px;height:4px;border-radius:50%;background:var(--orange);box-shadow:0 0 5px var(--orange);transition:height .2s,border-radius .2s}.cursor.is-hover .cursor__body{transform:scale(1.6) rotate(-8deg)}.cursor.is-hover .cursor__eyes i{height:2px;border-radius:1px}.cursor.is-down .cursor__body{transform:scale(1.25,.9)}.cursor.is-hover.is-down .cursor__body{transform:scale(1.9,1.35) rotate(-8deg)}