html,body,#root{min-height:100%}:root{--bg:#0a0a0f;--bg-elevated:#111116;--ink:#f2f3f5;--muted:#9a9aa3;--faint:#63636e;--amber:#fcbb00;--amber-dim:#fcbb0024;--amber-line:#fcbb0052;--line:#e6e8eb14;--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--pad:clamp(1.25rem, 4vw, 3.5rem);--max:1040px}main{background:linear-gradient(#0000 0 85svh,#0a0a0fb8 100svh,#0a0a0fe0 100%)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;margin:0;font-weight:400;line-height:1.5}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}.site{isolation:isolate;min-height:100vh;position:relative}.waveform-wallpaper{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.topbar,main,.footer{z-index:1;position:relative}.topbar{z-index:20;padding:1rem var(--pad);-webkit-backdrop-filter:blur();backdrop-filter:blur();background:linear-gradient(#0a0a0fe0,#0a0a0f00);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.mark{font-family:var(--font-mono);letter-spacing:.08em;color:var(--amber);border:1px solid var(--amber-line);padding:.35rem .55rem;font-size:.85rem;font-weight:600}.nav{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);gap:1.5rem;font-size:.75rem;display:none}.nav a:hover{color:var(--amber)}.nav-cta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--bg);background:var(--amber);padding:.45rem .85rem;font-size:.75rem;transition:transform .25s,box-shadow .25s}.nav-cta:hover{transform:translateY(-1px)}@media (width>=760px){.nav{display:flex}}.hero{min-height:100svh;padding:7rem var(--pad) 5.5rem;max-width:var(--max);flex-direction:column;justify-content:flex-end;margin:0 auto;display:flex;position:relative}.hero-copy{max-width:42rem}.hero-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.55rem;margin:0 0 1.25rem;font-size:.78rem;display:inline-flex}.live-dot{background:var(--amber);border-radius:50%;width:7px;height:7px;animation:2.4s ease-out infinite pulse;box-shadow:0 0 #fcbb0080}@keyframes pulse{0%{box-shadow:0 0 #fcbb0073}70%{box-shadow:0 0 0 10px #fcbb0000}to{box-shadow:0 0 #fcbb0000}}.brand{letter-spacing:-.055em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(3rem,11vw,6.75rem);font-weight:700;line-height:.94;animation:.85s cubic-bezier(.22,1,.36,1) both brandIn}@keyframes brandIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.hero-line{letter-spacing:-.01em;max-width:32rem;color:var(--muted);margin:1.5rem 0 0;font-size:clamp(1rem,2vw,1.15rem);font-weight:400;animation:.85s cubic-bezier(.22,1,.36,1) .12s both rise}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;animation:.9s cubic-bezier(.22,1,.36,1) .35s both rise;display:flex}.btn{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;padding:.85rem 1.25rem;font-size:.78rem;transition:transform .2s,background .2s,color .2s;display:inline-flex}.btn-primary{background:var(--amber);color:var(--bg)}.btn-primary:hover{transform:translateY(-2px)}.btn-ghost{border:1px solid var(--amber-line);color:var(--amber);background:0 0}.btn-ghost:hover{background:var(--amber-dim)}.section{max-width:var(--max);padding:clamp(5rem, 12vw, 8.5rem) var(--pad);margin:0 auto}.section+.section{border-top:1px solid #e6e8eb0d}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);align-items:center;gap:.45rem;margin:0 0 1rem;font-size:.7rem;display:flex}.hex-mark{font-family:var(--font-mono);letter-spacing:.06em;color:#fcbb008c;-webkit-user-select:none;user-select:none;font-size:.62rem;font-weight:500}.hex-mark--chip{color:#fcbb0061;font-size:.58rem}.hex-mark--bullet{color:#fcbb00a6;font-size:.62rem;position:absolute;top:.2em;left:0}.hex-mark--cert{color:#fcbb008c;margin-top:.3rem;font-size:.62rem}.skill-band-name .hex-mark,.certs h3 .hex-mark,.project-top h3 .hex-mark{margin-right:.35rem}.section h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.9rem,4vw,2.65rem);font-weight:600;line-height:1.1}.lede{max-width:32rem;color:var(--muted);margin:1.15rem 0 0;font-size:1.05rem;line-height:1.65}.lede a{color:var(--amber);border-bottom:1px solid var(--amber-line)}.stat-row{border-top:1px solid #e6e8eb0d;grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem;margin-top:3.5rem;padding-top:2.25rem;display:grid}@media (width>=800px){.stat-row{grid-template-columns:repeat(4,1fr);gap:2rem}}.stat-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:.4rem;font-size:.68rem;display:block}.stat-value{letter-spacing:-.045em;color:var(--ink);font-size:clamp(1.85rem,3.5vw,2.5rem);font-weight:600;line-height:1;display:block}.stat-value small{color:var(--amber);margin-left:.15em;font-size:.45em;font-weight:600}.stat-detail{color:var(--muted);margin-top:.45rem;font-size:.85rem;display:block}.chart-grid{gap:1.25rem;margin-top:3.5rem;display:grid}.chart-grid--dense{grid-template-columns:1fr}@media (width>=800px){.chart-grid--dense{grid-template-columns:1fr 1fr}.chart-panel--wide{grid-column:1/-1}}.chart-panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0f8c;border:1px solid #fcbb001a;padding:1.35rem 1.35rem .65rem}.chart-head h3{letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:650}.chart-head p{font-family:var(--font-mono);color:var(--faint);letter-spacing:.04em;margin:.25rem 0 0;font-size:.7rem}.chart-body{height:240px;margin-top:.5rem}.chart-panel--wide .chart-body{height:260px}.skill-bands{flex-direction:column;gap:0;margin-top:3rem;display:flex}.skill-band{border-bottom:1px solid #e6e8eb0d;gap:.35rem;padding:1rem 0;display:grid}.skill-band:first-child{border-top:1px solid #e6e8eb0d}@media (width>=700px){.skill-band{grid-template-columns:6.5rem 1fr;align-items:baseline;gap:1.5rem}}.skill-band-name{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);align-items:center;gap:.35rem;padding-top:.35rem;font-size:.68rem;display:inline-flex}.skill-logos{flex-wrap:wrap;gap:.45rem;display:flex}.skill-chip{color:var(--muted);background:#0a0a0f59;border:1px solid #fcbb0024;align-items:center;gap:.4rem;padding:.35rem .55rem;font-size:.85rem;transition:border-color .2s,color .2s;display:inline-flex}.skill-chip:hover{color:var(--ink);border-color:#fcbb0066}.tech-icon{object-fit:contain;opacity:.92;flex-shrink:0;display:block}.timeline{flex-direction:column;gap:2.5rem;margin-top:3rem;display:flex}.job{border-left:1px solid var(--amber-line);gap:1.25rem;padding-left:1.35rem;display:grid}@media (width>=800px){.job{grid-template-columns:15rem 1fr;gap:2rem}}.job-meta h3{letter-spacing:-.02em;margin:0;font-size:1.35rem}.job-company-link{color:inherit;transition:color .2s}.job-company-link span{color:var(--amber);opacity:.7;font-size:.75em}.job-company-link:hover{color:var(--amber)}.job-role{color:var(--amber);font-family:var(--font-mono);letter-spacing:.04em;margin:.35rem 0 0;font-size:.8rem}.job-when{font-family:var(--font-mono);color:var(--faint);margin:.35rem 0 0;font-size:.72rem}.job ul{flex-direction:column;gap:.75rem;display:flex}.job li{color:var(--muted);padding-left:1.75rem;font-size:.98rem;position:relative}.certs{border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem}.certs h3{align-items:center;gap:.4rem;margin:0 0 1.25rem;font-size:1.1rem;display:flex}.certs ul{gap:1rem;display:grid}@media (width>=700px){.certs ul{grid-template-columns:repeat(3,1fr)}}.certs li{align-items:flex-start;gap:.75rem;display:flex}.certs .tech-icon{margin-top:.15rem}.cert-status{background:var(--amber);flex-shrink:0;width:8px;height:8px;margin-top:.4rem}.cert-status--in-progress{border:1.5px solid var(--amber);background:0 0}.certs strong{font-size:.95rem;font-weight:600;display:block}.certs li>div span{font-family:var(--font-mono);color:var(--faint);margin-top:.2rem;font-size:.7rem;display:block}.project-showcase{flex-direction:column;gap:3rem;margin-top:2.75rem;display:flex}.project-card{color:inherit;display:block}.project-frame{background:#0a0a0fb3;border:1px solid #fcbb0024;transition:border-color .3s,transform .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.project-card:hover .project-frame{border-color:#fcbb0059;transform:translateY(-3px)}.project-chrome{background:#111116e6;border-bottom:1px solid #fcbb001a;align-items:center;gap:.4rem;padding:.65rem .85rem;display:flex}.project-chrome span{background:#fcbb0059;border-radius:50%;width:8px;height:8px}.project-chrome span:first-child{background:#fcbb008c}.project-chrome span:nth-child(2){background:#e8c54773}.project-chrome span:nth-child(3){background:#c9852a73}.project-chrome em{font-style:normal;font-family:var(--font-mono);letter-spacing:.04em;color:var(--faint);margin-left:.65rem;font-size:.68rem}.project-frame img{aspect-ratio:16/9.5;object-fit:cover;object-position:top center;background:#111;width:100%;height:auto;display:block}.project-copy{padding:1.25rem 0 0}.project-top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.project-copy h3{letter-spacing:-.03em;align-items:baseline;gap:.4rem;margin:0;font-size:clamp(1.4rem,3vw,1.85rem);font-weight:600;display:inline-flex}.project-arrow{font-family:var(--font-mono);color:var(--amber);opacity:.55;transition:opacity .25s,transform .25s}.project-card:hover .project-arrow{opacity:1;transform:translate(2px,-2px)}.project-copy>p{max-width:40rem;color:var(--muted);margin:.55rem 0 0;font-size:.98rem;line-height:1.6}.project-stack-line{font-family:var(--font-mono);letter-spacing:.04em;opacity:.85;color:var(--amber)!important;margin:.85rem 0 0!important;font-size:.72rem!important}.section--contact{padding-bottom:5rem}.contact-links{font-family:var(--font-mono);flex-direction:column;gap:.85rem;margin-top:2rem;font-size:clamp(.95rem,2.5vw,1.15rem);display:flex}.contact-links a{color:var(--ink);border-bottom:1px solid #0000;width:fit-content;transition:color .2s,border-color .2s}.contact-links a:hover{color:var(--amber);border-bottom-color:var(--amber-line)}.footer{padding:1.5rem var(--pad) 2.5rem;max-width:var(--max);font-family:var(--font-mono);letter-spacing:.06em;color:var(--faint);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin:0 auto;font-size:.7rem;display:flex}.footer-wave{color:var(--amber);opacity:.7;font:inherit;cursor:default;background:0 0;border:0;margin:0;padding:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}