*{margin:0;padding:0;box-sizing:border-box}:root{--pipboy-yellow: #ffb642;--pipboy-glow: #ffb642;--pipboy-dim: #b8860b;--bg-black: #0a0a0a;--bg-dark: #121212;--font-mono: "Share Tech Mono", monospace;--font-terminal: "VT323", monospace}body{font-family:var(--font-mono);background-color:var(--bg-black);color:var(--pipboy-yellow);overflow:hidden;height:100vh;width:100vw;position:relative;display:flex;justify-content:center;align-items:center}.portrait-warning{display:none}@media only screen and (max-width:1024px)and (orientation:portrait){.portrait-warning{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-black);z-index:10000;justify-content:center;align-items:center;text-align:center}.portrait-warning-content{padding:40px;max-width:400px}.rotate-icon{font-size:120px;color:var(--pipboy-yellow);margin-bottom:30px;animation:rotate-pulse 2s ease-in-out infinite}@keyframes rotate-pulse{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(90deg) scale(1.1)}}.portrait-warning h2{font-family:var(--font-terminal);font-size:32px;color:var(--pipboy-yellow);margin-bottom:20px;text-shadow:0 0 10px var(--pipboy-yellow)}.portrait-warning p{font-family:var(--font-mono);font-size:18px;color:var(--pipboy-yellow);opacity:.8}}.monitor-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:url(/Overlay/ComputerOverlay.webp) no-repeat center center;background-size:100% 100%;z-index:1000;pointer-events:none}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:900;opacity:.6}body:after{content:" ";display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:#1210101a;opacity:0;z-index:900;pointer-events:none;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.05}50%{opacity:.1}to{opacity:.05}}#boot-screen{position:fixed;top:15%;left:15%;width:70%;height:70%;z-index:150;font-family:var(--font-mono);color:var(--pipboy-yellow);font-size:24px;line-height:1.5;text-shadow:0 0 2px var(--pipboy-yellow);white-space:pre-wrap;overflow:hidden;padding:20px;display:block}.terminal-container{width:1600px;height:1020px;display:grid;grid-template-columns:300px 1fr 300px;grid-template-rows:auto auto 1fr;grid-template-areas:"left header right" "left tabs right" "left main right";gap:30px;position:absolute;z-index:100;overflow:hidden;background:radial-gradient(circle,#2a2a2a,#000);box-shadow:inset 0 0 100px #000000e6,0 0 50px #ffb6421a;padding:50px 30px 30px;border:none;border-radius:30px;text-shadow:0 0 1px var(--pipboy-yellow);top:50%;left:50%;transform:translate(-50%,-46%);transform-origin:center center}.terminal-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:50;opacity:.4}.portfolio-header{grid-area:header;text-align:center;font-family:var(--font-terminal);font-size:56px;color:var(--pipboy-yellow);text-shadow:0 0 5px var(--pipboy-yellow);padding-bottom:15px;margin-bottom:10px;letter-spacing:4px}.left-sidebar{grid-area:left}.right-sidebar{grid-area:right}.document-tabs-row{grid-area:tabs}.content-area{grid-area:main}.left-sidebar{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-y:auto;scrollbar-width:none;position:relative}.right-sidebar{display:flex;flex-direction:column;justify-content:center;gap:30px;overflow-y:auto;scrollbar-width:none;position:relative}.profile-section{padding:20px;background:transparent;position:relative;width:100%}.tab-section{padding:20px;background:transparent;position:relative}.profile-image-container{margin-bottom:20px;filter:sepia(100%) hue-rotate(-30deg) saturate(300%) contrast(1.2) blur(.5px);border:2px solid rgba(255,182,66,.5);border-radius:8px;overflow:hidden}.profile-image{width:100%;display:block;opacity:.9;border-radius:6px}.profile-name{font-family:var(--font-terminal);font-size:32px;color:var(--pipboy-yellow);text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;padding-bottom:5px}.profile-position{font-size:20px;color:var(--pipboy-yellow);opacity:.8;margin-bottom:20px}.profile-details{font-size:16px;line-height:1.5}.label{font-weight:700;color:var(--pipboy-yellow)}.tab-header{font-family:var(--font-terminal);font-size:28px;color:var(--pipboy-yellow);margin-bottom:15px;padding-bottom:10px}.tab-button{width:100%;padding:12px 15px;margin-bottom:8px;cursor:pointer;font-family:var(--font-terminal);font-size:24px;text-align:left;text-transform:uppercase;transition:all .1s ease;background:transparent;border:none;color:var(--pipboy-yellow);text-shadow:none;box-shadow:none;outline:none}.tab-button .tab-icon{display:inline-block;width:20px;opacity:.5}.tab-button:hover,.tab-button.active{background-color:var(--pipboy-yellow);color:#000;text-shadow:none;box-shadow:0 0 5px var(--pipboy-yellow)}.tab-button:hover .tab-icon,.tab-button.active .tab-icon{color:#000;opacity:1}.download-button{display:inline-block;margin-top:25px;padding:12px 20px;border:2px solid var(--pipboy-yellow);background:#ffb6421a;color:var(--pipboy-yellow);font-family:var(--font-terminal);font-size:24px;text-decoration:none;text-transform:uppercase;transition:all .2s ease;box-shadow:none;cursor:pointer}.download-button:hover{background:var(--pipboy-yellow);color:#000;box-shadow:0 0 10px var(--pipboy-yellow)}.document-tabs-row{display:flex;align-items:center;justify-content:center}.horizontal-tabs{display:flex;gap:15px;border-bottom:2px solid var(--pipboy-yellow);padding-bottom:10px}.horizontal-tab-button{padding:10px 20px;cursor:pointer;font-family:var(--font-terminal);font-size:22px;text-transform:uppercase;transition:all .2s ease;background:transparent;border:2px solid transparent;color:var(--pipboy-yellow);text-shadow:0 0 2px var(--pipboy-yellow);outline:none}.horizontal-tab-button:hover,.horizontal-tab-button.active{background-color:var(--pipboy-yellow);color:#000;border:2px solid var(--pipboy-yellow);box-shadow:0 0 5px var(--pipboy-yellow);text-shadow:none}.content-area{padding:30px 20px 30px 30px;background:transparent;overflow-y:scroll!important;overflow-x:hidden;scrollbar-width:auto!important;scrollbar-color:var(--pipboy-yellow) rgba(0,0,0,.5);height:100%}.content-area::-webkit-scrollbar{-webkit-appearance:none}.content-area::-webkit-scrollbar{width:18px!important;display:block!important}.content-area::-webkit-scrollbar-track{background:#000000e6!important;border:2px solid rgba(255,182,66,.5);border-radius:0;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.9)}.content-area::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--pipboy-yellow) 0%,var(--pipboy-dim) 50%,var(--pipboy-yellow) 100%);border:2px solid var(--pipboy-yellow);border-radius:0;box-shadow:inset 0 0 10px #ffb642cc,0 0 10px #ffb64280;position:relative}.content-area::-webkit-scrollbar-thumb:hover{background:var(--pipboy-yellow);box-shadow:inset 0 0 15px #ffb642,0 0 15px #ffb642cc}.content-area::-webkit-scrollbar-thumb:active{background:var(--pipboy-yellow);box-shadow:inset 0 0 20px #ffb642,0 0 20px var(--pipboy-yellow)}.content-area::-webkit-scrollbar-button{background:#000c;border:2px solid var(--pipboy-yellow);height:24px;display:block}.content-area::-webkit-scrollbar-button:hover{background:#ffb64233}.content-area::-webkit-scrollbar-button:vertical:decrement{border-bottom:1px solid var(--pipboy-yellow);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><text x="50%%" y="50%%" dominant-baseline="middle" text-anchor="middle" fill="%23ffb642" font-size="12">▲</text></svg>');background-repeat:no-repeat;background-position:center}.content-area::-webkit-scrollbar-button:vertical:increment{border-top:1px solid var(--pipboy-yellow);background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><text x="50%%" y="50%%" dominant-baseline="middle" text-anchor="middle" fill="%23ffb642" font-size="12">▼</text></svg>');background-repeat:no-repeat;background-position:center}.content-area::-webkit-scrollbar-corner{background:#000c;border:2px solid var(--pipboy-yellow)}.content-header{display:flex;align-items:center;margin-bottom:25px;padding-bottom:15px}.content-title{font-family:var(--font-terminal);font-size:42px;color:var(--pipboy-yellow);padding-right:15px}.content-body{font-family:var(--font-mono);font-size:20px;line-height:1.6;color:var(--pipboy-yellow);min-height:120vh;padding-bottom:50px}.content-body h2{font-family:var(--font-terminal);font-size:32px;padding-bottom:5px;margin-top:30px;margin-bottom:20px}.content-body h3{font-family:var(--font-terminal);font-size:26px;margin-top:20px;margin-bottom:10px;color:var(--pipboy-yellow);opacity:.9}.content-body ul{margin-left:20px;margin-bottom:20px}.content-body li{margin-bottom:8px}.content-body a{color:var(--pipboy-yellow);text-decoration:underline}.imdb-link{color:var(--pipboy-yellow);text-decoration:none;border-bottom:1px dotted var(--pipboy-yellow);transition:all .2s ease}.imdb-link:hover{color:#000;background:var(--pipboy-yellow);border-bottom:1px solid var(--pipboy-yellow);padding:2px 4px}.paragraph-spacer{display:block;margin-bottom:20px;content:" "}.typing-cursor{display:inline-block;color:var(--pipboy-yellow);background:transparent;font-size:28px;line-height:24px;vertical-align:baseline;animation:blink .8s step-end infinite;text-shadow:0 0 4px var(--pipboy-yellow);margin-left:2px}@keyframes blink{50%{opacity:0}}.pdf-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;background:#000c;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.pdf-modal-content{width:90%;height:90%;background:#111;border:3px solid var(--pipboy-yellow);box-shadow:0 0 10px #ffb64233;display:flex;flex-direction:column}.modal-header{background:var(--pipboy-yellow);padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.modal-title{font-family:var(--font-terminal);color:#000;font-size:24px;font-weight:700}.close-btn{background:#000;color:var(--pipboy-yellow);border:1px solid black;padding:5px 15px;font-family:var(--font-mono);cursor:pointer;font-weight:700;transition:all .2s ease}.close-btn:hover{background:var(--bg-dark);box-shadow:0 0 10px #00000080}#pdf-frame{flex:1;width:100%;border:none;background:#fff}.project-media-gallery{margin-top:30px;padding-top:30px;border-top:1px solid var(--pipboy-yellow)}.project-media-gallery h3{font-family:var(--font-terminal);font-size:28px;color:var(--pipboy-yellow);margin-bottom:20px}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px;align-items:start}.media-item{width:100%;background:transparent;padding:0;border:2px solid rgba(255,182,66,.5);display:inline-block;line-height:0;overflow:hidden;border-radius:8px;position:relative}.media-item img,.media-item video{width:100%;height:auto;display:block;filter:none!important;opacity:1!important;vertical-align:bottom;border-radius:6px}.media-item video{background:transparent}.unmute-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border:2px solid var(--pipboy-yellow);color:var(--pipboy-yellow);padding:10px 20px;font-family:var(--font-terminal);font-size:20px;cursor:pointer;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10;border-radius:4px}.media-item:hover .unmute-button{opacity:1;pointer-events:auto}.unmute-button:hover{background:var(--pipboy-yellow);color:#000}