:root{--bg:#0d1017;--bg-alt:#131824;--card:#1a2130;--text:#e8eaf0;--muted:#9aa3b5;--accent:#f92672;--accent-2:#4cc2e0;--border:#263047}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.65}h1,h2,h3{font-weight:700;line-height:1.2}h2{color:var(--accent);margin-bottom:1rem;font-size:1.7rem}h3{margin-bottom:.25rem;font-size:1.15rem}p{color:var(--text);margin-bottom:1rem}a{color:var(--accent-2)}a:hover{color:var(--accent)}.hero{text-align:center;background:radial-gradient(ellipse at 50% -20%, #22304d 0%, var(--bg) 60%);border-bottom:1px solid var(--border);flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:3rem 1.5rem;display:flex}.hero-kicker{text-transform:uppercase;letter-spacing:.25em;color:var(--muted);margin-bottom:.75rem;font-size:.8rem}.hero h1{background:linear-gradient(90deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:clamp(2.4rem,7vw,4.2rem)}.hero-sub{color:var(--muted);margin-bottom:1.75rem;font-size:1.1rem}.socials{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.socials a{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:.55rem 1.2rem;font-size:1.08rem;text-decoration:none;transition:border-color .2s,color .2s,transform .2s}.socials a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.section{max-width:780px;margin:0 auto;padding:4rem 1.5rem}.section-alt{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-width:none}.section-alt>*{max-width:780px;margin-left:auto;margin-right:auto}.section-alt>h2{display:block}.btn{background:var(--accent);color:#131313;border-radius:8px;padding:.7rem 1.5rem;font-weight:600;text-decoration:none;transition:filter .2s,transform .2s;display:inline-block}.btn:hover{filter:brightness(1.1);color:#131313;transform:translateY(-2px)}.comic-blurb{border-left:3px solid var(--accent);color:var(--muted);padding-left:1.25rem;font-style:italic}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.card{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:1.25rem;text-decoration:none;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--accent);transform:translateY(-3px)}.card p{color:var(--muted);margin:0}.footer{text-align:center;border-top:1px solid var(--border);color:var(--muted);padding:2rem 1.5rem;font-size:.9rem}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.portfolio-item{background:var(--card);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--text);font:inherit;border-radius:12px;padding:0;transition:border-color .2s,transform .2s;overflow:hidden}.portfolio-item:hover{border-color:var(--accent);transform:translateY(-3px)}.portfolio-item img{aspect-ratio:1;object-fit:cover;background:#0a0d13;width:100%;display:block}.portfolio-item span{color:var(--muted);padding:.6rem .8rem;font-size:.85rem;display:block}.lightbox{z-index:100;background:#05070aeb;flex-direction:column;justify-content:center;align-items:center;padding:2rem;animation:.22s ease-out lightbox-in;display:flex;position:fixed;inset:0}.lightbox.closing{animation:.2s ease-in forwards lightbox-out}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-out{0%{opacity:1}to{opacity:0}}.lightbox img{border-radius:8px;max-width:min(1100px,92vw);max-height:80vh;box-shadow:0 10px 60px #0009}.lightbox-caption{color:var(--text);margin-top:.9rem}.lightbox-caption span{color:var(--muted);font-size:.85rem}.lightbox-close{color:var(--text);cursor:pointer;background:0 0;border:none;font-size:2.2rem;position:absolute;top:1rem;right:1.4rem}.lightbox-close:hover{color:var(--accent)}.hero{background-position:50%;background-size:cover;position:relative}.hero:before{content:"";background:linear-gradient(#0d10178c 0%,#0d1017d9 100%);position:absolute;inset:0}.hero-inner,.hero-sig{z-index:1;position:relative}.hero-sig{filter:drop-shadow(0 2px 8px #00000080);width:220px;margin:0 auto 1.5rem;display:block}.footer-sig{opacity:.9;width:160px;margin-bottom:.75rem}.contact-form{gap:1rem;max-width:520px;margin-top:1.25rem;display:grid}.contact-form label{color:var(--muted);gap:.35rem;font-size:.9rem;display:grid}.contact-form input,.contact-form textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;border-radius:8px;padding:.6rem .75rem}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none}.contact-form .btn{cursor:pointer;border:none;justify-self:start}.contact-form .btn:disabled{opacity:.6;transform:none}.form-success{color:var(--accent-2);font-weight:600}.contact-alt{color:var(--muted);margin-top:1rem;font-size:.9rem}.section-alt>.btn{margin-left:max(1.5rem,50% - 390px);margin-right:auto}