*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--bg-surface: #111111;--border: #1c1c1c;--text: #e2e2e2;--text-muted: #4a4a4a;--text-dim: #2e2e2e;font-family:Inter,system-ui,sans-serif;font-weight:300;--term-bg: #0d0d0d;--term-titlebar: #1e1e1e;--term-border: #2e2e2e;--term-title-color: #555;--term-shadow: 4px 4px 0 #000;--term-user: #4a6a78;--term-host: #657050;--term-key: #657050;--nav-bg: rgba(10, 10, 10, .88);--nav-border: #1c1c1c}[data-theme=light]{--bg: #f5f5f0;--bg-surface: #eeeee8;--border: #d8d8d0;--text: #151515;--text-muted: #888880;--text-dim: #c8c8c0;--term-bg: #fafaf5;--term-titlebar: #e4e4dc;--term-border: #ccccC4;--term-title-color: #999;--term-shadow: 4px 4px 0 #ccccc4;--term-user: #2e6070;--term-host: #4a6030;--term-key: #4a6030;--nav-bg: rgba(245, 245, 240, .88);--nav-border: #d8d8d0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.dev-banner{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.65rem 1rem;background:#1a1200;border-bottom:1px solid #3a2e00;font-family:Courier New,monospace;font-size:.8rem;letter-spacing:.06em;color:#8a7030}[data-theme=light] .dev-banner{background:#fffbe6;border-bottom-color:#e8d870;color:#7a6010}.dev-banner-dot{width:.45rem;height:.45rem;border-radius:50%;background:#8a7030;animation:banner-pulse 2s ease-in-out infinite;flex-shrink:0}[data-theme=light] .dev-banner-dot{background:#c8a020}@keyframes banner-pulse{0%,to{opacity:1}50%{opacity:.35}}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 3rem;background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--nav-border);transition:background .25s,border-color .25s}.nav-logo{font-family:Courier New,monospace;font-size:.9rem;font-weight:400;letter-spacing:.04em;color:var(--text);cursor:default}.nav-links{display:flex;gap:2.5rem;list-style:none;font-size:.72rem;letter-spacing:.18em;color:var(--text-muted)}.nav-links a{transition:color .18s}.nav-links a:hover{color:var(--text)}.nav-theme-toggle{background:none;border:none;cursor:pointer;font-size:.75rem;color:var(--text-muted);padding:0;line-height:1;transition:color .18s}.nav-theme-toggle:hover{color:var(--text)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center}.hero-inner{display:flex;flex-direction:column;align-items:center;gap:0}.hero-mark{font-size:clamp(3.5rem,11vw,10rem);font-weight:200;letter-spacing:.04em;color:var(--text);line-height:1;margin-bottom:1.1rem}.hero-name{font-size:clamp(.8rem,1.8vw,1rem);font-weight:300;letter-spacing:.55em;color:var(--text);margin-bottom:.6rem}.hero-sub{font-size:.62rem;letter-spacing:.32em;color:var(--text-muted);display:flex;align-items:center;gap:.8rem;margin-bottom:3.5rem}.hero-sub:before,.hero-sub:after{content:"";display:block;width:1.8rem;height:1px;background:var(--text-muted)}.hero-tagline{font-size:.82rem;color:var(--text-muted);letter-spacing:.06em;line-height:1.75;max-width:380px;margin-bottom:2.8rem}.hero-scroll{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;opacity:.3;transition:opacity .18s}.hero-scroll:hover{opacity:.7}.hero-scroll-line{display:block;width:1px;height:3rem;background:var(--text);animation:scroll-hint 1.8s ease-in-out infinite;transform-origin:top}@keyframes scroll-hint{0%{transform:scaleY(0);opacity:0}40%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.hero-cta{display:flex;gap:.9rem;flex-wrap:wrap;justify-content:center}.btn{display:inline-flex;align-items:center;padding:.6rem 1.6rem;font-size:.7rem;letter-spacing:.18em;font-weight:400;font-family:inherit;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;transition:color .18s,border-color .18s,background .18s}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn-primary:hover{background:transparent;color:var(--text);border-color:var(--text)}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.section-label{font-size:.6rem;letter-spacing:.35em;color:var(--text-muted);text-transform:uppercase;margin-bottom:2.5rem}.about{padding:8rem 2rem;max-width:760px;margin:0 auto;border-top:1px solid var(--border)}.about-text{font-size:1.05rem;font-weight:300;line-height:1.85;color:var(--text)}.about-text p+p{margin-top:1.5rem}.about-text strong{font-weight:400;color:var(--text)}.services{padding:8rem 2rem;max-width:760px;margin:0 auto;border-top:1px solid var(--border)}.term-window{margin-top:3rem;border:1px solid var(--term-border);border-radius:2px;overflow:hidden;box-shadow:var(--term-shadow);transition:border-color .25s,box-shadow .25s}.term-titlebar{background:var(--term-titlebar);border-bottom:1px solid var(--term-border);padding:.4rem .75rem;display:flex;align-items:center;justify-content:center;transition:background .25s}.term-title{font-family:Courier New,monospace;font-size:.72rem;color:var(--term-title-color);letter-spacing:.06em}.term-body{background:var(--term-bg);padding:1.25rem 1.5rem 1.75rem;display:flex;flex-direction:column;gap:.15rem;font-family:Courier New,monospace;font-size:.88rem;transition:background .25s}.term-prompt{display:flex;align-items:baseline;gap:0;line-height:1.8}.term-prompt--last{margin-top:.5rem}.term-user{color:var(--term-user)}.term-at{color:var(--text-muted)}.term-host{color:var(--term-host)}.term-sep{color:var(--text-muted)}.term-cmd{color:var(--text)}.term-output{display:flex;flex-direction:column;gap:.1rem;padding:.25rem 0 .25rem 1.2rem;margin-bottom:.15rem}.term-row{display:flex;gap:1.5rem;line-height:1.8}.term-key{color:var(--term-key);min-width:10ch}.term-val{color:var(--text)}.term-list{list-style:none;display:flex;flex-direction:column;gap:.1rem;padding-left:0}.term-link{display:flex;gap:1.5rem;line-height:1.8;transition:color .18s}.term-link:hover .term-svc-name{color:#4a6a78;text-decoration:underline}.term-svc-name{min-width:12ch;color:var(--text)}.term-svc-url{color:var(--text-muted)}.term-cursor{display:inline-block;width:.55em;height:.95em;background:var(--text);vertical-align:text-bottom;animation:blink 1.1s step-end infinite}@keyframes blink{50%{opacity:0}}.principles{padding:8rem 2rem;max-width:1080px;margin:0 auto;border-top:1px solid var(--border)}.principles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:3rem 4rem;margin-top:3rem}.principle-title{font-size:.78rem;font-weight:400;letter-spacing:.12em;color:var(--text);margin-bottom:.75rem}.principle-body{font-size:.78rem;font-weight:300;line-height:1.75;color:var(--text-muted)}.stack{padding:8rem 2rem;max-width:760px;margin:0 auto;border-top:1px solid var(--border)}.stack-list{list-style:none;margin-top:3rem;display:flex;flex-direction:column}.stack-item{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:1rem 0;border-bottom:1px solid var(--border)}.stack-item:first-child{border-top:1px solid var(--border)}.stack-name{font-family:Courier New,monospace;font-size:.82rem;color:var(--text)}.stack-role{font-size:.72rem;letter-spacing:.08em;color:var(--text-muted);text-align:right}.projects{padding:8rem 2rem;max-width:1080px;margin:0 auto;border-top:1px solid var(--border)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1px;background:var(--border);margin-top:3rem}.project-card{background:var(--bg);padding:2rem;display:flex;flex-direction:column;gap:.8rem;transition:background .18s}.project-card:hover{background:var(--bg-surface)}.project-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:top left;display:block;border-bottom:1px solid var(--border);filter:saturate(.8);cursor:zoom-in;transition:filter .18s}.project-card:hover .project-image{filter:saturate(1)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out;animation:lightbox-in .18s ease}.lightbox-inner{display:flex;flex-direction:column;align-items:center;max-width:min(90vw,1200px);cursor:default}.lightbox-img{width:100%;max-height:80vh;object-fit:contain;box-shadow:0 0 80px #000c;display:block}.lightbox-desc{margin-top:1rem;font-size:.78rem;font-weight:300;color:#888;letter-spacing:.05em;line-height:1.6;text-align:center}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.project-name{font-family:Courier New,monospace;font-size:.85rem;font-weight:400;color:var(--text)}.project-desc{font-size:.78rem;color:var(--text-muted);line-height:1.65;flex:1}.project-tags{display:flex;gap:.4rem;flex-wrap:wrap}.project-tag{font-size:.6rem;letter-spacing:.1em;color:var(--text-muted);border:1px solid var(--border);padding:.15rem .5rem}.project-link{font-size:.68rem;letter-spacing:.12em;color:var(--text-muted);border-bottom:1px solid transparent;align-self:flex-start;transition:color .18s,border-color .18s}.project-link:hover{color:var(--text);border-bottom-color:var(--text-muted)}.footer{border-top:1px solid var(--border);padding:1.8rem 3rem;display:flex;align-items:center;justify-content:space-between;font-size:.68rem;letter-spacing:.12em;color:var(--text-muted)}.footer-links{display:flex;gap:1.8rem;list-style:none}.footer-links a{transition:color .18s}.footer-links a:hover{color:var(--text)}.contact{padding:8rem 2rem;max-width:760px;margin:0 auto;border-top:1px solid var(--border)}.contact-email{font-size:1.05rem;font-weight:300;color:var(--text);border-bottom:1px solid var(--border);transition:color .18s,border-color .18s;align-self:flex-start}.contact-email:hover{color:var(--text);border-bottom-color:var(--text-muted)}.konami-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#0a0a0af5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .4s}.konami-overlay--visible{opacity:1;pointer-events:auto}.konami-inner{display:flex;flex-direction:column;align-items:center;gap:1.2rem;font-family:Courier New,monospace;width:100%;max-width:520px;padding:0 1rem}.konami-hud{display:flex;gap:1.5rem;width:100%}.konami-hud-player{flex:1;display:flex;flex-direction:column;gap:.3rem}.konami-hud-player--right{align-items:flex-end}.konami-hud-name{font-size:.65rem;letter-spacing:.2em;color:#888}.konami-hud-bar{width:100%;height:6px;background:#1a1a1a;border:1px solid #333;overflow:hidden}.konami-hud-fill{height:100%}.konami-hud-fill--p1{width:100%;background:#5a9e6f}.konami-hud-fill--p2{width:12%;background:#c05555}.konami-fighters{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%}.konami-fighter-art{font-family:Courier New,monospace;font-size:.82rem;color:#aaa;line-height:1.7;text-align:center}.konami-round{font-size:.58rem;letter-spacing:.2em;color:#555;white-space:nowrap}.konami-fight-art{font-size:.62rem;line-height:1.5;color:#e2e2e2;white-space:pre;text-align:left;animation:konami-pulse .7s ease-in-out infinite alternate}.konami-sub{font-size:.62rem;letter-spacing:.12em;color:#4a4a4a;text-align:center}@keyframes konami-pulse{0%{opacity:.5}to{opacity:1}}.doom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;background:#080000f5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s}.doom-overlay--visible{opacity:1;pointer-events:auto}.doom-inner{display:flex;flex-direction:column;align-items:center;gap:1rem;font-family:Courier New,monospace}.doom-wmb{font-size:.9rem;line-height:1.4;color:#c05555;text-align:center;letter-spacing:.05em}.doom-msg{font-size:.7rem;letter-spacing:.5em;color:#c05555}.doom-creed{font-size:.62rem;letter-spacing:.2em;color:#6a2222}.doom-stats{display:flex;gap:2rem;margin-top:.25rem}.doom-stat{font-size:.65rem;letter-spacing:.1em;color:#c05555}.doom-stat-label{color:#6a2222;margin-right:.4rem}@keyframes doom-flicker{0%,95%{opacity:1}96%{opacity:.85}to{opacity:1}}@media (min-width: 2560px){:root{font-size:24px}.about,.stack,.services,.contact{max-width:1300px}.principles,.projects{max-width:1900px}.nav{padding:1.8rem 5rem}.term-cursor{height:1.2rem}}@media (min-width: 3840px){:root{font-size:28px}.about,.stack,.services,.contact{max-width:1500px}.principles,.projects{max-width:2200px}.nav{padding:2rem 6rem}.term-cursor{height:1.4rem}}.nav-hamburger{display:none;background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-muted);padding:0;line-height:1;transition:color .18s}.nav-hamburger:hover{color:var(--text)}@media (max-width: 640px){.nav{padding:1.1rem 1.25rem;flex-wrap:wrap;position:relative}.nav-hamburger{display:block}.nav-links{display:none;width:100%;flex-direction:column;gap:0;padding:.5rem 0 1rem;border-top:1px solid var(--border);margin-top:.75rem}.nav-links--open{display:flex}.nav-links li{padding:.6rem 0;border-bottom:1px solid var(--border)}.nav-links li:last-child{border-bottom:none}.nav-links a,.nav-theme-toggle{font-size:.8rem;letter-spacing:.15em}.about,.principles,.stack,.services,.projects,.contact{padding:5rem 1.25rem}.principles-grid{grid-template-columns:1fr;gap:2rem}.stack-item{flex-direction:column;gap:.25rem}.stack-role{text-align:left}.term-body{padding:1rem;font-size:.78rem;overflow-x:auto}.term-svc-url{display:none}.project-card{padding:1.25rem}.projects-grid{grid-template-columns:1fr}.lightbox{padding:1rem}.lightbox-desc{font-size:.72rem}.footer{padding:1.5rem 1.25rem;flex-direction:column;gap:1rem;text-align:center}}