:root{--bg:#070608;--panel:#0e0c11;--line:#26212c;--text:#f1eef4;--muted:#77717d;--purple:#4e1481;--purple2:#7024ad}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);background:radial-gradient(circle at 78% -10%,rgba(78,20,129,.16),transparent 32%),var(--bg);font-family:Arial,Helvetica,sans-serif}.shell{width:min(1320px,calc(100% - 48px));margin:auto;min-height:100vh}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.identity{color:var(--text);text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.16em}.identity span{color:var(--purple2);letter-spacing:.05em}.top-meta{color:#5e5863;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.projects-grid{padding:22px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.tile{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:18px}.tile-head{position:relative;z-index:4;display:flex;justify-content:space-between;color:#706976;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.project{text-decoration:none;color:inherit}.lumen{min-height:460px;background:linear-gradient(145deg,#100d13 0%,#0b090d 70%);transition:border-color .2s,transform .2s}.lumen:hover{border-color:#58356d;transform:translateY(-2px)}.state{color:#918899}.state i{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--purple2);box-shadow:0 0 10px var(--purple2)}.lumen-main{position:relative;z-index:3;margin-top:68px;max-width:520px}.lumen-title-row{display:flex;align-items:center;gap:18px}.lumen-title-row h1{margin:0;font-size:62px;font-weight:500;line-height:.9;letter-spacing:-.055em}.projector-icon{position:relative;width:70px;height:44px;flex:0 0 70px}.projector-body{position:absolute;left:0;top:7px;width:48px;height:29px;border:1px solid #70517e}.projector-body:before{content:"";position:absolute;left:7px;top:6px;width:14px;height:14px;border:1px solid #3a3040}.projector-lens{position:absolute;left:48px;top:13px;width:10px;height:17px;border:1px solid #8e4fb3}.projector-rays{position:absolute;left:60px;top:8px;width:10px;height:28px}.projector-rays:before,.projector-rays:after{content:"";position:absolute;left:0;width:10px;height:1px;background:#6d3b87;transform-origin:left center}.projector-rays:before{top:7px;transform:rotate(-25deg)}.projector-rays:after{bottom:7px;transform:rotate(25deg)}.micro{display:block;margin-top:18px;color:#8c5bac;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}.lumen-description{margin:20px 0 0;max-width:500px;color:#8a838e;font-size:14px;line-height:1.6}.lumen-bg{position:absolute;right:-4%;bottom:16%;width:58%;height:42%;opacity:.34}.lumen-bg:before{content:"";position:absolute;left:0;top:43%;width:100%;height:26%;background:linear-gradient(90deg,rgba(78,20,129,.4),rgba(78,20,129,.03));clip-path:polygon(0 46%,100% 0,100% 100%,0 54%)}.lumen-bg span{position:absolute;right:9%;top:0;width:1px;height:100%;background:#552469}.project-open{position:absolute;z-index:4;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;color:#8d4db1;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}.future{background:#0c0a0e}.project-copy{position:absolute;z-index:3;left:18px;right:18px;bottom:17px;display:flex;align-items:flex-end;justify-content:space-between}.project-copy .micro{margin-top:0;margin-bottom:7px;color:#746d78}.project-copy h2{margin:0;font-size:27px;font-weight:500;line-height:.9;letter-spacing:-.045em}.arrow{font-size:22px;color:#8d4db1}.arrow.muted{color:#4f4953}footer{height:72px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#4e4852;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em}@media(max-width:900px){.projects-grid{grid-template-columns:1fr}.lumen{min-height:460px}.lumen-title-row h1{font-size:58px}}@media(max-width:620px){.shell{width:calc(100% - 24px)}.topbar{height:78px}.identity{font-size:11px}.lumen{min-height:430px}.lumen-main{margin-top:52px}.lumen-title-row{gap:15px}.lumen-title-row h1{font-size:48px}.projector-icon{transform:scale(.82);transform-origin:left center;width:62px;flex-basis:62px}.lumen-description{font-size:13px}.tile{min-height:220px}footer{gap:10px;flex-wrap:wrap}}