:root{--bg:#141414;--panel:#1b1b1b;--line:#ffffff24;--line-strong:#ffffff47;--white:#f3f2ee;--mid:#8c8c88;--muted:#5c5c58}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400}::selection{background:var(--white);color:var(--bg)}a{color:inherit}.page{max-width:1400px;margin:0 auto}.topnav{letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:22px 28px;font-size:12px;display:flex}.brand{font-weight:600;text-decoration:none}.brand .reg{vertical-align:super;opacity:.6;font-size:9px}.topnav-center{color:var(--mid)}.topnav-link{color:var(--white);border-bottom:1px solid #0000;text-decoration:none}.topnav-link:hover{border-bottom:1px solid var(--white)}.hero{text-align:center;padding:40px 20px 0}.hero-line{text-transform:uppercase;letter-spacing:-.01em;color:var(--mid);font-family:Anton,Archivo Black,sans-serif;font-size:clamp(100px,13vw,1000px);font-weight:1000;line-height:.86}.hero-sub{text-transform:uppercase;letter-spacing:-.01em;color:var(--muted);margin-top:6px;font-family:Anton,Archivo Black,sans-serif;font-size:clamp(30px,6vw,72px);font-weight:400;line-height:.95}.info-bar{letter-spacing:.05em;color:var(--mid);border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;margin:32px 0;padding:16px 28px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.hero>.info-bar{margin:36px 0 0}.info-bar .clock{font-variant-numeric:tabular-nums}.project-block{padding:48px 28px}.frame{border:1px solid var(--line);background:var(--panel);aspect-ratio:16/9;color:var(--white);text-decoration:none;transition:background .2s,border-color .2s;display:block;position:relative}.frame:hover{border-color:var(--line-strong);background:#232323}.frame:hover .frame-view{opacity:1;transform:translateY(0)}.frame:hover .cross{color:var(--white)}.cross{color:var(--mid);font-size:16px;font-weight:300;transition:color .2s;position:absolute}.cross.tl{top:16px;left:16px}.cross.tr{top:16px;right:16px}.cross.bl{bottom:16px;left:16px}.cross.br{bottom:16px;right:16px}.frame-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.frame-title{text-transform:uppercase;color:var(--mid);letter-spacing:.01em;font-family:Anton,Archivo Black,sans-serif;font-size:clamp(22px,3vw,40px)}.frame-sub{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:8px;font-family:JetBrains Mono,monospace;font-size:11px}.frame-view{letter-spacing:.06em;text-transform:uppercase;color:var(--white);opacity:0;font-family:JetBrains Mono,monospace;font-size:11px;transition:opacity .2s,transform .2s;position:absolute;bottom:16px;left:50%;transform:translate(-50%,6px)}.project-meta{grid-template-columns:260px 1fr;gap:24px;margin-top:20px;display:grid}.meta-left{flex-direction:column;gap:4px;display:flex}.meta-name{font-size:14px;font-weight:600}.meta-year{color:var(--mid);align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.meta-year .dot{background:var(--white);border-radius:50%;width:6px;height:6px;display:inline-block}.meta-heading{margin-bottom:8px;font-size:14px;font-weight:600}.meta-desc{color:var(--mid);max-width:560px;margin-bottom:14px;font-size:13px;line-height:1.6}.meta-tech{flex-wrap:wrap;gap:8px;display:flex}.meta-tech span{text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line);color:var(--mid);padding:4px 9px;font-family:JetBrains Mono,monospace;font-size:10px}.footer{text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;padding:22px 28px 40px;font-size:12px;display:flex}.footer-link{border-bottom:1px solid #0000;text-decoration:none}.footer-link:hover{border-bottom:1px solid var(--white)}.footer-center{color:var(--mid);gap:8px;display:flex}.footer-dot{opacity:.5}@media (width<=640px){.project-meta{grid-template-columns:1fr}.topnav-center,.footer-center{display:none}}