@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700;800&family=Syne:wght@400;500;600;700;800&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--bg2:#0f0f0f;--text:#f0f0f0;--muted:#444;--muted2:#888;--cyan:#00f5ff;--green:#39ff14;--cyan-glow:#00f5ff2e;--green-glow:#39ff1426;--border:#ffffff0f;--font-mono:"JetBrains Mono", monospace;--font-sans:"Syne", sans-serif}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:2px}.custom-cursor-dot{background:var(--cyan);pointer-events:none;z-index:99999;box-sizing:border-box;transform-origin:50%;border-radius:50%;width:8px;height:8px;transition:transform 50ms ease-out;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 10px #00f5ff,0 0 20px #00f5ff66}@media (hover:hover){body,.btn,.proj-card{cursor:none}}@media (hover:none){.custom-cursor-dot{display:none!important}}.boot-overlay{z-index:1000;background:#000;flex-direction:column;justify-content:center;padding:8vh 8vw;display:flex;position:fixed;inset:0;overflow:hidden}.boot-overlay:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#39ff1404 3px 4px);position:absolute;inset:0}.boot-line{font-family:var(--font-mono);color:var(--green);opacity:0;letter-spacing:.5px;will-change:opacity, transform;font-size:clamp(.75rem,1.6vw,.95rem);line-height:2.2}.boot-line.dim{color:#39ff1473}.scroll-progress{background:linear-gradient(to right, var(--green), var(--cyan));z-index:10000;width:0%;height:2px;position:fixed;top:0;left:0}.page-transition-flash{background:var(--cyan);opacity:0;pointer-events:none;z-index:10001;position:fixed;inset:0}.nav{z-index:100;will-change:transform, opacity;background:0 0;justify-content:space-between;align-items:center;padding:1.6rem 3.5rem;transition:background .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s,padding .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav-scrolled{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);background:#0a0a0ad9;padding:1rem 3.5rem}.nav-logo{font-family:var(--font-mono);color:var(--cyan);letter-spacing:4px;text-shadow:0 0 18px var(--cyan);opacity:1;font-size:1.3rem;font-weight:800;text-decoration:none}.nav-right{align-items:center;gap:2.4rem;list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--muted2);padding-bottom:3px;font-size:.72rem;text-decoration:none;transition:color .3s;position:relative}.nav-link.active,.nav-link:hover{color:var(--cyan)}.nav-link:after{content:"";background:var(--cyan);transform-origin:100%;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-link.active:after,.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.nav-toggle{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;gap:6px;display:none}.hamburger-line{background:var(--text);width:24px;height:2px;transition:transform .3s,opacity .3s}.nav-toggle.open .hamburger-line:first-child{background:var(--cyan);transform:translateY(8px)rotate(45deg)}.nav-toggle.open .hamburger-line:nth-child(2){opacity:0}.nav-toggle.open .hamburger-line:nth-child(3){background:var(--cyan);transform:translateY(-8px)rotate(-45deg)}.nav-github{color:var(--muted2);opacity:0;align-items:center;transition:color .3s;display:flex}.nav-github:hover{color:var(--cyan)}.hero{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:0 8vw;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 65% at 50% 45%,#000 30%,#0000 100%);mask-image:radial-gradient(75% 65% at 50% 45%,#000 30%,#0000 100%)}.hero-noise{z-index:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:absolute;inset:0}.hero-content{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1100px;padding-top:5rem;display:grid;position:relative}.hero-text-col{flex-direction:column;gap:1.1rem;display:flex}.hero-photo-col{opacity:0;will-change:opacity, transform;justify-content:flex-end;align-self:center;display:flex}.hero-photo-placeholder,.hero-photo-img{border:1px solid #00f5ff33;border-radius:2px;width:320px;height:420px;transition:all .4s;box-shadow:0 0 60px #ff1e1e40,0 0 120px #ff1e1e1a}.hero-photo-img{object-fit:cover;object-position:top}.hero-photo-placeholder{background:linear-gradient(135deg,#111 0%,#1a1a1a 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-photo-placeholder:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000,#0000 2px,#00f5ff08 3px);position:absolute;inset:0}.photo-initials{font-family:var(--font-mono);color:#00f5ff26;letter-spacing:-5px;font-size:8rem;font-weight:800}.hero-photo-col:hover .hero-photo-placeholder,.hero-photo-col:hover .hero-photo-img{filter:brightness(1.1);border-color:#00f5ff80;box-shadow:0 0 80px #00f5ff26}.hero-label{font-family:var(--font-mono);color:var(--green);letter-spacing:3px;opacity:0;will-change:opacity, transform;font-size:.82rem}.hero-label .bracket{color:var(--cyan);opacity:.7}.hero-name{flex-direction:column;gap:0;margin:.5rem 0;line-height:.88;display:flex}.name-row{white-space:nowrap;display:block}.name-char{font-family:var(--font-mono);color:#f0f0f0;will-change:opacity, transform;opacity:0;letter-spacing:-2px;font-size:clamp(4rem,11vw,9rem);font-weight:900;display:inline-block}.hero-typewriter{font-family:var(--font-mono);color:var(--cyan);letter-spacing:2px;opacity:0;will-change:opacity;white-space:nowrap;align-items:center;gap:2px;min-width:max-content;min-height:1.8rem;font-size:clamp(.85rem,2.2vw,1.15rem);display:flex;overflow:visible}.tw-cursor{margin-left:2px;animation:.5s step-end infinite blink;display:inline-block}.tw-cursor:after{content:"_"}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-bio{font-family:var(--font-sans);color:var(--muted2);opacity:0;will-change:opacity, transform;max-width:520px;font-size:clamp(.9rem,1.5vw,1rem);line-height:1.75}.hero-ctas{opacity:0;will-change:opacity, transform;flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.btn{font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;border-radius:2px;align-items:center;gap:8px;padding:.85rem 2rem;font-size:.72rem;text-decoration:none;transition:background .3s,color .3s,box-shadow .3s,border-color .3s;display:inline-flex}.btn-cyan{border:1px solid var(--cyan);color:var(--cyan);background:0 0}.btn-cyan:hover{background:var(--cyan);color:#000;box-shadow:0 0 30px var(--cyan-glow)}.btn-green{border:1px solid var(--green);color:var(--green);background:0 0}.btn-green:hover{background:var(--green);color:#000;box-shadow:0 0 30px var(--green-glow)}.marquee-wrap{border-top:1px solid var(--border);border-bottom:1px solid var(--border);opacity:0;will-change:opacity, transform;background:#00f5ff05;align-items:center;height:2.6rem;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.marquee-track{width:max-content;animation:25s linear infinite marquee-scroll;display:flex}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-inner{white-space:nowrap;font-family:var(--font-mono);letter-spacing:3px;color:var(--muted);align-items:center;gap:2rem;padding-right:2rem;font-size:.65rem;display:flex}.marquee-inner span{flex-shrink:0}.marquee-sep{color:var(--cyan);opacity:.5;font-size:.55rem}.placeholder-section{background:var(--bg2);min-height:60vh;font-family:var(--font-mono);color:var(--muted);letter-spacing:3px;border-top:1px solid var(--border);justify-content:center;align-items:center;font-size:.8rem;display:flex}.about-section{background:var(--bg2);border-top:1px solid var(--border);padding:120px 8vw;position:relative;overflow:hidden}.about-bg-num{font-family:var(--font-mono);color:#ffffff08;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-8px;opacity:0;font-size:clamp(8rem,20vw,18rem);font-weight:800;line-height:1;position:absolute;top:0;left:4vw}.about-container{z-index:1;flex-direction:column;gap:4rem;max-width:1200px;display:flex;position:relative}.about-header{flex-direction:column;gap:.6rem;display:flex}.about-label{font-family:var(--font-mono);letter-spacing:4px;text-transform:uppercase;color:var(--green);opacity:0;will-change:opacity, transform;font-size:.7rem}.about-heading{font-family:var(--font-sans);color:var(--text);letter-spacing:-1px;opacity:0;will-change:opacity, transform;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.05}.about-grid{grid-template-columns:100px 1fr;align-items:start;gap:4rem;display:grid}.about-left{opacity:0;will-change:opacity, transform;flex-direction:column;align-items:center;gap:1rem;padding-top:.5rem;display:flex}.about-bracket{font-family:var(--font-mono);color:var(--cyan);opacity:.18;text-shadow:0 0 40px #00f5ff4d;font-size:clamp(5rem,9vw,7rem);font-weight:700;line-height:1;display:block}.about-vline{flex-direction:column;align-items:center;gap:0;display:flex}.about-vline-track{background:linear-gradient(to bottom, var(--cyan), #00f5ff1a);width:1px;height:120px;box-shadow:0 0 8px var(--cyan)}.about-vline-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 10px var(--cyan), 0 0 20px #00f5ff66;border-radius:50%;margin-top:-1px}.about-right{flex-direction:column;gap:0;display:flex}.about-para-wrap{flex-direction:column;display:flex}.about-para{font-family:var(--font-sans);color:var(--muted2);opacity:0;will-change:opacity, transform;padding:1.5rem 0;font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.8}.about-para em{color:var(--text);font-style:normal}.about-divider{background:#ffffff12;width:100%;height:1px}.about-stats{border:1px solid var(--border);border-radius:2px;justify-content:center;gap:0;display:flex;overflow:hidden}.about-stat{opacity:0;will-change:opacity, transform;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:2.5rem 1rem;transition:background .3s;display:flex;position:relative}.about-stat:not(:last-child):after{content:"";background:var(--border);width:1px;height:60%;position:absolute;top:20%;right:0}.about-stat:hover{background:#00f5ff06}.stat-value{font-family:var(--font-mono);letter-spacing:-2px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1}.stat-label{font-family:var(--font-sans);color:var(--muted);letter-spacing:1px;text-align:center;text-transform:uppercase;font-size:.78rem}@media (max-width:768px){.nav{padding:1.2rem 1.5rem}.nav-right{gap:1.5rem}.hero{padding:0 5vw}.hero-content{padding-top:6rem}.name-char{letter-spacing:-1px}.about-section{padding:80px 5vw}.about-grid{grid-template-columns:60px 1fr;gap:2rem}.about-stats{border:none;flex-direction:column;gap:1px}.about-stat{border:1px solid var(--border)}.about-stat:not(:last-child):after{display:none}}@media (max-width:480px){.nav-right li:not(:last-child){display:none}.hero-ctas{flex-direction:column;align-items:flex-start}.about-grid{grid-template-columns:1fr}.about-left{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.name-char,.hero-label,.hero-typewriter,.hero-bio,.hero-ctas,.nav-logo,.nav-link,.nav-github,.marquee-wrap,.about-label,.about-heading,.about-left,.about-para,.about-stat,.about-bg-num{opacity:1!important}}.projects-section{background:var(--bg);border-top:1px solid var(--border);padding:120px 8vw;position:relative;overflow:hidden}.projects-bg-num{font-family:var(--font-mono);color:#ffffff08;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-8px;opacity:0;font-size:clamp(8rem,20vw,18rem);font-weight:800;line-height:1;position:absolute;top:0;right:4vw}.projects-container{z-index:1;flex-direction:column;gap:4rem;max-width:1200px;display:flex;position:relative}.projects-header{flex-direction:column;gap:.6rem;display:flex}.projects-label{font-family:var(--font-mono);letter-spacing:4px;text-transform:uppercase;color:var(--green);opacity:0;will-change:opacity, transform;font-size:.7rem}.projects-heading{font-family:var(--font-sans);color:var(--text);letter-spacing:-1px;opacity:0;will-change:opacity, transform;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.05}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.proj-card{opacity:0;will-change:opacity, transform;min-height:420px;transform-style:preserve-3d;background:#111;border:1px solid #222;border-bottom:2px solid #00f5ff26;border-radius:4px;flex-direction:column;gap:1rem;padding:48px;transition:border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.proj-card:hover{border-color:var(--cyan);border-bottom-color:#00f5ff99;box-shadow:0 0 30px #00f5ff26}.proj-card-sweep{pointer-events:none;z-index:0;background:linear-gradient(105deg,#0000 35%,#00f5ff0f 50%,#0000 65%);width:55%;height:220%;transition:left .65s;position:absolute;top:-60%;left:-80%;transform:skew(-12deg)}.proj-card:hover .proj-card-sweep{left:130%}.proj-num{font-family:var(--font-mono);color:#00f5ff12;letter-spacing:-2px;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0;transform-origin:50%;font-size:clamp(5rem,12vw,9rem);font-weight:800;line-height:1;transition:color .35s;position:absolute;top:24px;right:32px}.proj-card:hover .proj-num{color:#00f5ff38}.proj-category{z-index:1;font-family:var(--font-mono);letter-spacing:2px;text-transform:uppercase;color:var(--green);border:1px solid #39ff1466;border-radius:20px;width:fit-content;padding:3px 10px;font-size:.62rem;display:inline-block;position:relative}.proj-name{z-index:1;font-family:var(--font-mono);color:var(--text);margin-top:.25rem;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;line-height:1.25;position:relative}.proj-desc{z-index:1;font-family:var(--font-sans);color:var(--muted2);font-size:.88rem;line-height:1.65;position:relative}.proj-divider{z-index:1;background:#ffffff0f;width:100%;height:1px;margin:.25rem 0;position:relative}.proj-tags{z-index:1;flex-wrap:wrap;flex:1;align-content:flex-start;gap:.5rem;display:flex;position:relative}.proj-tag{font-family:var(--font-mono);letter-spacing:.5px;color:#aaa;background:#1a1a1a;border:1px solid #333;border-radius:3px;padding:4px 10px;font-size:.65rem;transition:color .25s,border-color .25s}.proj-card:hover .proj-tag:hover{color:var(--cyan);border-color:#00f5ff59}.proj-footer{z-index:1;margin-top:auto;padding-top:.5rem;position:relative}.proj-link{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);opacity:.7;align-items:center;gap:6px;font-size:.72rem;text-decoration:none;transition:gap .3s,opacity .3s;display:inline-flex}.proj-link:hover{opacity:1;gap:10px}.projects-more{opacity:0;will-change:opacity, transform;justify-content:center;margin-top:3.5rem;display:flex}@media (max-width:900px){.projects-grid{grid-template-columns:1fr}.projects-section{padding:80px 5vw}}@media (prefers-reduced-motion:reduce){.projects-label,.projects-heading,.proj-card,.projects-bg-num,.projects-more,.skills-label,.skills-heading,.skills-intro,.skill-row,.skill-tag,.skills-bg-num,.contact-label,.contact-bg-num,.word,.contact-subtext,.contact-email-wrapper,.social-link{opacity:1!important}.proj-card-sweep{display:none}}.skills-section{background:var(--bg2);border-top:1px solid var(--border);padding:120px 8vw;position:relative;overflow:hidden}.skills-bg-num{font-family:var(--font-mono);color:#ffffff08;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-8px;opacity:0;font-size:clamp(8rem,20vw,18rem);font-weight:800;line-height:1;position:absolute;top:0;left:4vw}.skills-container{z-index:1;flex-direction:column;gap:4rem;max-width:1200px;display:flex;position:relative}.skills-header{flex-direction:column;gap:.6rem;display:flex}.skills-label{font-family:var(--font-mono);letter-spacing:4px;text-transform:uppercase;color:var(--green);opacity:0;will-change:opacity, transform;font-size:.7rem}.skills-heading{font-family:var(--font-sans);color:var(--text);letter-spacing:-1px;opacity:0;will-change:opacity, transform;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.05}.skills-intro{font-family:var(--font-sans);color:var(--muted2);opacity:0;will-change:opacity, transform;max-width:600px;font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.8}.skills-list{flex-direction:column;display:flex}.skill-row{opacity:0;will-change:opacity, transform;grid-template-columns:240px 1fr;align-items:center;gap:2rem;padding:1.5rem 0;display:grid;position:relative}.skill-category{align-items:center;display:flex}.skill-category-label{font-family:var(--font-mono);color:var(--cyan);text-transform:uppercase;border-left:3px solid var(--cyan);will-change:text-shadow;align-items:center;gap:.8rem;padding-left:1rem;font-size:.85rem;font-weight:700;display:flex}.skill-icon{font-size:1.2rem}.skill-tags-wrapper{flex-wrap:wrap;gap:.8rem;display:flex}.skill-tag{font-family:var(--font-mono);color:#aaa;opacity:0;will-change:opacity, transform;cursor:default;background:0 0;border:1px solid #333;border-radius:2px;padding:6px 14px;font-size:.8rem;transition:color .3s,border-color .3s,box-shadow .3s}.skill-tag:hover{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px #00f5ff33}.skill-divider{background:#ffffff0f;width:100%;height:1px;position:absolute;bottom:0;left:0}.skills-marquee{margin-top:6rem;position:relative}.skills-marquee-track{animation:35s linear infinite marquee-scroll}@media (max-width:900px){.skills-section{padding:80px 5vw}.skill-row{grid-template-columns:1fr;align-items:start;gap:1.2rem}}.contact-section{background:var(--bg);justify-content:center;align-items:center;padding:160px 8vw 120px;display:flex;position:relative;overflow:hidden}.contact-bg-num{font-family:var(--font-mono);color:#ffffff08;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-8px;opacity:0;font-size:clamp(8rem,20vw,18rem);font-weight:800;line-height:1;position:absolute;top:0;right:4vw}.contact-container{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:2rem;max-width:800px;display:flex;position:relative}.contact-label{font-family:var(--font-mono);letter-spacing:4px;text-transform:uppercase;color:var(--green);opacity:0;will-change:opacity, transform;font-size:.7rem}.contact-heading{font-family:var(--font-sans);letter-spacing:-2px;flex-wrap:wrap;justify-content:center;gap:0 1rem;font-size:clamp(3rem,8vw,7rem);font-weight:800;line-height:1.1;display:flex}.contact-heading .word{opacity:0;will-change:opacity, transform;color:var(--text);display:inline-block}.contact-heading .cyan-text{color:var(--cyan)}.contact-subtext{font-family:var(--font-sans);color:var(--muted2);opacity:0;will-change:opacity, transform;max-width:480px;font-size:clamp(1rem,2vw,1.1rem);line-height:1.8}.contact-email-wrapper{opacity:0;will-change:opacity, transform;margin-top:1.5rem}.contact-email{font-family:var(--font-mono);color:var(--text);padding-bottom:6px;font-size:clamp(1rem,2.5vw,1.8rem);text-decoration:none;transition:color .3s,text-shadow .3s;position:relative}.contact-email:after{content:"";background:var(--cyan);clip-path:inset(0 100% 0 0);width:100%;height:2px;transition:clip-path .4s;position:absolute;bottom:0;left:0}.contact-email:hover{color:var(--cyan);text-shadow:0 0 16px #00f5ff66}.contact-email:hover:after{clip-path:inset(0 0% 0 0)}.contact-socials{flex-wrap:wrap;justify-content:center;gap:48px;margin-top:48px;display:flex}.social-link{color:#555;opacity:0;will-change:opacity, transform;flex-direction:column;align-items:center;gap:6px;text-decoration:none;transition:color .3s,transform .3s;display:flex}.social-link svg{transition:filter .3s}.social-label{font-family:var(--font-mono);letter-spacing:.5px;font-size:.75rem}.social-link:hover{color:var(--cyan);transform:translateY(-4px)}.social-link:hover svg{filter:drop-shadow(0 0 10px #00f5ff99)}.contact-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.particle{background:var(--cyan);opacity:.3;border-radius:50%;width:2px;height:2px;animation:linear infinite floatUp;position:absolute;bottom:-10px}@keyframes floatUp{0%{opacity:0;transform:translateY(0)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)}}.footer{background:var(--bg);border-top:1px solid #1a1a1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:24px 40px;display:flex}.footer-left,.footer-right{font-family:var(--font-mono);color:#333;letter-spacing:.5px;font-size:.7rem;transition:color .3s}.footer:hover .footer-left,.footer:hover .footer-right{color:#555}.experience-section{background:var(--bg);padding:140px 8vw;position:relative;overflow:hidden}.experience-bg-num{font-family:var(--font-mono);color:#ffffff08;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,20vw,18rem);font-weight:800;line-height:1;position:absolute;top:-2%;left:-2%}.experience-container{z-index:1;max-width:1000px;margin:0 auto;position:relative}.experience-header{text-align:center;margin-bottom:5rem}.experience-label{font-family:var(--font-mono);letter-spacing:3px;color:var(--green);text-transform:uppercase;margin-bottom:1rem;font-size:.75rem}.experience-heading{font-family:var(--font-sans);letter-spacing:-1px;font-size:clamp(2.5rem,6vw,4rem);font-weight:800}.timeline-wrapper{max-width:800px;margin:0 auto;position:relative}.timeline-center-line{background:#00f5ff33;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{box-sizing:border-box;width:50%;padding:2rem 40px;position:relative}.timeline-item.left{text-align:right;left:0}.timeline-item.right{text-align:left;left:50%}.timeline-dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 10px var(--cyan);border-radius:50%;position:absolute;top:3.5rem}.timeline-item.left .timeline-dot{right:-4px}.timeline-item.right .timeline-dot{left:-4px}.timeline-card{border:1px solid #222;border-left:3px solid var(--cyan);background:#111;border-radius:2px;padding:28px;transition:border-color .3s,background .3s}.timeline-card:hover{border-left-color:var(--green);background:#141414}.timeline-role{font-family:var(--font-mono);color:var(--text);margin-bottom:8px;font-size:1.1rem;font-weight:700}.timeline-meta{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.timeline-item.left .timeline-meta{align-items:flex-end}.timeline-company{font-family:var(--font-mono);color:var(--green);font-size:.85rem}.timeline-period{color:var(--muted);font-size:.8rem}.timeline-desc{font-family:var(--font-sans);color:var(--muted2);font-size:.95rem;line-height:1.7}@media (max-width:600px){.contact-section{padding:120px 5vw 80px}.contact-socials{flex-direction:column;gap:2rem}.footer{text-align:center;flex-direction:column;padding:24px 5vw}}@media (max-width:768px){.nav{padding:1rem 1.5rem}.nav-scrolled{padding:.8rem 1.5rem}.nav-toggle{display:flex}.nav-right{opacity:0;pointer-events:none;background:#0a0a0afa;flex-direction:column;justify-content:center;gap:3rem;position:fixed;inset:0;transform:translateY(-20px)}.nav-right.nav-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{font-size:1.5rem}.name-char{font-size:clamp(3rem,15vw,6rem)}.hero-content{grid-template-columns:1fr;gap:3rem}.hero-photo-col{justify-content:center;margin-top:1rem}.boot-overlay{padding:5vh 5vw}.boot-line{font-size:clamp(.65rem,3.5vw,.8rem);line-height:1.8}.timeline-center-line{left:0;transform:none}.timeline-item{width:100%;padding:2rem 0 2rem 40px}.timeline-item.left,.timeline-item.right{text-align:left;left:0}.timeline-item.left .timeline-meta{align-items:flex-start}.timeline-item.left .timeline-dot,.timeline-item.right .timeline-dot{left:-4px;right:auto}}