:root{--color-bg:#0e0e0e;--color-bg-alt:#141414;--color-white:#f0ece4;--color-muted:#b8b4ac;--color-accent:#c0392b;--color-accent-dark:#7a1f1f;--color-border:#3a3a3a;--font-display:"Bebas Neue", sans-serif;--font-mono:"IBM Plex Mono", monospace;--font-serif:"Georgia", serif;--letter-spacing-display:.04em;--letter-spacing-mono:.08em;--grain-opacity:.06;--scanline-opacity:.03;--transition:.15s steps(3)}*,:before,:after{box-sizing:border-box;cursor:none;margin:0;padding:0}html{scroll-behavior:auto}body{background-color:var(--color-bg);color:var(--color-white);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;line-height:1.5;overflow-x:hidden}ul{list-style:none}a{color:inherit;text-decoration:none}body:after{content:"";pointer-events:none;z-index:9999;opacity:var(--grain-opacity);mix-blend-mode:overlay;background-size:200px 200px;animation:.5s step-end infinite grain-shift;position:fixed;inset:0}@keyframes grain-shift{0%{background-position:0 0}25%{background-position:-40px -20px}50%{background-position:20px -60px}75%{background-position:-60px 30px}to{background-position:0 0}}body:before{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 0, 0, var(--scanline-opacity)) 2px, rgba(0, 0, 0, var(--scanline-opacity)) 4px);position:fixed;inset:0}#custom-cursor{border:1px solid var(--color-accent);pointer-events:none;z-index:99999;mix-blend-mode:difference;opacity:0;width:20px;height:20px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}#custom-cursor:before,#custom-cursor:after{content:"";background:var(--color-accent);position:absolute}#custom-cursor:before{width:1px;height:8px;top:5px;left:8.5px}#custom-cursor:after{width:8px;height:1px;top:8.5px;left:5px}h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;color:var(--color-white);font-size:clamp(80px,14vw,180px);line-height:.9}h2.section-title,.contact-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--letter-spacing-display);color:var(--color-white);font-size:clamp(48px,8vw,96px);line-height:1}.section-label,.hero-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--color-accent);margin-bottom:24px;font-size:11px}p{color:var(--color-muted);margin-bottom:1em;font-size:13px}.hero-watermark,.about-watermark,.experience-watermark,.projects-watermark{font-family:var(--font-display);opacity:.04;color:var(--color-white);pointer-events:none;z-index:0;font-size:clamp(96px,20vw,240px);line-height:1;position:absolute}.hero-watermark{top:-20px;right:0}.about-watermark{top:-50px;left:-20px}.experience-watermark{top:0;right:20px}.projects-watermark{top:-30px;right:10px}.section-divider{border-top:1px dashed var(--color-border);width:100%;margin:0}.card--industrial{border:1px solid var(--color-border);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background-color:#0000;padding:24px;position:relative}.section{flex-direction:column;min-height:100vh;padding:100px 5vw;display:flex;position:relative}.smooth-scroll-wrapper{overflow:hidden}#navbar{z-index:100;background-color:#0000;border-bottom:1px dashed #0000;justify-content:space-between;align-items:center;width:100%;padding:20px 5vw;transition:background-color .3s,border-bottom .3s;display:flex;position:fixed;top:0;left:0}#navbar.scrolled{border-bottom:1px dashed var(--color-border);background-color:#0e0e0ef2}.brand{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.1em;font-size:14px;font-weight:500}.nav-right{gap:24px;display:flex}.nav-link{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--color-muted);font-size:11px;transition:color .2s;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-white)}.nav-link.active:after{content:"";background-color:var(--color-accent);width:100%;height:1px;position:absolute;bottom:-4px;left:0}.hero-section{justify-content:center;padding-bottom:60px}.hero-container{z-index:1;flex-direction:column;display:flex;position:relative}.hero-content{flex-direction:row;justify-content:space-between;align-items:flex-end;margin-top:4vh;display:flex}.hero-text-col{flex:1}.hero-separator{background-color:var(--color-border);width:150px;height:1px;margin:16px 0}.hero-meta{border-top:1px dashed var(--color-border);justify-content:space-between;align-items:center;max-width:600px;margin-top:40px;padding-top:16px;display:flex}.hero-meta p{color:var(--color-white);letter-spacing:.1em;margin-bottom:0}.scroll-indicator{letter-spacing:.2em;color:var(--color-accent);font-size:10px;animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.scroll-indicator-container{z-index:10;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:30px;left:0}.hero-canvas-col{flex-shrink:0;justify-content:center;align-items:center;width:500px;height:500px;display:flex;position:relative}#hero-canvas{width:100%;height:100%}.profile-reveal{border:1px solid var(--color-border);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);width:100%;max-width:400px;height:100%;max-height:500px;position:relative;overflow:hidden}#hero-profile-picture{object-fit:cover;filter:grayscale()contrast(1.2);width:100%;height:100%;transition:filter .5s;display:block}#hero-profile-picture:hover{filter:grayscale(0%)contrast()}.digital-reveal-overlay{background-color:var(--color-bg);background-image:repeating-linear-gradient(0deg, transparent, transparent 2px, var(--color-accent) 2px, var(--color-accent) 4px);z-index:10;width:100%;height:100%;position:absolute;bottom:0;left:0}.hero-ticker-wrapper{background-color:var(--color-bg-alt);border-top:1px dashed var(--color-border);border-bottom:1px dashed var(--color-border);width:100%;padding:12px 0;position:absolute;bottom:0;left:0;overflow:hidden}.hero-ticker{white-space:nowrap;animation:15s linear infinite ticker;display:flex}.hero-ticker span{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:.2em;padding-right:50px;font-size:11px}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-section{background-color:var(--color-bg-alt)}.about-container{z-index:1;justify-content:space-between;gap:5vw;margin-top:60px;display:flex;position:relative}.about-left{flex:0 0 60%}.about-text{max-width:80%;margin-top:40px}.about-text p{font-family:var(--font-mono);font-size:14px}.about-skills{font-family:var(--font-mono);color:var(--color-white);grid-template-columns:1fr 1fr;gap:12px;margin-top:40px;font-size:12px;display:grid}.accent-arrow{color:var(--color-accent);margin-right:8px}.about-right{flex-direction:column;flex:0 0 calc(40% - 5vw);justify-content:center;display:flex}.data-card{background-color:#0e0e0e66}.data-row{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.data-row:last-child{margin-bottom:0}.data-label{color:var(--color-accent);letter-spacing:.1em;font-size:11px}.data-separator{border-bottom:1px dashed var(--color-border);flex-grow:1;margin:0 12px;position:relative;top:-4px}.data-value{color:var(--color-white);text-align:right;font-size:13px}.experience-section{background-color:var(--color-bg)}.experience-container{z-index:1;margin-top:60px;position:relative}.section-header{margin-bottom:60px}.experience-timeline{scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--color-bg-alt);gap:40px;padding-bottom:40px;display:flex;overflow-x:auto}.experience-timeline::-webkit-scrollbar{height:4px}.experience-timeline::-webkit-scrollbar-track{background:var(--color-bg-alt)}.experience-timeline::-webkit-scrollbar-thumb{background-color:var(--color-accent)}.exp-card{background-color:var(--color-bg-alt);border:1px solid var(--color-border);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);flex-direction:column;flex:0 0 400px;padding:32px;display:flex;position:relative}.exp-index{font-family:var(--font-display);opacity:.08;color:var(--color-white);pointer-events:none;font-size:96px;line-height:1;position:absolute;top:10px;right:20px}.exp-header{z-index:1;margin-bottom:24px}.exp-company{color:var(--color-accent);letter-spacing:.2em;margin-bottom:8px;font-size:11px;display:block}.exp-role{font-family:var(--font-display);color:var(--color-white);letter-spacing:.04em;margin-bottom:4px;font-size:32px;line-height:1.1}.exp-meta{color:var(--color-muted);justify-content:space-between;font-size:11px;display:flex}.exp-points{z-index:1;flex-grow:1;margin-bottom:24px}.exp-points li{color:var(--color-muted);margin-bottom:10px;padding-left:16px;font-size:13px;position:relative}.exp-points li:before{content:"-";color:var(--color-border);position:absolute;left:0}.exp-footer{z-index:1;border-top:1px dashed var(--color-border);flex-direction:column;gap:16px;padding-top:16px;display:flex}.exp-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--color-accent-dark);text-transform:uppercase;color:var(--color-white);background-color:#c0392b1f;padding:4px 8px;font-size:10px}.exp-status{border:1px solid var(--color-border);align-self:flex-start;padding:4px 8px;font-size:10px}.exp-status.active{color:var(--color-bg);background-color:var(--color-accent);border-color:var(--color-accent)}.projects-section{background-color:var(--color-bg-alt)}.projects-container{z-index:1;margin-top:60px;position:relative}.projects-grid{scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--color-bg-alt);gap:24px;display:flex}.projects-grid::-webkit-scrollbar{height:4px}.projects-grid::-webkit-scrollbar-track{background:var(--color-bg-alt)}.projects-grid::-webkit-scrollbar-thumb{background-color:var(--color-accent)}@media (orientation:landscape){.projects-grid{flex-direction:row;padding-bottom:40px;overflow-x:auto}.project-card{flex:0 0 500px;max-width:80vw}.project-card.large{flex:0 0 700px;max-width:90vw}}@media (orientation:portrait){.projects-grid{flex-direction:column;overflow-x:visible}.project-card,.project-card.large{flex:auto;width:100%}}.project-card{background-color:var(--color-bg);border:1px solid var(--color-border);transition:border-color var(--transition);padding:40px;position:relative;overflow:hidden}.project-card:hover{border-color:var(--color-accent-dark)}.project-card:after{content:"";background-color:var(--color-accent);opacity:0;width:100%;height:2px;position:absolute;top:0;left:0;transform:translateY(-10px)}.project-card:hover:after{animation:.6s ease-in-out scan-line}@keyframes scan-line{0%{opacity:0;transform:translateY(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(1000px)}}.project-index{font-family:var(--font-display);opacity:.02;color:var(--color-white);pointer-events:none;transition:opacity var(--transition);font-size:15vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-card:hover .project-index{opacity:.05}.project-content{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.project-header{margin-bottom:24px}.project-role{color:var(--color-accent);letter-spacing:.1em;margin-bottom:8px;font-size:11px;display:block}.project-title{font-family:var(--font-display);color:var(--color-white);letter-spacing:.04em;font-size:48px;line-height:1}.project-desc{max-width:80%;margin-bottom:32px}.project-metadata{border-top:1px dashed var(--color-border);flex-direction:column;gap:16px;margin-top:auto;padding-top:24px;display:flex}.project-highlights{color:var(--color-white);flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.project-highlights span:before{content:"[";color:var(--color-accent)}.project-highlights span:after{content:"]";color:var(--color-accent)}.project-links{justify-content:space-between;align-items:center;display:flex}.project-link{font-family:var(--font-mono);color:var(--color-white);transition:color var(--transition);font-size:11px}.project-link:hover{color:var(--color-accent)}.project-link.disabled{color:var(--color-border);pointer-events:none}.education-section{background-color:var(--color-bg)}.education-container{z-index:1;margin-top:60px;position:relative}.education-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;display:grid}.edu-card{flex-direction:column;padding:40px;display:flex}.edu-index{font-family:var(--font-display);color:var(--color-border);opacity:.3;margin-bottom:24px;font-size:80px;line-height:.8}.edu-school{color:var(--color-accent);letter-spacing:.2em;margin-bottom:8px;font-size:11px;display:block}.edu-degree{font-family:var(--font-display);color:var(--color-white);letter-spacing:.04em;margin-bottom:8px;font-size:32px;line-height:1.1}.edu-period{color:var(--color-muted);margin-bottom:24px;font-size:11px;display:block}.edu-details{border-top:1px dashed var(--color-border);color:var(--color-muted);margin-top:auto;padding-top:24px;font-size:13px;list-style-type:none}.edu-details li{margin-bottom:8px;padding-left:16px;position:relative}.edu-details li:before{content:">";color:var(--color-accent);position:absolute;left:0}.contact-section{background-color:var(--color-bg);text-align:center;justify-content:center;align-items:center;min-height:80vh;position:relative}.contact-container{border:1px solid var(--color-border);z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0e0e0ecc;width:100%;max-width:800px;padding:60px;position:relative}.contact-badge{font-family:var(--font-mono);color:var(--color-accent);margin-bottom:40px;font-size:14px}.contact-separator{background-color:var(--color-border);width:100%;height:1px;margin:40px 0}.contact-links{justify-content:center;gap:32px;margin-bottom:40px;display:flex}.contact-btn{font-family:var(--font-mono);color:var(--color-white);letter-spacing:.1em;transition:color var(--transition);font-size:14px}.contact-btn:hover{color:var(--color-accent)}.contact-footer-info{color:var(--color-muted);justify-content:space-between;font-size:12px;display:flex}.contact-footer-info .availability{color:var(--color-white)}#oscilloscope-container{z-index:1;pointer-events:none;width:100%;height:200px;position:absolute;bottom:0;left:0}#oscilloscope{width:100%;height:100%}.glitch-target{position:relative}.glitch-target:before,.glitch-target:after{content:attr(data-text);opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-target.is-glitching:before{text-shadow:-2px 0 var(--color-accent);opacity:1;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:.2s cubic-bezier(.25,.46,.45,.94) infinite both glitch-anim-1;left:4px}.glitch-target.is-glitching:after{text-shadow:-2px 0 var(--color-white);opacity:1;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:.2s cubic-bezier(.25,.46,.45,.94) infinite both glitch-anim-2;left:-4px}@keyframes glitch-anim-1{0%{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(4px,-2px)}60%{transform:translate(-2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitch-anim-2{0%{transform:translate(0)}20%{transform:translate(4px,-2px)}40%{transform:translate(-4px,2px)}60%{transform:translate(2px,-2px)}80%{transform:translate(-2px,2px)}to{transform:translate(0)}}@media (width<=1024px){.hero-text-col h1{font-size:clamp(60px,12vw,120px)}.hero-canvas-col{width:400px;height:400px}}@media (width<=768px){#custom-cursor{display:none}*,:before,:after{cursor:auto}.nav-right{display:none}.hero-content{flex-direction:column;align-items:flex-start}.hero-canvas-col{width:280px;height:280px;margin:40px auto 0}.about-container{flex-direction:column}.experience-timeline{flex-direction:column;gap:24px;overflow-x:visible}.exp-card{flex:auto;width:100%}.contact-links{flex-direction:column;gap:16px}.contact-footer-info{flex-direction:column;gap:8px}}