:root{--bg:#100c18;--surface:#1c1428;--surface-2:#271a37;--ink:#f8f3fa;--muted:#c4bacd;--line:#80639a;--accent:#c894ff;--accent-2:#8a4fc5;--shadow:#050307}body.light{--bg:#f5f0f8;--surface:#fffaff;--surface-2:#e9dcef;--ink:#21152c;--muted:#665574;--line:#896aa1;--accent:#7138a5;--accent-2:#a16bd5;--shadow:#b5a2c1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Space Grotesk",sans-serif;line-height:1.55;transition:background .25s,color .25s}body:before{content:"";position:fixed;inset:0;opacity:.18;pointer-events:none;z-index:10;background-image:linear-gradient(transparent 50%,rgba(255,255,255,.08) 50%);background-size:100% 4px}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo,.eyebrow,h1,h2,h3,.button,.theme-toggle,label,.project-number,.project-state,.status,footer,.scroll-hint{font-family:"Press Start 2P",monospace}.logo{color:var(--ink);font-size:1.3rem;text-decoration:none}.logo span{color:var(--accent)}nav{display:flex;gap:26px}nav a{color:var(--muted);font-size:.88rem;text-decoration:none}nav a:hover{color:var(--accent)}.theme-toggle{border:1px solid var(--line);padding:10px 12px;background:var(--surface);color:var(--ink);font-size:.55rem;cursor:pointer}.theme-toggle span{font-size:1rem;color:var(--accent);vertical-align:middle}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;position:relative;padding:54px 0 100px}.eyebrow{font-size:.6rem;color:var(--accent);letter-spacing:.05em;margin:0 0 18px}h1,h2{font-size:clamp(2.3rem,6.8vw,5.5rem);line-height:1.13;letter-spacing:-.08em;margin:0}h1 em,h2 em{font-style:normal;color:var(--accent)}.hero-text{max-width:560px;font-size:clamp(1.05rem,2vw,1.28rem);color:var(--muted);margin:28px 0}.hero-text strong{color:var(--ink)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:16px 19px;text-decoration:none;font-size:.6rem;cursor:pointer;border:1px solid var(--accent);transition:transform .18s,background .18s}.button:hover{transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--accent-2)}.button--primary{background:var(--accent);color:#1b0e25}.button--ghost{color:var(--ink);background:transparent}.hero-art{height:340px;position:relative;display:grid;place-items:center}.hero-art img{width:160px;height:auto;image-rendering:pixelated;transform:scale(2.5);z-index:2}.pixel-orbit{position:absolute;width:270px;height:270px;border:2px dashed var(--accent-2);transform:rotate(20deg);animation:spin 15s linear infinite}.speech-bubble{position:absolute;z-index:4;top:10px;right:0;background:var(--surface);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--accent-2);font-family:"VT323",monospace;font-size:1.3rem;line-height:1.05;padding:13px 16px}.scroll-hint{position:absolute;bottom:30px;font-size:.5rem;color:var(--muted);letter-spacing:.05em}.scroll-hint span{color:var(--accent);font-size:1rem;margin-left:8px}.section{padding:110px 0}.section-heading{margin-bottom:42px}.dialogue-box{max-width:850px;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--accent-2);padding:26px 30px;background:var(--surface);font-family:"VT323",monospace;font-size:1.55rem;line-height:1.13}.dialogue-box p{margin:0 0 18px}.dialogue-box p:last-child{margin:0}.asterisk{color:var(--accent);font-family:"Press Start 2P"}.info-grid,.skills-grid,.projects-grid,.network-grid{display:grid;gap:18px}.info-grid{grid-template-columns:1.2fr 1fr 1fr;margin-top:48px}.info-card,.skill-panel,.project-card,.network-card{background:var(--surface);border:1px solid var(--line);padding:24px}.card-icon{color:var(--accent);font-size:1.2rem}.info-card h3,.skill-panel h3,.network-card h3{font-size:.66rem;margin:16px 0 14px}.info-card p,.info-card a{font-size:.96rem;margin:4px 0;color:var(--ink);display:block}.muted{color:var(--muted)!important}.status{color:var(--accent);font-size:.54rem;margin-top:17px;display:block}.status i{display:inline-block;width:8px;height:8px;background:#8ee385;margin-right:8px}.skills-section{border-top:1px solid var(--line)}.skills-grid{grid-template-columns:1fr 1fr}.skill-panel ul{list-style:none;margin:0;padding:0}.skill-panel li{border-bottom:1px solid color-mix(in srgb,var(--line),transparent 55%);padding:10px 0;color:var(--ink)}small{color:var(--accent);font-size:.72rem}.experience{margin-top:55px}.timeline-item{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding:25px 0}.timeline-item h3{font-size:.8rem;margin:8px 0}.timeline-item span{font-family:"Press Start 2P";font-size:.5rem;color:var(--accent)}.timeline-item p{color:var(--muted);margin:0}.projects-grid{grid-template-columns:1fr 1fr}.project-card{min-height:355px;position:relative;transition:transform .2s,background .2s}.project-card:hover{transform:translateY(-7px);background:var(--surface-2)}.project-card--featured{border:2px solid var(--accent);box-shadow:7px 7px 0 var(--accent-2)}.project-number{color:var(--accent);font-size:.65rem;margin:0}.project-state{font-size:.48rem;color:var(--muted);position:absolute;right:22px;top:27px}.project-card h3{font-size:1.45rem;color:var(--accent);margin:45px 0 6px}.role{color:var(--ink);font-weight:700}.project-card>p:not(.project-number):not(.project-state):not(.role){color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.tags span{border:1px solid var(--line);font-size:.76rem;padding:5px 8px}.network-section{padding-top:40px}.network-grid{grid-template-columns:1fr 1fr}.network-card{color:var(--ink);text-decoration:none;min-height:185px;position:relative}.network-card:hover{border-color:var(--accent);box-shadow:5px 5px 0 var(--accent-2)}.network-card>span{color:var(--accent);position:absolute;right:22px;font-size:1.5rem}.network-card p{color:var(--muted);max-width:390px}.contact-section{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:85px 0}.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact-wrap>div>p:last-child{color:var(--muted);font-size:1.08rem;max-width:360px}.contact-form{display:grid;gap:20px}.contact-form label{font-size:.55rem;color:var(--accent);display:grid;gap:9px}.contact-form input,.contact-form textarea{font-family:"Space Grotesk",sans-serif;font-size:1rem;background:var(--bg);border:1px solid var(--line);color:var(--ink);padding:14px;resize:vertical}.contact-form textarea{min-height:125px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent)}.susie-float{position:fixed;z-index:9;bottom:20px;right:20px;border:2px solid var(--accent);background:var(--surface);width:74px;height:74px;display:grid;place-items:center;cursor:pointer;box-shadow:4px 4px 0 var(--accent-2);transition:transform .2s}.susie-float:hover{transform:scale(1.14)}.susie-float img{image-rendering:pixelated;transform:scale(1.7)}footer{height:85px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.48rem}.preloader{position:fixed;z-index:100;inset:0;background:#0d0814;display:grid;place-items:center;color:#fff;transition:opacity .65s ease,visibility .65s}.preloader.is-done{opacity:0;visibility:hidden}.loader-window{width:min(430px,calc(100% - 40px));border:3px solid #f8f3fa;background:#1d102d;padding:34px 25px;text-align:center;position:relative;box-shadow:8px 8px 0 #834ab9}.loader-window p{font-family:"Press Start 2P";font-size:.56rem;line-height:1.8}.load-track{height:15px;border:2px solid #fff;padding:2px}.load-track span{height:100%;display:block;width:0;background:#c894ff}.load-value{color:#c894ff}.loader-susie{position:absolute;image-rendering:pixelated;transform:scale(1.7)}.loader-susie--walk{bottom:-34px;left:30px}.loader-susie--rest{top:-27px;right:26px}@keyframes spin{to{transform:rotate(380deg)}}@media(max-width:720px){.container{width:min(100% - 30px,1120px)}.site-header{height:75px}nav{display:none}.theme-toggle{margin-left:auto}.hero{min-height:auto;padding:65px 0 105px;grid-template-columns:1fr}.hero-art{height:245px;margin-top:38px}.hero-art img{transform:scale(2)}.pixel-orbit{width:190px;height:190px}.speech-bubble{top:-13px;font-size:1.1rem}.section{padding:75px 0}.info-grid,.skills-grid,.projects-grid,.network-grid,.contact-wrap{grid-template-columns:1fr}.timeline-item{grid-template-columns:1fr;gap:14px}.project-card{min-height:auto}.contact-wrap{gap:40px}footer{font-size:.42rem;gap:15px}.susie-float{width:60px;height:60px;bottom:15px;right:15px}}