:root{color-scheme:dark;--ink: #11110f;--paper: #eeeae0;--muted: #a6a39b;--acid: #c7ff3c;--orange: #ff4d18;--line: rgb(238 234 224 / 24%);--display: Impact, Haettenschweiler, "Arial Narrow Bold", "PingFang SC", sans-serif;--sans: "Arial Narrow", "Aptos Narrow", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;overflow-x:hidden;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}::selection{background:var(--acid);color:var(--ink)}:focus-visible{outline:2px solid var(--acid);outline-offset:5px}a{color:inherit;text-decoration:none}.skip-link{position:fixed;z-index:100;top:1rem;left:0;padding:.75rem 1rem;translate:0 -200%;background:var(--acid);color:var(--ink);font-weight:700}.skip-link:focus{translate:0}.site-header{position:sticky;z-index:10;top:0;display:grid;width:100%;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.1rem 2rem;background:#11110fdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.brand{display:inline-flex;width:max-content;align-items:baseline;gap:.3rem;font-family:var(--display);font-size:1.05rem;font-weight:700;letter-spacing:.02em;line-height:.9}.brand sup{font-size:.55em;color:var(--acid)}.brand:hover{color:var(--acid)}.site-crumb{color:var(--muted)}.site-side{text-align:right;color:var(--muted)}.hero{--pointer-x: 70vw;--pointer-y: 35vh;position:relative;display:flex;min-height:calc(100svh - 3.4rem);flex-direction:column;justify-content:space-between;overflow:hidden;padding:4.5rem 2rem 2rem;isolation:isolate}.hero:before{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle 26rem at var(--pointer-x) var(--pointer-y),rgb(199 255 60 / 12%),transparent 70%),radial-gradient(circle at 82% 74%,rgb(255 77 24 / 10%),transparent 26%);content:""}.hero__grid{position:absolute;z-index:-3;inset:0;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:calc(100vw / 12) calc(100vw / 12);-webkit-mask-image:linear-gradient(to bottom,black,transparent 86%);mask-image:linear-gradient(to bottom,black,transparent 86%)}.hero__eyebrow{display:flex;justify-content:space-between;padding-left:calc(100% / 12);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.hero__title{display:flex;flex-direction:column;padding:3vh 0 2vh;font-family:var(--display);font-size:clamp(4.6rem,15.5vw,15rem);font-weight:900;letter-spacing:-.035em;line-height:.76;text-transform:uppercase}.hero__line{display:block;width:max-content}.hero__line--solid{position:relative}.hero__line--solid:after{position:absolute;top:.06em;right:-.6em;width:.34em;height:.34em;border-radius:50%;background:var(--acid);content:""}.hero__line--outline{align-self:flex-end;color:transparent;-webkit-text-stroke:2px var(--paper)}.hero__footer{display:grid;grid-template-columns:5fr 3fr auto;align-items:end;gap:2rem}.hero__intro{max-width:32rem;padding-left:calc(100% / 6);font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.55}.hero__coordinate{display:flex;flex-direction:column;gap:.35rem;font-size:.7rem;letter-spacing:.16em;line-height:1.7;text-transform:uppercase}.hero__coordinate div{display:flex;justify-content:space-between;gap:1.5rem}.hero__coordinate dt{color:var(--muted)}.hero__coordinate dd{color:var(--acid)}.hero__zh{align-self:end;writing-mode:vertical-rl;font-size:1.1rem;letter-spacing:.9em;color:var(--muted)}.works{padding:5rem 2rem 2rem}.section-heading{display:grid;grid-template-columns:1fr 2fr;padding-bottom:3.5rem;border-bottom:1px solid var(--line)}.section-heading>p,.project__meta{font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}.section-heading>p span{display:inline-grid;width:1.8rem;height:1.8rem;place-items:center;margin-right:.5rem;border:1px solid currentColor;border-radius:50%}.section-heading>div{display:flex;align-items:end;justify-content:space-between;gap:2rem}.section-heading h2{font-family:var(--display);font-size:clamp(4rem,8vw,8rem);font-weight:900;letter-spacing:-.03em;line-height:.8;text-transform:uppercase}.section-heading>div p{max-width:18rem;color:var(--muted);line-height:1.5}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding-top:1.5rem}.project{display:flex;min-height:36rem;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.25rem;border:1px solid var(--line);transition:border-radius .35s cubic-bezier(.2,.8,.2,1),translate .35s ease}.project:hover{translate:0 -.45rem;border-radius:0 0 4rem}.w5{grid-column:span 5}.w7{grid-column:span 7}.w12{grid-column:span 12}.v-acid{background:var(--acid);border-color:var(--acid);color:var(--ink)}.v-orange{background:var(--orange);border-color:var(--orange);color:var(--ink)}.v-paper{background:#d8d3c8;border-color:#d8d3c8;color:var(--ink)}.v-sky{background:linear-gradient(135deg,#c6dfef,#eff0cf);border-color:#c6dfef;color:var(--ink)}.v-ice{background:#d6e6f5;border-color:#d6e6f5;color:var(--ink)}.v-career{background:linear-gradient(145deg,#9ca3af,#e9ebee);border-color:#9ca3af;color:var(--ink)}.v-terminal{border-color:#eeeae052;background:#090c0b}.v-orbit{border-color:#eeeae052;background:#08100c}.v-throne{border-color:#d8b96f4d;background:linear-gradient(135deg,#0a0d0b,#17160f)}.project__meta,.project__footer{display:flex;align-items:start;justify-content:space-between;gap:1rem}.project__meta span:last-child{padding:.35rem .55rem;border:1px solid currentColor;border-radius:2rem}.project__art--preview{position:relative;aspect-ratio:16 / 10;margin:1.25rem 0;overflow:hidden;border:1px solid rgb(17 17 15 / 60%);background:#dce1e2}.v-terminal .project__art--preview,.v-orbit .project__art--preview{border-color:#eeeae052;background:#050806}.v-throne .project__art--preview{border-color:#d8b96f61;background:#090b0a}.project__art--preview img{width:100%;height:100%;object-fit:cover;transition:scale .5s cubic-bezier(.2,.8,.2,1)}.project__art--logo{background:radial-gradient(circle at 20% 50%,rgb(75 155 255 / 28%),transparent 34%),#050505}.project__art--logo img{object-fit:contain;padding:clamp(2rem,7vw,7rem)}.project:hover .project__art--preview img{scale:1.025}.project__art--preview figcaption{position:absolute;right:.75rem;bottom:.75rem;left:.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .8rem;background:#11110fe0;color:var(--paper);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.project__specs{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1.1rem}.project__specs span{padding:.45rem .2rem;border-block:1px solid currentColor;font-size:.62rem;letter-spacing:.1em;text-align:center;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project__footer h3{font-family:var(--display);font-size:clamp(2rem,3.6vw,4rem);font-weight:900;letter-spacing:-.025em;line-height:.9;text-transform:uppercase}.project__footer p{margin-top:.7rem;font-size:.82rem;opacity:.85}.project__arrow{display:grid;width:3rem;height:3rem;flex:0 0 auto;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:1.3rem;transition:rotate .22s ease,background .22s ease,color .22s ease}.project:hover .project__arrow{rotate:45deg;background:var(--ink);color:var(--paper)}.v-terminal:hover .project__arrow,.v-orbit:hover .project__arrow{background:var(--acid);color:var(--ink)}.v-throne:hover .project__arrow{background:#d8b96f;color:var(--ink)}.project-note{display:flex;align-items:center;gap:1.2rem;margin:1rem 2rem 4rem;padding:1.4rem 1.6rem;border:1px dashed var(--line);font-size:.95rem}.project-note__asterisk{color:var(--acid);font-size:1.6rem;line-height:1}.project-note a{color:var(--acid);font-weight:700}.project-note a:after{content:"";display:block;height:1px;background:currentColor;scale:0 1;transform-origin:right;transition:scale .22s ease}.project-note a:hover:after{scale:1 1;transform-origin:left}.site-footer{display:grid;grid-template-columns:2fr 1fr auto auto;align-items:end;gap:2rem;padding:3rem 2rem;border-top:1px solid var(--line);font-size:.7rem;letter-spacing:.12em;line-height:1.8;text-transform:uppercase}.site-footer>p:first-child{font-family:var(--display);font-size:clamp(2rem,4vw,3.4rem);letter-spacing:0;line-height:1}.site-footer sup{color:var(--acid)}.site-footer a{color:var(--muted)}.site-footer a:hover{color:var(--acid)}.js .reveal{opacity:0;translate:0 26px;transition:opacity .6s ease,translate .6s ease}.js .reveal.is-visible{opacity:1;translate:0 0}@media(max-width:960px){.w5,.w7{grid-column:span 12}.project{min-height:0}.section-heading{grid-template-columns:1fr;gap:1.5rem}.hero__footer{grid-template-columns:1fr}.hero__coordinate{max-width:20rem}.hero__zh{display:none}.hero__intro{padding-left:0}.site-footer{grid-template-columns:1fr;gap:1rem}.site-side{display:none}.site-crumb{text-align:right}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;translate:none;transition:none}.project,.project__art--preview img,.project__arrow{transition:none}}