@import "https://fonts.googleapis.com/css2?family=VT323&display=swap";:root{--green-dark:#001d08;--button-black:#050605;--button-deep:#090b09;--button-surface:#111411;--button-mid:#171b17;--button-edge:#292e29;--button-highlight:#303630;--button-shadow:#000;--button-icon:#7d877d;--title-size:clamp(17px, 1.9vw, 27px);--menu-size:clamp(13px, 1.4vw, 21px);--small-nav-size:clamp(9px, 1vw, 14px)}html,body{background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{font-family:VT323,monospace}*{box-sizing:border-box}button{font:inherit}.portfolio{isolation:isolate;background:#000;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.ambient{pointer-events:none;z-index:0;opacity:1;filter:blur(42px);width:110%;height:110%;transition:background .9s,opacity .9s;position:absolute;inset:-5%;transform:scale(1.04)}.glow-menu{background:radial-gradient(78% 66% at 39% 30%,#007d2242 0%,#00691d36 24%,#004e1524 43%,#00300d13 61%,#00160606 75%,#0000 88%),radial-gradient(45% 36% at 47% 47%,#00ff4624 0%,#00dc3718 23%,#00a5260e 45%,#005a1405 65%,#0000 82%),linear-gradient(#001e0833 0%,#00120517 40%,#00050185 68%,#000 100%)}.glow-about{background:radial-gradient(78% 66% at 39% 30%,#0078213d 0%,#00641b30 24%,#00491421 43%,#002c0c11 61%,#00140506 75%,#0000 88%),radial-gradient(45% 36% at 47% 47%,#00f54121 0%,#00d23216 23%,#009b230d 45%,#00551305 65%,#0000 82%),linear-gradient(#001c072e 0%,#00100414 40%,#0005018a 68%,#000 100%)}.glow-projects{background:radial-gradient(78% 66% at 39% 30%,#00842447 0%,#006c1e38 24%,#00501625 43%,#00310d13 61%,#00160606 75%,#0000 88%),radial-gradient(45% 36% at 47% 47%,#00ff4826 0%,#00dc371a 23%,#00a5260f 45%,#005a1406 65%,#0000 82%),linear-gradient(#001f0836 0%,#00120517 40%,#00050182 68%,#000 100%)}.glow-experience{background:radial-gradient(78% 66% at 39% 30%,#007b2240 0%,#00671c33 24%,#004c1522 43%,#002e0c12 61%,#00150606 75%,#0000 88%),radial-gradient(45% 36% at 47% 47%,#00fa4222 0%,#00d73317 23%,#00a0240d 45%,#00581405 65%,#0000 82%),linear-gradient(#001d0830 0%,#00110414 40%,#00050187 68%,#000 100%)}.glow-contact{background:radial-gradient(78% 66% at 39% 30%,#00802342 0%,#006a1d36 24%,#004e1524 43%,#002f0d13 61%,#00160606 75%,#0000 88%),radial-gradient(45% 36% at 47% 47%,#00ff4b25 0%,#00dc3718 23%,#00a5260e 45%,#005a1405 65%,#0000 82%),linear-gradient(#001e0833 0%,#00120514 40%,#00050185 68%,#000 100%)}.tv{z-index:2;width:min(38vw,590px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tv-image{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.tv-screen{z-index:3;clip-path:polygon(4.5% 3%,95.5% 3%,96% 95%,93% 98%,7% 98%,4% 95%);background:0 0;width:64%;height:40%;position:absolute;top:14.2%;left:14.25%;overflow:hidden}.screen-content{width:100%;height:100%;min-height:0;color:var(--green-dark);text-shadow:0 0 .1em #001405b3,0 0 .2em #001e051a;scrollbar-width:none;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:8% 10%;animation:.14s infinite alternate flicker;position:relative;overflow:hidden auto}.screen-content::-webkit-scrollbar{display:none}.menu-screen{width:100%;min-height:100%}.menu-screen h1{font-size:var(--title-size);letter-spacing:.045em;white-space:nowrap;margin:0 0 5%;font-weight:400;line-height:.9}.cursor{animation:.8s step-end infinite blink}.menu{flex-direction:column;gap:1.5%;display:flex}.menu-item{font-size:var(--menu-size);letter-spacing:.02em;white-space:nowrap;align-items:center;line-height:.85;display:flex}.pointer{visibility:hidden;flex:0 0 .9em;width:.9em}.menu-item.selected .pointer,.contact-item.selected .pointer,.project-link.selected .pointer{visibility:visible}.page{flex-direction:column;width:100%;min-height:100%;padding-bottom:2%;display:flex;position:relative;overflow:visible}.page-nav{width:100%;font-size:var(--small-nav-size);letter-spacing:.02em;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:4%;line-height:.8;display:flex}.next{white-space:nowrap;align-items:center;gap:.08em;display:flex}.chevron{font-family:Arial,sans-serif;font-size:1.35em;line-height:.5;transform:translateY(-.02em)}.page-title{width:100%;font-size:var(--title-size);letter-spacing:.04em;white-space:nowrap;margin-bottom:3%;font-weight:400;line-height:.9;overflow:visible}.copy{letter-spacing:.015em;overflow-wrap:anywhere;width:100%;max-width:100%;font-size:clamp(10px,1.05vw,15px);line-height:.82}.copy div{margin-bottom:1.4%}.about-copy{line-height:.82}.gap{height:.25em}.stack{letter-spacing:.01em;white-space:normal;overflow-wrap:anywhere;width:100%;margin-bottom:5%;font-size:clamp(7px,.8vw,12px);line-height:.82}.project-links{flex-direction:column;gap:1.8%;margin-bottom:5%;display:flex}.project-link{width:fit-content;font-size:var(--menu-size);letter-spacing:.02em;white-space:nowrap;align-items:center;line-height:.82;display:flex}.project-link .pointer{visibility:hidden;flex:0 0 .9em;width:.9em}.project-link.selected .pointer{visibility:visible}.project-copy{letter-spacing:.01em;font-size:clamp(9px,1vw,14px);line-height:.81}.project-copy div{margin-bottom:1.4%}.project-footer{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;margin-top:4%;padding-top:2%;padding-bottom:2%;font-size:clamp(8px,.9vw,12px);line-height:.8;display:flex}.experience-copy{letter-spacing:.01em;font-size:clamp(9px,1vw,14px);line-height:.81}.experience-copy div{margin-bottom:1.4%}.contact-copy{width:100%}.contact-email{letter-spacing:.015em;font-size:clamp(11px,1.15vw,16px);line-height:.82}.contact-menu{flex-direction:column;gap:1.8%;margin-top:4%;display:flex}.contact-item{font-size:var(--menu-size);letter-spacing:.02em;white-space:nowrap;align-items:center;line-height:.82;display:flex}.contact-item .pointer{visibility:hidden;flex:0 0 .9em;width:.9em}.contact-item.selected .pointer{visibility:visible}.footer{letter-spacing:.01em;flex-shrink:0;margin-top:auto;padding-top:2%;font-size:clamp(7px,.8vw,11px);line-height:.9}.tv-controls{z-index:10;background:linear-gradient(#151815 0%,#0c0e0c 48%,#060706 100%);border:1px solid #242924;border-radius:9px;justify-content:center;align-items:center;gap:clamp(5px,.55vw,9px);padding:6px;display:flex;position:fixed;bottom:clamp(10px,2.4vh,25px);left:50%;transform:translate(-50%);box-shadow:0 2px #000,0 7px 20px #000000e6,inset 0 1px #ffffff0d,inset 0 -2px 4px #000000d1}.tv-button{color:var(--button-icon);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:linear-gradient(145deg,#202420 0%,#141714 35%,#080a08 100%);border:1px solid #292e29;flex:none;justify-content:center;align-items:center;transition:transform 70ms,box-shadow 70ms,filter .12s;display:flex;position:relative;box-shadow:0 3px #020302,0 5px 8px #000000e6,inset 0 1px 1px #ffffff13,inset 0 -2px 3px #000000d1}.tv-button:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #ffffff0a;position:absolute;inset:2px}.tv-button:hover{filter:brightness(1.12);color:#929c92}.tv-button:active{transform:translateY(2px);box-shadow:0 1px #000,0 2px 4px #000c,inset 0 2px 4px #000000bf}.tv-button:focus-visible{outline-offset:3px;outline:1px solid #00ff46a6}.icon-button{border-radius:50%;width:clamp(31px,3vw,40px);height:clamp(31px,3vw,40px)}.esc-button,.enter-button{color:#7d867d;width:clamp(40px,3.6vw,51px);height:clamp(31px,3vw,40px);font-family:VT323,monospace;font-size:var(--small-nav-size);letter-spacing:.04em;text-shadow:0 1px #000;border-radius:5px}.enter-button{margin-left:2px}.arrow{filter:drop-shadow(0 1px #ffffff14);width:0;height:0;display:block;position:relative}.arrow-up{border-left:6px solid #0000;border-right:6px solid #0000;border-bottom:9px solid var(--button-icon)}.arrow-down{border-left:6px solid #0000;border-right:6px solid #0000;border-top:9px solid var(--button-icon)}.arrow-left{border-top:6px solid #0000;border-bottom:6px solid #0000;border-right:9px solid var(--button-icon)}.arrow-right{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:9px solid var(--button-icon)}@keyframes blink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes flicker{0%{opacity:.985}to{opacity:1}}@media (width<=700px){.tv{width:82vw;top:43%}.ambient{filter:blur(28px);transform:scale(1.08)}.glow-menu,.glow-about,.glow-projects,.glow-experience,.glow-contact{background:radial-gradient(105% 62% at 40% 30%,#00731f33 0%,#0050161f 38%,#0023090b 62%,#0000 84%),radial-gradient(68% 40% at 50% 47%,#00ff411c 0%,#00a0230d 45%,#0000 78%),linear-gradient(#00140526 0%,#000000b8 72%,#000 100%)}.tv-screen{height:36.5%;top:14.2%}.screen-content{text-shadow:0 0 .07em #00140594;padding:8% 10%;animation-duration:.22s}.menu-screen h1{font-size:var(--title-size);margin-bottom:5%}.menu-item{font-size:3.5vw}.page-nav{margin-bottom:4%;font-size:3vw}.page-title{font-size:var(--title-size);white-space:nowrap;margin-bottom:3%;line-height:.9;overflow:visible}.stack{margin-bottom:5%;font-size:2.5vw}.project-links{gap:1.8%;margin-bottom:5%}.project-link,.contact-item{font-size:3.5vw}.copy,.project-copy,.experience-copy{font-size:3.2vw}.contact-email{font-size:3.5vw}.project-footer{margin-top:4%;padding-top:2%;padding-bottom:2%}.footer{padding-top:2%;font-size:2.7vw}.tv-controls{bottom:max(8px, env(safe-area-inset-bottom));gap:4px;padding:5px 7px}.icon-button{width:34px;height:34px}.esc-button,.enter-button{width:42px;height:34px;font-size:12px}}@media (height<=650px) and (width<=700px){.tv{width:70vw;top:40%}.tv-controls{transform-origin:bottom;transform:translate(-50%)scale(.88)}}