html,body{background-color:#0f0f0f;margin:0;padding:0;height:100%;width:100%;overflow-x:auto;overflow-y:auto}html{scroll-behavior:smooth}#screen{position:relative;width:100vw;background-color:#1a1b26;overflow-x:hidden}#screen:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(122,162,247,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(122,162,247,.08) 1px,transparent 1px);background-size:52px 52px;pointer-events:none;z-index:0;animation:gridDrift 8s linear infinite}#screen:after{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.1) 3px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:10}@keyframes gridDrift{0%{background-position:0 0}to{background-position:52px 52px}}#screen,#screen *{font-family:VT323,monospace;color:#7aa2f7;text-shadow:1px 1px .2px rgb(30,50,110),0 0 1em rgb(30,50,110),0 0 1em rgb(30,50,110)}#topnav{position:fixed;top:0;width:100vw;height:56px;padding:0 40px;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#1a1b26cc;border-bottom:1px solid rgba(122,162,247,.15);display:flex;align-items:center;box-sizing:border-box}#nav-logo{font-size:1.25rem;font-style:italic;text-decoration:none;letter-spacing:.03em;margin-right:auto;display:flex;align-items:center}#nav-logo:hover{color:#c0caf5}#topnav ul{list-style:none;margin:0;padding:0;display:flex;gap:8px}#topnav ul li a{display:block;padding:6px 16px;text-decoration:none;font-size:1rem;letter-spacing:.06em;position:relative;transition:color .15s ease}#topnav ul li a:after{content:"";position:absolute;bottom:2px;left:16px;right:16px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease;box-shadow:0 0 6px currentColor}#topnav ul li a:hover{color:#c0caf5}#topnav ul li a:hover:after{transform:scaleX(1)}.cursor{display:inline-block;width:.55em;height:1em;background:#7aa2f7;vertical-align:middle;margin-left:2px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}section{position:relative;z-index:2;min-height:100vh;scroll-margin-top:56px;display:flex;align-items:flex-start}#about{justify-content:center;gap:60px;padding:0 60px;box-sizing:border-box}#welcome{max-width:520px;flex-shrink:0;padding:110px 0 60px;box-sizing:border-box}#photo-placeholder{width:clamp(240px,26vw,380px);min-width:clamp(240px,26vw,380px);aspect-ratio:3 / 4;border:1px dashed rgba(122,162,247,.3);display:flex;align-items:center;justify-content:center;background:#0003;font-size:.78rem;letter-spacing:.14em;opacity:.5;margin-top:110px;flex-shrink:0;overflow:hidden}#photo-placeholder img{width:100%;height:100%;object-fit:cover;opacity:1}#terminal-output{font-size:1.1rem;line-height:1.65}#welcome .term-cmd{color:#c0caf5;font-size:1.4rem;font-style:italic;margin-top:1.4rem;margin-bottom:.2rem}#welcome .term-cmd:first-child{margin-top:0}#welcome .term-text{color:#7aa2f7}#welcome .term-blank{height:.4rem}#welcome .term-skip{margin-top:1.5rem;font-size:.85rem;opacity:.4;letter-spacing:.08em}.section-heading{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem}.section-heading:after{content:"";flex:1;height:1px;background:linear-gradient(to right,rgba(122,162,247,.35),transparent);box-shadow:0 0 8px #7aa2f726}.section-heading h2{margin:0;font-size:1.5rem;font-style:italic;white-space:nowrap}#projects{align-items:flex-start}#projects-inner{padding:100px 60px 120px;width:100%;box-sizing:border-box}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.project-card{position:relative;background:#1a1b26cc;border:1px solid rgba(122,162,247,.2);padding:1.5rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:border-color .2s ease,box-shadow .2s ease}.project-card:after{content:">_";position:absolute;top:1rem;right:1.25rem;font-size:.8rem;opacity:0;transition:opacity .2s ease;pointer-events:none}.project-card:hover{border-color:#7aa2f799;box-shadow:0 0 28px #7aa2f714}.project-card:hover:after{opacity:.35}.card-preview{width:100%;aspect-ratio:16 / 9;border:1px dashed rgba(122,162,247,.3);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;background:#0003;font-size:.78rem;letter-spacing:.14em;opacity:.5;overflow:hidden}.card-preview img,.card-preview video{width:100%;height:100%;object-fit:cover;opacity:1}.project-card h3{margin:0 0 .65rem;font-size:1.2rem;font-style:italic;color:#c0caf5}.project-card p{margin:0 0 1rem;font-size:1rem;line-height:1.5;opacity:.78}.tech-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem}.tech-tag{padding:2px 9px;border:1px solid rgba(122,162,247,.35);font-size:.82rem;letter-spacing:.03em}.project-links a{text-decoration:none;font-size:.9rem;padding:4px 14px;border:1px solid rgba(122,162,247,.35);display:inline-flex;align-items:center;gap:.4rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.project-links a:hover{background:#7aa2f714;border-color:#7aa2f7a6;color:#c0caf5}#footer{position:fixed;bottom:0;left:0;width:100vw;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 40px;border-top:1px solid rgba(122,162,247,.15);background:#1a1b26cc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box}#footer-copy{font-size:.95rem;opacity:.5;letter-spacing:.05em}#footer-links{display:flex;gap:20px;align-items:center}#footer-links a{font-size:1.4rem;text-decoration:none;transition:transform .2s ease,color .2s ease;display:block;line-height:1}#footer-links a:hover{transform:scale(1.2);color:#c0caf5}@media (max-width: 768px){#topnav{padding:0 20px}#nav-logo{font-size:1.1rem}#about{padding:0 24px;gap:0}#welcome{padding:90px 0 40px}#photo-placeholder{display:none}#projects-inner{padding:60px 24px 120px}.project-grid{grid-template-columns:1fr}#footer{padding:12px 24px}}.noselect{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}