:root{--surface: #ffffff;--surface-subtle: #f6f6f4;--surface-inverse: #141414;--text-primary: #161616;--text-secondary: #6b6b6b;--text-inverse: #ffffff;--text-inverse-secondary: #a0a0a0;--border-subtle: #e6e6e3;--border-inverse: #2e2e2e;--accent: #0066ff;--accent-hover: #0052cc;--font-heading: "Newsreader", Georgia, serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--maxw: 1140px;--pad-x: clamp(20px, 5vw, 56px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-family:var(--font-body);background:var(--surface);color:var(--text-primary);line-height:1.5}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding-left:var(--pad-x);padding-right:var(--pad-x)}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--text-secondary)}.link{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:13.5px;font-weight:500}.link:hover{text-decoration:underline;text-underline-offset:3px}.masthead{max-width:var(--maxw);margin:0 auto;padding:clamp(40px,6vw,64px) var(--pad-x) clamp(28px,3.5vw,40px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.masthead-name{font-family:var(--font-heading);font-weight:500;font-size:clamp(30px,4.4vw,42px);line-height:1.05;letter-spacing:-.015em}.masthead-line{font-family:var(--font-heading);font-weight:400;font-size:clamp(19px,2.4vw,24px);line-height:1.3;color:var(--text-secondary);max-width:26ch}.masthead-facts{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.masthead-links{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.mlink{display:inline-flex;align-items:center;gap:7px;font-size:14.5px;font-weight:500;padding:10px 16px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-primary);transition:background .15s ease,border-color .15s ease,color .15s ease}.mlink:hover{border-color:var(--text-primary)}.mlink-primary{background:var(--accent);border-color:var(--accent);color:var(--text-inverse)}.mlink-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.section{padding:clamp(32px,4vw,48px) 0}.experience{background:var(--surface);border-top:1px solid var(--border-subtle)}.demos{background:var(--surface-inverse)}.strip{background:var(--surface-subtle);border-top:1px solid var(--border-subtle)}.section-label{font-family:var(--font-heading);font-weight:400;font-size:22px;letter-spacing:-.01em;margin-bottom:10px}.section-label.inverse{color:var(--text-inverse)}.exp-list{display:flex;flex-direction:column}.exp-row{display:flex;justify-content:space-between;align-items:baseline;gap:32px;padding:15px 0;border-top:1px solid var(--border-subtle)}.exp-main{display:flex;flex-direction:column;gap:4px;max-width:760px}.exp-title{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.exp-role{font-size:15.5px;font-weight:600}.exp-company{font-size:15.5px;font-weight:500;color:var(--accent)}.exp-loc{font-size:12px}.exp-desc{font-size:14px;line-height:1.5;color:var(--text-secondary)}.exp-dates{font-size:12.5px;white-space:nowrap;flex-shrink:0}.section-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:10px}.section-header-row .section-label{margin-bottom:0}.demo-hint{letter-spacing:.12em;color:var(--text-inverse-secondary)}.demos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 24px}.demo-card{display:flex;flex-direction:column;gap:10px}.demo-video{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;border:1px solid var(--border-inverse);background:#000}iframe.demo-video{border:1px solid var(--border-inverse)}.yt-facade{position:relative;padding:0;cursor:pointer;background-size:cover;background-position:center;display:grid;place-items:center;transition:border-color .15s ease}.yt-facade:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:9px;background:#08080c47;transition:background .15s ease}.yt-facade:hover:after{background:#08080c1a}.yt-facade:hover{border-color:var(--accent)}.yt-play{position:relative;z-index:1;display:grid;place-items:center;width:58px;height:40px;border-radius:9px;background:#f03;color:#fff;transition:transform .15s ease}.yt-facade:hover .yt-play{transform:scale(1.08)}.demo-caption{display:flex;flex-direction:column;gap:4px}.demo-title{font-family:var(--font-heading);font-weight:400;font-size:17px;line-height:1.25;color:var(--text-inverse)}.demo-note{font-size:13.5px;line-height:1.5;color:var(--text-inverse-secondary)}.demo-caption .link{margin-top:2px}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.strip-col{display:flex;flex-direction:column;gap:18px}.strip-heading{font-family:var(--font-mono);font-weight:400;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.strip-item{display:flex;flex-direction:column;gap:4px}.strip-title{font-family:var(--font-heading);font-weight:400;font-size:17px;line-height:1.25}.strip-note{font-size:13.5px;line-height:1.5;color:var(--text-secondary)}.strip-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:2px}.footer{background:var(--surface-inverse);padding:20px 0}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--text-inverse-secondary)}.footer-contact{display:flex;gap:18px;flex-wrap:wrap}.footer-contact a:hover{color:var(--text-inverse)}.reveal{animation:rise .5s cubic-bezier(.22,1,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width: 860px){.strip-grid,.demos-grid{grid-template-columns:1fr;gap:26px}}@media (max-width: 700px){.exp-row{flex-direction:column;gap:6px}.exp-dates{order:-1}}@media (prefers-reduced-motion: reduce){*{animation:none!important;scroll-behavior:auto}}