*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0e1213;--ink: #e9edeb;--muted: #78827f;--accent: #8fcdb2}.spotlight{position:relative;width:100%;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg);perspective:800px;transform-style:preserve-3d;font-family:DM Mono,monospace}.spotlight:before,.spotlight:after{content:"";position:absolute;left:0;right:0;height:22%;z-index:5;pointer-events:none}.spotlight:before{top:0;background:linear-gradient(to bottom,#0e1213d9,#0e121300)}.spotlight:after{bottom:0;background:linear-gradient(to top,#0e1213d9,#0e121300)}.project-preview{display:grid;grid-template-columns:repeat(12,60px);grid-template-rows:repeat(9,60px);transform-style:preserve-3d}.tile{width:60px;height:60px;position:relative;transform-style:preserve-3d;will-change:transform}.tile-face{position:absolute;width:60px;height:60px;background-size:cover;background-position:center;backface-visibility:hidden}.face-front{transform:translateZ(30px)}.face-rear{transform:rotateY(180deg) translateZ(30px)}.face-right{transform:rotateY(90deg) translateZ(30px)}.face-left{transform:rotateY(-90deg) translateZ(30px)}.face-top{transform:rotateX(90deg) translateZ(30px)}.face-bottom{transform:rotateX(-90deg) translateZ(30px)}.site-brand{position:absolute;top:2.5rem;left:3rem;z-index:10}.brand-mark{color:var(--ink);font-size:1.0625rem;font-weight:500;text-transform:uppercase;letter-spacing:.45em}.brand-tag{margin-top:.375rem;color:var(--muted);font-size:.75rem;letter-spacing:.02em}.site-meta{position:absolute;top:2.5rem;right:3rem;z-index:10;color:var(--muted);font-size:.6875rem;text-transform:uppercase;letter-spacing:.22em}.site-hint{position:absolute;bottom:3rem;left:3rem;z-index:10;color:var(--muted);font-size:.6875rem;letter-spacing:.04em;max-width:16rem;line-height:1.6}.project-list{position:absolute;bottom:3rem;right:3rem;display:flex;flex-direction:column;z-index:10}.project-list a{display:flex;justify-content:flex-end;align-items:baseline;gap:.875rem;color:var(--ink);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.9375rem;letter-spacing:.08em;line-height:1.9;text-decoration:none;cursor:pointer;opacity:.45;transition:opacity .3s;text-align:right}.project-list a .idx{color:var(--accent);font-size:.6875rem;letter-spacing:.1em}.project-list a:hover,.project-list a.active{opacity:1}@media(max-width:768px){.project-preview{transform:scale(.66)}.site-brand{top:1.5rem;left:1.25rem}.brand-mark{font-size:.9375rem;letter-spacing:.38em}.brand-tag{font-size:.6875rem;max-width:13rem;line-height:1.5}.site-meta,.site-hint{display:none}.project-list{bottom:1.75rem;right:1.25rem}.project-list a{font-size:.8125rem;line-height:2;gap:.625rem}}@media(max-width:520px){.project-preview{transform:scale(.5)}}