:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101827;--line:#263244;--line-strong:#334156;--text:#f8fafc;--muted:#a5adba;--chip:#202a3a;--chip-border:#3a4658;--dot:#536174;--max:1560px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);text-rendering:geometricprecision;margin:0;font-family:Noto Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:430;line-height:1.5}a{color:inherit}.skip-link{z-index:10;background:var(--text);color:var(--bg);border-radius:999px;padding:.65rem .9rem;font-weight:800;text-decoration:none;position:absolute;top:-3rem;left:1rem}.skip-link:focus{top:1rem}.resume-page{max-width:var(--max);grid-template-columns:minmax(22rem,.72fr) minmax(32rem,1.08fr);min-height:100vh;margin:0 auto;display:grid}.profile{border-right:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;height:100vh;min-height:100vh;padding:clamp(2rem,5vw,5rem);display:flex;position:sticky;top:0}.avatar{object-fit:cover;object-position:center;background:#1f2937;border:4px solid #334258;border-radius:50%;width:clamp(9rem,16vw,12rem);height:clamp(9rem,16vw,12rem)}.identity h1{color:var(--text);letter-spacing:0;text-wrap:balance;margin:0;font-size:clamp(2rem,4vw,2.55rem);font-weight:820;line-height:1.1}.identity p{color:var(--muted);margin:1rem 0 0;font-size:clamp(1.2rem,2.4vw,1.55rem);font-weight:460;line-height:1.25}.summary{max-width:24rem;color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(.95rem,1.5vw,1.08rem);font-weight:390;line-height:1.55}.summary:before{background:var(--line-strong);content:"";width:4.75rem;height:1px;margin:0 auto 1.2rem;display:block}.contact-list{color:var(--muted);gap:1.1rem;font-size:.93rem;font-style:normal;font-weight:450;display:grid}.contact-list a,.contact-list p{justify-content:center;align-items:center;gap:.7rem;margin:0;text-decoration:none;display:flex}.contact-list a:hover,.contact-list a:focus-visible,.social-links a:hover,.social-links a:focus-visible{color:var(--text)}.contact-list span{color:#b3bac6}.contact-icon{width:1rem;height:1rem;display:inline-flex}.contact-icon svg{fill:currentColor;width:100%;height:100%}.social-links{flex-wrap:wrap;justify-content:center;gap:.85rem;display:flex}.social-links a{width:2.8rem;height:2.8rem;color:var(--muted);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.social-links a:hover,.social-links a:focus-visible{border-color:var(--line-strong);background:var(--chip)}.social-links svg{fill:currentColor;width:1.35rem;height:1.35rem}.resume-content{flex-direction:column;justify-content:center;gap:clamp(2.4rem,6vw,4.5rem);min-height:100vh;padding:clamp(2rem,7vw,6rem) clamp(1.5rem,7vw,7rem);display:flex}.panel h2{border-bottom:1px solid var(--line-strong);color:var(--text);letter-spacing:0;margin:0 0 1.1rem;padding-bottom:.75rem;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:790;line-height:1.2}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 4rem;display:grid}.skill-group h3{color:var(--muted);margin:0 0 .65rem;font-size:1rem;font-weight:570;line-height:1.25}.chips{flex-wrap:wrap;gap:.55rem;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--chip-border);background:var(--chip);color:#cbd2dc;border-radius:999px;padding:.45rem .75rem;font-size:.9rem;font-weight:430;line-height:1.1}.timeline{--timeline-rail-left:6.695rem;--timeline-dot-top:4.05rem;gap:0;display:grid;position:relative}.role:not(:last-child):before{top:var(--timeline-dot-top);bottom:calc(var(--timeline-dot-top) * -1);left:var(--timeline-rail-left);z-index:0;background:repeating-linear-gradient(to bottom, var(--line-strong) 0, var(--line-strong) 4px, transparent 4px, transparent 7px);content:"";width:2px;margin-left:-1px;position:absolute}.role{z-index:1;padding:1.15rem 0 1.15rem 8.5rem;position:relative}.role-label{color:#8fb4ff;margin:0 0 .35rem;font-size:1.05rem;font-weight:760;line-height:1.2}.role-marker{align-items:flex-start;gap:1.25rem;margin-bottom:.35rem;display:flex;position:relative}.role-marker:after{z-index:1;border:4px solid var(--bg);width:.65rem;height:.65rem;box-shadow:0 0 0 1px var(--line-strong);content:"";background:#8fb4ff;border-radius:50%;position:absolute;top:.38rem;left:-2.38rem}.role h3{color:var(--text);text-wrap:balance;margin:0;font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:810;line-height:1.22}.role time{color:#a8c5ff;text-align:center;text-transform:uppercase;background:#8fb4ff1a;border:1px solid #8fb4ff47;border-radius:999px;justify-content:center;align-items:center;width:5.8rem;min-height:1.65rem;font-size:.68rem;font-weight:760;line-height:1.1;display:inline-flex;position:absolute;top:0;left:-8.5rem}.company{color:#d1d6df;margin:.45rem 0 0;font-weight:690;line-height:1.25}.role-body{color:var(--muted);text-wrap:pretty;margin:.55rem 0 0;font-size:.96rem;font-weight:390;line-height:1.58}@media (width<=980px){.resume-page{grid-template-columns:1fr}.profile{border-right:0;border-bottom:1px solid var(--line);height:auto;min-height:auto;padding-top:4rem;padding-bottom:4rem;position:static}.resume-content{min-height:auto}}@media (width<=680px){.timeline{--timeline-rail-left:.995rem}.profile,.resume-content{padding-inline:1.25rem}.skills-grid{grid-template-columns:1fr}.role{padding-left:2.2rem}.role time{width:auto;margin-bottom:.6rem;padding:.3rem .6rem;position:static}.role-marker{display:block}.role-marker:after{left:-1.78rem}}
