:root{--r8-green:#91ff5a;--r8-black:#060706;--r8-panel:#0e100f;--r8-line:rgba(255,255,255,.16);--r8-gray:#a8aca8}body{background:var(--r8-black);color:#f3f4f1;font-family:Inter,sans-serif}.noise{opacity:.018}.cursor-glow{background:radial-gradient(circle,rgba(145,255,90,.055),transparent 65%)}.topbar{left:0;top:0;bottom:0;width:205px;height:100vh;right:auto;padding:32px 26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background:rgba(6,7,6,.96);border-right:1px solid var(--r8-line);border-bottom:0}.wordmark{font-size:25px}.wordmark span{color:var(--r8-green)}.main-nav{display:flex!important;flex-direction:column;align-items:flex-start;gap:7px;margin-top:80px}.main-nav a{font:500 14px/1.25 Inter,sans-serif;letter-spacing:0;color:#a6aaa5;position:relative}.main-nav a:hover{color:var(--r8-green);padding-left:10px}.main-nav a:hover:before{content:"";position:absolute;width:26px;height:1px;background:var(--r8-green);left:-24px;top:50%}.header-links{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.header-links a{font:600 9px Inter,sans-serif;letter-spacing:.8px;color:#8f948f}.header-links .resume{border:0;padding:0}.theme-toggle{margin-top:14px;background:transparent;border:1px solid var(--r8-line);color:#fff;border-radius:0}.section,.contact{margin-left:205px}.hero{padding:0 4vw;min-height:100vh}.hero video{opacity:.26}.hero-shade{background:linear-gradient(90deg,rgba(6,7,6,.92),rgba(6,7,6,.42) 65%,rgba(6,7,6,.25)),linear-gradient(0deg,#060706,transparent 48%)}.grid{background-size:90px 90px;opacity:.18}.hero-copy{margin-top:0;padding-top:16vh;width:min(980px,78vw)}.eyebrow{color:#b8bcb8}.eyebrow span:first-child,.index{color:var(--r8-green)}.hero h1{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(66px,8.6vw,150px);line-height:.78;letter-spacing:-.07em}.hero h1 em{color:transparent!important;-webkit-text-stroke:1.5px #e7e9e6}.hero-copy>p{font-size:17px;max-width:720px}.game-btn{border:1px solid var(--r8-green);background:transparent;color:white}.game-btn.primary{background:var(--r8-green);color:#071006}.game-btn:hover{border-color:var(--r8-green);box-shadow:none}.stats div{border-color:var(--r8-green)}.steam-badge{border-left-color:var(--r8-green);background:#0c0e0d}.steam-badge small{color:var(--r8-green)}.philosophy,.work,.process,.skills,.documentation,.showcase,.career,.writing{background:var(--r8-black)!important;color:#f0f1ef!important;padding:130px 5vw}.philosophy{grid-template-columns:.45fr 1.6fr}.philosophy-mark{color:transparent;-webkit-text-stroke:1px rgba(145,255,90,.22);font-size:18vw}.philosophy-copy>span{color:var(--r8-green)}.philosophy-copy h2,.section-head h2{font-family:Inter,sans-serif;font-weight:600;letter-spacing:-.06em}.philosophy-copy p,.section-head>p{color:var(--r8-gray)!important}.section-head{border-top:1px solid var(--r8-line);padding-top:28px}.section-head em{color:transparent!important;-webkit-text-stroke:1.2px #dfe2de!important}.mode-switch{border-color:var(--r8-line)}.mode-switch button.active:after{background:var(--r8-green);box-shadow:none}.project-stage{border:1px solid var(--r8-line);background:var(--r8-panel);height:650px}.project-info{background:linear-gradient(145deg,#101310,#090b0a);border-color:var(--r8-line)}.project-meta{color:var(--r8-green)}.project-meta b{color:#f0f1ef}.project-info h3{font-family:Inter,sans-serif;font-weight:650}.project-info li{border-color:var(--r8-line)}.project-actions .store-action{color:var(--r8-green)!important}.progress i{background:var(--r8-green)!important;box-shadow:none!important}.library-head,.download-shelf{border-color:var(--r8-line)}.library-head>span{color:var(--r8-green)}.library-head h3{font-family:Inter,sans-serif;font-weight:600}.library-card{background:#0b0d0c;border:1px solid var(--r8-line);border-radius:0;box-shadow:none}.library-card:hover{border-color:var(--r8-green);box-shadow:none}.library-copy>span{color:var(--r8-green)}.library-copy h4{font-family:Inter,sans-serif}.pipeline{border-color:var(--r8-line)}.pipeline article{border-color:var(--r8-line);background:#090b0a}.pipeline article:hover{background:#111411}.glyph{color:var(--r8-green)}.skill-layout{border:1px solid var(--r8-line);background:#090b0a}.skill-tabs{border-color:var(--r8-line)}.skill-tabs button{color:#aeb2ae;border-color:var(--r8-line);background:#080a09}.skill-tabs button.active{background:var(--r8-green);color:#061005}.skill-tabs button.active span,.skill-tabs button.active small{color:#24421b}.skill-panels{background:#0f1210;color:white}.skill-panels article{background:#0f1210}.skill-panels p{color:#a8aca8}.skill-number{color:rgba(145,255,90,.09)}.skill-chips b,.software-strip div{background:transparent;border-color:var(--r8-line);color:#dfe2df}.software-strip>span{color:var(--r8-green)}.doc-output{background:#0b0d0c;border:1px solid var(--r8-line);border-radius:0}.doc-output span,.source-files span,.writing-grid span{color:var(--r8-green)}.doc-output a{color:var(--r8-green)}.source-files a{background:#0b0d0c;border-color:var(--r8-line);border-radius:0}.source-files a:hover{border-color:var(--r8-green)}.showcase-grid{gap:3px}.showcase figure,.showcase figcaption{border-radius:0}.showcase figcaption{background:var(--r8-green);color:#061005}.timeline{border-color:var(--r8-line)}.timeline article{border-color:var(--r8-line)}.timeline button>span{color:var(--r8-green)}.writing-grid a{background:#090b0a;color:white;border-color:var(--r8-line);border-radius:0}.writing-grid a:hover{background:#101310;border-color:var(--r8-green)}.writing-grid p{color:#a8aca8}.contact{background:#070807}.contact-word{-webkit-text-stroke-color:rgba(145,255,90,.06)}.contact em{color:var(--r8-green)!important;-webkit-text-stroke:0!important}.qr-links a{border-radius:0}.theme-toggle:hover{background:var(--r8-green);color:#061005}@media(max-width:1000px){.topbar{width:100%;height:72px;bottom:auto;right:0;flex-direction:row;align-items:center;padding:0 24px;border-right:0;border-bottom:1px solid var(--r8-line)}.main-nav{display:none!important}.header-links{margin:0 0 0 auto;flex-direction:row;align-items:center}.section,.contact{margin-left:0}.hero-copy{width:90vw}.philosophy,.work,.process,.skills,.documentation,.showcase,.career,.writing{padding:110px 5vw}}@media(max-width:560px){.topbar{padding:0 18px}.header-links a:not(.resume){display:none}.hero{padding:0 20px}.hero-copy{padding-top:20vh}.hero h1{font-size:16vw}.philosophy,.work,.process,.skills,.documentation,.showcase,.career,.writing{padding:90px 20px}.project-stage{height:720px}}
