:root{--bg: #0f172a;--text: #94a3b8;--text-strong:#e2e8f0;--muted: #64748b;--rule: #475569;--accent: #2dd4bf;--accent-weak:#5eead4;--link: var(--text-strong);--link-hover: var(--accent);--tech-background: #2dd4bf1a;--spot-x: 50vw;--spot-y: 50vh;--spot-size: 600px;--spot-color: rgba(29, 78, 216, .15)}.spotlight{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(var(--spot-size) at var(--spot-x) var(--spot-y),var(--spot-color),transparent 80%)}@media(prefers-reduced-motion:reduce){.spotlight{display:none}.side-nav__indicator,.side-nav__text{transition:none}.timeline-item:before{transition:none}.timeline:hover .timeline-item{opacity:1}}h1,h2,h3,h4{color:var(--text-strong);margin:0 0 .5rem}a{color:var(--link);text-decoration:none}a:hover,a:focus-visible{color:var(--link-hover)}.left h1 a,.left h1 a:hover,.left h1 a:focus-visible{color:var(--text-strong)}::selection{background:var(--accent-weak);color:#0f172a}html,body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;scroll-behavior:smooth}body,#root{min-height:100vh}.site{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;position:relative;z-index:1}.left{margin-bottom:2rem}.right{min-width:0}@media(min-width:1024px){.site{max-width:1400px;margin:0 auto;padding:0 2rem;min-height:100vh;position:relative}.left{position:fixed;top:0;left:max(2rem,calc((100vw - 1400px)/2 + 2rem));width:min(540px,calc(44vw - 1.5rem));height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:6rem 0 2rem;margin-bottom:0}.right{width:min(760px,calc(56vw - 2rem));margin-left:auto;padding-top:5rem;padding-bottom:3rem}}.section{margin-bottom:15rem}.section:last-child{margin-bottom:0}.section:last-of-type{padding-bottom:40vh}.left nav ul{list-style:none;padding:0;margin:1rem 0 0}.left nav li+li{margin-top:.5rem}.left .links{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;gap:1rem;font-size:25px}.left .links a{display:inline-flex;text-decoration:none;color:var(--text);transition:color .15s ease,transform .15s ease}.left .links a:hover,.left .links a:focus-visible{color:#fff;transform:translateY(-2px)}.left h1{font-size:3.75rem;line-height:1;margin-bottom:.5rem}.left h2{font-size:1.15rem;line-height:1.5;margin-bottom:1rem}.left p{max-width:78%;margin-bottom:2.5rem;font-size:1.05rem}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#about,#experience,#projects{scroll-margin-top:96px}.tech-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1rem}.tech-list li{color:var(--link-hover);border-radius:50px;background-color:var(--tech-background);padding:1px 10px}.side-nav ul{list-style:none;padding:0;margin:1rem 0 0}.side-nav__link{display:flex;align-items:center;padding:12px 0;text-decoration:none;outline:none}.side-nav__indicator{width:32px;height:2px;background:var(--rule);margin-right:1rem;transition:width .2s ease,background-color .2s ease,opacity .2s ease;opacity:.9}.side-nav__text{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);transition:color .2s ease}.side-nav__link:hover .side-nav__indicator,.side-nav__link:focus-visible .side-nav__indicator{width:64px;background:var(--text-strong);opacity:1}.side-nav__link:hover .side-nav__text,.side-nav__link:focus-visible .side-nav__text{color:var(--text-strong)}.side-nav__link.active .side-nav__indicator{width:64px;background:var(--text-strong);opacity:1}.side-nav__link.active .side-nav__text{color:var(--text-strong)}.timeline{list-style:none;padding-left:0;margin:0}.timeline-item{width:100%;position:relative;display:grid;grid-template-columns:150px minmax(0,1fr);gap:1rem;margin-bottom:2rem;align-items:start}.timeline-item:before{content:"";position:absolute;inset:-4px -8px;border-radius:10px;background:#1e293b00;box-shadow:inset 0 1px #94a3b81a;opacity:0;transition:opacity .2s ease,background-color .2s ease;pointer-events:none;z-index:0}.timeline-item:hover:before,.timeline-item:focus-within:before{opacity:1;background:#1e293b80}.timeline__meta,.tile{position:relative;z-index:1}.tile-hit{position:absolute;inset:-4px -8px;border-radius:10px;z-index:3;cursor:pointer;background:transparent;text-decoration:none}.tile-hit:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:10px}.timeline-item:hover .job-title,.timeline-item:focus-within .job-title{color:var(--link-hover)}.timeline-item:hover .timeline__meta,.timeline-item:focus-within .timeline__meta{color:var(--text-strong)}@media(hover:hover)and (pointer:fine){.timeline:hover .timeline-item{opacity:.65}.timeline .timeline-item:hover{opacity:1}}.timeline__meta{grid-column:1;text-transform:uppercase;font-size:.75rem;color:var(--muted)}.tile{padding-inline:0;padding-block:8px;min-width:0}.timeline-item-details h3 a{color:var(--text-strong);transition:color .2s ease}.timeline-item:hover .timeline-item-details h3 a,.timeline-item:focus-within .timeline-item-details h3 a{color:var(--link-hover)}.timeline-item-details h3{margin:0;font-size:1rem;color:var(--text-strong)}.timeline-item-details p{margin-top:.5rem;color:var(--text)}.timeline-item-details .tech-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem;list-style:none;padding:0}.timeline-item-details .tech-list li{background:#2dd4bf1a;color:#2dd4bf;border-radius:9999px;padding:3px 10px;font-size:.75rem;font-weight:500;line-height:1}.hero-subtitle{margin-top:-1rem}.project-item{grid-template-columns:220px minmax(0,1fr);gap:1.25rem}.project-image{width:100%;height:120px;object-fit:contain;object-position:center;background:#0f172a;border-radius:4px}@media(max-width:1023px){.site{padding:1.25rem}.left h1{font-size:2.75rem}.left p{max-width:100%;margin-bottom:2rem}}@media(max-width:768px){.timeline-item,.project-item{grid-template-columns:1fr}.timeline__meta{margin-bottom:.5rem}.project-image{max-width:100%}.left .links{margin-top:2rem}}