@font-face{font-family:FusionPixel;src:url('assets/fusion-pixel-zh.otf') format('opentype');font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#fff;font-family:FusionPixel,monospace}button,a{font:inherit;color:inherit}button{cursor:pointer}#pixels{position:fixed;inset:0;width:100%;height:100%;opacity:.65}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 55% 50%,rgba(255,255,255,.24),transparent 38%),repeating-radial-gradient(circle at 55% 50%,transparent 0 6px,rgba(255,255,255,.02) 7px 8px);mix-blend-mode:screen}header{height:70px;position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw}.logo{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:17px;line-height:.85}.logo i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#000;font-style:normal;font-size:12px}.logo small{font-size:8px;color:#999}nav{display:flex;gap:6vw;align-items:center}nav button,nav a,.back{border:0;background:none;text-decoration:none;padding:10px 2px;position:relative}nav button:after,nav a:after{content:"";position:absolute;bottom:3px;left:0;width:0;height:1px;background:#fff;transition:.25s}nav button:hover:after,nav a:hover:after{width:100%}.back{position:fixed;z-index:10;left:3.2vw;top:14vh;border:1px solid #333;padding:12px 22px}.wheel-view{position:fixed;inset:70px 0 35px;display:grid;place-items:center}.halo{position:absolute;width:min(68vw,900px);height:min(43vw,570px);background:radial-gradient(ellipse,rgba(255,255,255,.32),rgba(255,255,255,.09) 38%,transparent 70%);filter:blur(28px);opacity:.75}.ring{position:relative;width:min(48vw,620px);aspect-ratio:1;border:1px solid #333;border-radius:50%;z-index:3;transition:transform .1s linear}.project-card{--a:0deg;position:absolute;left:50%;top:50%;width:78px;height:108px;margin:-54px -39px;transform:rotate(var(--a)) translateY(clamp(-285px,-21vw,-200px)) rotate(calc(-1 * var(--a))) scale(var(--scale,1));border:0;background:#eee;padding:5px;color:#000;box-shadow:0 3px 0 #777;transition:filter .35s,opacity .35s,box-shadow .35s;will-change:transform}.project-card img{width:100%;height:78px;object-fit:cover;filter:grayscale(1) contrast(1.2);display:block}.project-card span{display:block;padding-top:5px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card:hover,.project-card.active{--scale:1.18;box-shadow:0 0 0 2px #fff,0 10px 25px #000;z-index:4}.project-card:hover img,.project-card.active img{filter:none}.center-copy{position:absolute;z-index:5;text-align:center;display:grid;gap:12px;pointer-events:none}.center-copy strong{font-size:18px}.center-copy span{font-size:14px}.center-copy small{font-size:9px;color:#aaa}.orbit-labels{position:absolute;z-index:4;width:min(41vw,530px);aspect-ratio:1;border-radius:50%;pointer-events:none}.orbit-labels span{position:absolute;font-size:11px;color:#aaa}.orbit-labels span:nth-child(1){top:-9px;left:45%}.orbit-labels span:nth-child(2){right:-28px;top:47%;transform:rotate(90deg)}.orbit-labels span:nth-child(3){bottom:-7px;left:43%}.orbit-labels span:nth-child(4){left:-28px;top:47%;transform:rotate(-90deg)}footer{position:fixed;z-index:10;left:3.2vw;right:3.2vw;bottom:18px;display:flex;justify-content:space-between;font-size:8px;color:#777}dialog{border:0;background:transparent;color:#000;padding:0;width:min(860px,calc(100% - 28px))}dialog::backdrop{background:rgba(0,0,0,.86);backdrop-filter:blur(12px)}dialog article{position:relative;background:#eee;display:grid;grid-template-columns:42% 1fr;min-height:500px;box-shadow:12px 12px 0 #555}.close{position:absolute;right:14px;top:10px;border:0;background:none;color:#000;font-size:28px;z-index:3}.dialog-media{background:#111}.dialog-media img{width:100%;height:100%;object-fit:cover;display:block}.dialog-copy{padding:54px 44px 35px}.dialog-copy>p:first-child,.info>p{font-size:9px}.dialog-copy h2,.info h2{font-size:52px;margin:16px 0}.dialog-copy small{color:#555}.dialog-copy p{line-height:1.8}.dialog-copy a{display:inline-block;margin-top:25px;border:1px solid;padding:12px 18px;text-decoration:none}.info{display:block;padding:55px;min-height:auto}.info #infoBody{line-height:1.9;max-width:680px}.info a{color:#000}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-grid div{border-top:1px solid;padding-top:12px}.info-grid b{display:block;margin-bottom:6px}@media(max-width:760px){header{padding:0 18px}.logo span{display:none}nav{gap:12px;font-size:10px}.back{display:none}.ring{width:76vw}.project-card{width:62px;height:88px;margin:-44px -31px;transform:rotate(var(--a)) translateY(-40vw) rotate(calc(-1 * var(--a))) scale(var(--scale,1));padding:4px}.project-card img{height:61px}.orbit-labels{width:66vw}.center-copy strong{font-size:14px}.center-copy small{display:none}dialog article{grid-template-columns:1fr}.dialog-media{height:240px}.dialog-copy{padding:35px 25px}.dialog-copy h2,.info h2{font-size:38px}.info-grid{grid-template-columns:1fr}}