:root{color-scheme:dark;--bg:#08111f;--surface:#0e1b2c;--text:#edf4fb;--muted:#9aacc0;--accent:#73e2d0;--line:rgba(179,205,230,.14);--width:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.site-container{width:min(var(--width),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;top:12px;left:12px;z-index:10;padding:10px 14px;transform:translateY(-160%);background:var(--accent);color:var(--bg);font-weight:700}.skip-link:focus{transform:translateY(0)}.site-header{position:absolute;inset:0 0 auto;z-index:2;border-bottom:1px solid rgba(237,244,251,.12)}.header-inner,.brand,.main-nav,.header-contact{display:flex;align-items:center}.header-inner{min-height:76px;justify-content:space-between;gap:28px}.brand{gap:11px;text-decoration:none;font-size:.79rem;font-weight:750;letter-spacing:.12em}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(115,226,208,.58);color:var(--accent);font-size:.72rem;letter-spacing:.03em}.main-nav{gap:30px}.main-nav a,.header-contact{color:#c0cede;font-size:.87rem;text-decoration:none;transition:color .2s ease}.main-nav a:hover,.header-contact:hover{color:var(--accent)}.header-contact{gap:8px;color:var(--accent)}.hero{position:relative;display:flex;min-height:min(820px,100svh);align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(8,17,31,.94) 0%,rgba(8,17,31,.78) 46%,rgba(8,17,31,.46) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 30%),url("hero-background.jpg") center 50% / cover}.hero::after{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(155,190,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(155,190,218,.035) 1px,transparent 1px);background-size:54px 54px;content:"";pointer-events:none}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,370px);align-items:end;gap:56px;padding-top:120px;padding-bottom:100px}.eyebrow,.section-kicker{margin:0 0 20px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(115,226,208,.7)}.portfolio h1,.portfolio h2,.portfolio h3,.portfolio p{margin-top:0}.portfolio h1{max-width:760px;margin-bottom:14px;font-size:clamp(3.8rem,9vw,7.3rem);font-weight:650;letter-spacing:-.075em;line-height:.96}.portfolio h1 span{color:var(--accent)}.hero-role{margin-bottom:16px;color:#dce8f4;font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:500}.hero-description{max-width:620px;margin-bottom:25px;color:#bac9d9}.tech-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px;padding:0;list-style:none}.tech-list li{padding:5px 10px;border:1px solid rgba(179,205,230,.2);background:rgba(8,17,31,.38);color:#d5e0eb;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:12px;padding:0 17px;border:1px solid var(--line);font-size:.9rem;font-weight:650;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.button-primary{border-color:var(--accent);background:var(--accent);color:#07151b}.button-primary:hover{border-color:#a0f4e7;background:#a0f4e7}.button-secondary{background:rgba(8,17,31,.32);color:var(--text)}.button-secondary:hover{border-color:var(--accent);color:var(--accent)}.hero-note{padding:20px 0 5px 22px;border-left:1px solid rgba(115,226,208,.55)}.hero-note-label{margin-bottom:10px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.hero-note strong{display:block;margin-bottom:6px;font-size:2rem;font-weight:600}.hero-note p:last-child{margin-bottom:0;color:#c2d0df;font-size:.9rem}.hero-code{min-width:0;border:1px solid rgba(115,226,208,.32);background:rgba(8,17,31,.9);box-shadow:0 24px 80px rgba(0,0,0,.28)}.code-bar{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem}.code-dots{display:flex;gap:5px}.code-dots i{width:7px;height:7px;border-radius:50%;background:#e77a75}.code-dots i:nth-child(2){background:#e5bc69}.code-dots i:nth-child(3){background:#73c89a}.code-file{flex:1;margin-left:8px;color:#d5e0eb}.code-badge{color:var(--accent)}.code-caption{margin:0;padding:14px 16px 0;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;letter-spacing:.04em}.hero-code pre{overflow-x:auto;margin:0;padding:16px;color:#d5e0eb;font-size:.72rem;line-height:1.8}.hero-code code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.code-keyword{color:#c792ea}.code-type{color:#82aaff}.code-method{color:#82d8c6}.code-footer{display:flex;justify-content:space-between;gap:16px;padding:11px 15px;border-top:1px solid var(--line);color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;letter-spacing:.04em}.code-footer strong{color:var(--accent);font-weight:600}.section{padding-block:104px}.section-bordered{border-top:1px solid var(--line)}.section-heading{max-width:720px;margin-bottom:48px}.section-kicker{margin-bottom:12px}.section-heading h2,.about-copy h2,.ai-copy h2{margin-bottom:16px;font-size:clamp(2rem,4vw,3.2rem);font-weight:570;letter-spacing:-.055em;line-height:1.12}.section-heading > p:last-child,.about-copy > p,.ai-copy > p{color:var(--muted)}.about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);gap:88px;align-items:start}.about-copy > p:last-child{margin-bottom:0}.principles{display:grid;margin:0;padding:0;border-top:1px solid var(--line);list-style:none}.principles li{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);color:#d8e3ee}.principles span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}.career-timeline{margin:0;padding:0;list-style:none}.career-entry{display:grid;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);gap:32px;padding:24px 0;border-top:1px solid var(--line)}.career-entry:last-child{border-bottom:1px solid var(--line)}.career-period{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.career-entry h3{margin-bottom:5px;font-size:1.12rem;font-weight:620}.career-employer{margin-bottom:10px;color:#d5e0eb;font-size:.92rem}.career-description{margin-bottom:0;color:var(--muted);font-size:.92rem}.specialty-section{background:#0b1625}.specialty-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.specialty-card{min-height:205px;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(19,36,58,.78),rgba(14,27,44,.7))}.card-number{display:block;margin-bottom:28px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}.specialty-card h3{margin-bottom:8px;font-size:1.12rem;font-weight:620}.specialty-card p{margin-bottom:0;color:var(--muted);font-size:.9rem}.ai-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);gap:72px;align-items:center}.ai-copy > p:last-child{margin-bottom:0}.ai-panel{padding:25px;border:1px solid var(--line);background:var(--surface);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ai-panel-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:.72rem;letter-spacing:.07em}.ai-panel-top span:last-child,.ai-panel .code-accent{color:var(--accent)}.ai-panel p{margin:0;color:#cbd8e6;font-size:.87rem}.ai-panel p + p{margin-top:10px}.ai-panel .code-comment{color:#74899f}.quote-section{padding-top:0}.quote-card{position:relative;padding:44px 48px;border-left:2px solid var(--accent);background:var(--surface)}.quote-mark{position:absolute;top:15px;right:28px;color:rgba(115,226,208,.22);font-family:Georgia,serif;font-size:5rem;line-height:1}blockquote{position:relative;max-width:800px;margin:0;font-size:clamp(1.35rem,3vw,2.1rem);font-weight:500;letter-spacing:-.035em;line-height:1.35}.contact-section{padding-top:30px}.contact-inner{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:38px 0;border-top:1px solid var(--line)}.contact-inner h2{margin-bottom:8px;font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:570;letter-spacing:-.05em}.contact-inner p{margin-bottom:0;color:var(--muted)}.contact-links{display:grid;min-width:250px;gap:12px;padding-left:24px;border-left:1px solid rgba(115,226,208,.55)}.contact-links a{color:var(--accent);font-size:1.02rem;text-decoration:none;text-underline-offset:5px}.contact-links a:hover{color:#a0f4e7;text-decoration:underline}.site-footer{padding:20px 0 28px;border-top:1px solid var(--line);color:#8193a8;font-size:.82rem}.footer-inner{display:flex;justify-content:space-between;gap:20px}.site-footer p{margin-bottom:0}.site-footer a{color:var(--accent);text-decoration:none}.site-footer a:hover{text-decoration:underline;text-underline-offset:4px}@media (max-width:800px){.hero{min-height:100svh;background-position:58% center}.hero-content{grid-template-columns:1fr;gap:36px;padding-top:140px}.hero-code{max-width:440px}.about-grid,.ai-grid{grid-template-columns:1fr;gap:42px}.specialty-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.main-nav{display:none}}@media (max-width:560px){.site-container{width:min(var(--width),calc(100% - 36px))}.header-inner{min-height:68px;gap:12px}.brand{gap:8px;font-size:.68rem}.brand-mark{width:30px;height:30px}.main-nav{display:none}.header-contact{font-size:.82rem}.hero-content{padding-top:118px;padding-bottom:64px}.portfolio h1{font-size:clamp(3.5rem,17vw,5.3rem)}.section{padding-block:76px}.section-heading{margin-bottom:34px}.career-entry{grid-template-columns:1fr;gap:8px;padding:20px 0}.specialty-grid{grid-template-columns:1fr}.specialty-card{min-height:0}.card-number{margin-bottom:18px}.quote-card{padding:32px 24px}.contact-inner,.footer-inner{align-items:flex-start;flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms !important}}