:root{--sh-bg:#0a0e1a;--sh-bg-elev:#111726;--sh-bg-card:#131a2b;--sh-border:#232c40;--sh-text:#e6e9f0;--sh-text-dim:#8b94a7;--sh-text-faint:#5b6478;--sh-accent:#ffb454;--sh-accent-soft:#ffb4541f;--sh-accent-line:#ffb45466;--sh-font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--sh-font-mono:"JetBrains Mono", ui-monospace, "SF Mono", "Fira Code", monospace;--sh-maxw:1180px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--sh-bg)}html body{background:var(--sh-bg);color:var(--sh-text);font-family:var(--sh-font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}::selection{background:var(--sh-accent);color:#0a0e1a}.glow{z-index:0;pointer-events:none;background:radial-gradient(600px circle at var(--glow-x,50%) var(--glow-y,0px), #ffb4540f, transparent 40%);transition:background .1s;position:fixed;inset:0}.layout{background:var(--sh-bg);min-height:100vh;position:relative}.layout__inner{z-index:1;max-width:var(--sh-maxw);margin:0 auto;padding:0 clamp(1.5rem,5vw,4rem);position:relative}@media (min-width:1024px){.layout__inner{justify-content:space-between;gap:3.5rem;display:flex}}.sidebar{padding:4rem 0 2rem}@media (min-width:1024px){.sidebar{flex-direction:column;flex:0 0 42%;justify-content:space-between;max-width:460px;height:100vh;padding:6rem 0;display:flex;position:sticky;top:0}}.sidebar__name{letter-spacing:-.02em;margin:0;font-size:clamp(2.4rem,5vw,3.1rem);font-weight:800;line-height:1.05}.sidebar__role{color:var(--sh-accent);margin:.6rem 0 0;font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:600}.sidebar__tagline{max-width:22rem;color:var(--sh-text-dim);margin:1.2rem 0 0;font-size:1rem}.sidebar__nav{margin-top:3rem}.sidebar__nav ul{margin:0;padding:0;list-style:none}.sidebar__nav li{margin:.4rem 0}.sidebar__nav-link{color:var(--sh-text-faint);font-family:var(--sh-font-mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.78rem;transition:color .2s;display:flex}.sidebar__nav-index{color:var(--sh-text-faint);font-size:.7rem;transition:color .2s}.sidebar__nav-line{background:var(--sh-text-faint);width:2rem;height:1px;transition:width .2s,background .2s;display:inline-block}.sidebar__nav-link:hover,.sidebar__nav-link.is-active{color:var(--sh-text)}.sidebar__nav-link:hover .sidebar__nav-line,.sidebar__nav-link.is-active .sidebar__nav-line{background:var(--sh-accent);width:3.5rem}.sidebar__nav-link.is-active .sidebar__nav-index{color:var(--sh-accent)}.sidebar__socials{gap:1.2rem;margin:2.5rem 0 0;padding:0;list-style:none;display:flex}.sidebar__socials a{color:var(--sh-text-dim);transition:color .2s,transform .2s;display:inline-flex}.sidebar__socials a:hover{color:var(--sh-accent);transform:translateY(-3px)}.content{padding:4rem 0}@media (min-width:1024px){.content{flex:1;padding:6rem 0}}.section{margin-bottom:4rem;scroll-margin-top:2rem}.section__heading{align-items:center;gap:.6rem;margin:0 0 1.5rem;font-size:1.35rem;font-weight:700;display:flex}.section__num{color:var(--sh-accent);font-family:var(--sh-font-mono);font-size:1rem}.prose p{color:var(--sh-text-dim);margin:0 0 1rem}.prose strong{color:var(--sh-text);font-weight:600}.prose em{color:var(--sh-accent);font-style:normal}.skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem 1.5rem;max-width:34rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.skills li{font-family:var(--sh-font-mono);color:var(--sh-text-dim);padding-left:1.2rem;font-size:.85rem;position:relative}.skills__wide{grid-column:span 2}.skills li:before{content:"▹";color:var(--sh-accent);position:absolute;left:0}.xp{flex-direction:column;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.xp__item{gap:.5rem 1.5rem;display:grid}@media (min-width:700px){.xp__item{grid-template-columns:8rem 1fr}}.xp__range{font-family:var(--sh-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sh-text-faint);white-space:nowrap;margin:.15rem 0 0;font-size:.72rem}.xp__company-head{color:var(--sh-text);margin:0;font-size:1.15rem;font-weight:600}.xp__company-head a{color:var(--sh-accent);align-items:center;gap:.3rem;display:inline-flex}.xp__company-head svg{width:14px;height:14px;transition:transform .2s}.xp__company-head a:hover svg{transform:translate(2px,-2px)}.xp__location{color:var(--sh-text-faint);margin:.2rem 0 0;font-size:.82rem}.xp__roles{flex-direction:column;gap:1.1rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.xp__role-item{border-left:2px solid var(--sh-border);padding-left:.9rem}.xp__role-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.xp__roles-title{color:var(--sh-text);font-size:.92rem;font-weight:600}.xp__roles-range{font-family:var(--sh-font-mono);color:var(--sh-text-faint);white-space:nowrap;font-size:.68rem}.xp__role-desc{color:var(--sh-text-dim);margin:.3rem 0 0;font-size:.9rem}.xp__bullets{flex-direction:column;gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.xp__bullets li{color:var(--sh-text-dim);padding-left:1.3rem;font-size:.92rem;position:relative}.xp__bullets li:before{content:"▹";color:var(--sh-accent);position:absolute;left:0}.xp__tech{flex-wrap:wrap;gap:.4rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.xp__tech li{font-family:var(--sh-font-mono);color:var(--sh-text-dim);background:var(--sh-accent-soft);border:1px solid var(--sh-border);border-radius:999px;padding:.2rem .55rem;font-size:.68rem}.projects{flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none;display:flex}.project-card{border:1px solid var(--sh-border);background:linear-gradient(180deg, var(--sh-bg-card), var(--sh-bg-elev));border-radius:14px;padding:1.75rem;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative}.project-card:hover{border-color:var(--sh-accent-line);transform:translateY(-4px);box-shadow:0 18px 40px -20px #000000b3}.project-card__eyebrow{font-family:var(--sh-font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--sh-accent);margin:0 0 .4rem;font-size:.72rem}.project-card__title{margin:0;font-size:1.4rem;font-weight:700}.project-card__tagline{color:var(--sh-text);margin:.3rem 0 1rem;font-weight:500}.project-card__desc{color:var(--sh-text-dim);margin:0 0 1.25rem;font-size:.95rem}.project-card__tech{flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.project-card__tech li{font-family:var(--sh-font-mono);color:var(--sh-text-dim);background:var(--sh-accent-soft);border:1px solid var(--sh-border);border-radius:999px;padding:.25rem .6rem;font-size:.72rem}.project-card__actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn{font-family:var(--sh-font-mono);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-size:.82rem;transition:all .2s;display:inline-flex}.btn svg{transition:transform .2s}.btn--primary{background:var(--sh-accent);color:#0a0e1a;font-weight:600}.btn--primary:hover{background:#ffc272;transform:translateY(-2px)}.btn--primary:hover svg{transform:translate(3px)}.btn--ghost{border-color:var(--sh-border);color:var(--sh-text-dim);background:0 0}.btn--ghost:hover{border-color:var(--sh-accent);color:var(--sh-accent)}.contact{text-align:center;max-width:34rem;margin:0 auto;padding:2rem 0}.contact__eyebrow{font-family:var(--sh-font-mono);color:var(--sh-accent);letter-spacing:.1em;margin:0;font-size:.8rem}.contact__title{margin:.5rem 0 1rem;font-size:clamp(2rem,5vw,2.8rem);font-weight:800}.contact__text{color:var(--sh-text-dim);margin:0 0 2rem}.footer{border-top:1px solid var(--sh-border);color:var(--sh-text-faint);font-family:var(--sh-font-mono);text-align:center;padding-top:2rem;font-size:.78rem}.viewer{z-index:100;background:var(--sh-bg);flex-direction:column;animation:.25s viewer-in;display:flex;position:fixed;inset:0}@keyframes viewer-in{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.viewer__bar{background:var(--sh-bg-elev);border-bottom:1px solid var(--sh-border);z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex;position:relative}.viewer__back{border:1px solid var(--sh-border);color:var(--sh-text);font-family:var(--sh-font-mono);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem .9rem;font-size:.8rem;transition:all .2s}.viewer__back:hover{border-color:var(--sh-accent);color:var(--sh-accent)}.viewer__title{color:var(--sh-text);align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;display:inline-flex}.viewer__badge{font-family:var(--sh-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--sh-accent);background:var(--sh-accent-soft);border-radius:999px;padding:.2rem .55rem;font-size:.65rem}.viewer__ext{font-family:var(--sh-font-mono);color:var(--sh-text-dim);font-size:.78rem;transition:color .2s}.viewer__ext:hover{color:var(--sh-accent)}.viewer__frame{background:var(--bg,#0d1017);flex:1;position:relative;overflow:auto}.viewer__loading{height:100%;min-height:60vh;color:var(--sh-text-dim);text-align:center;background:var(--sh-bg);flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:2rem;display:flex}.viewer__loading strong{color:var(--sh-text)}.viewer__loading-sub{font-family:var(--sh-font-mono);color:var(--sh-text-faint);font-size:.75rem}.spinner{border:3px solid var(--sh-border);border-top-color:var(--sh-accent);border-radius:50%;width:34px;height:34px;margin-bottom:.8rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}