.robot-demo{position:relative;margin-bottom:28px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--preview)}.robot-demo-label{position:absolute;top:13px;left:16px;z-index:1;color:var(--muted);font-size:10px;letter-spacing:.7px;pointer-events:none}.robot-canvas{width:100%;height:290px}.robot-play-pause{position:absolute;top:10px;right:12px;z-index:1;min-width:53px;padding:4px 10px;border:1px solid var(--border);border-radius:4px;background:var(--card);color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.robot-play-pause:hover{color:var(--text);border-color:var(--accent)}.robot-play-pause:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.robot-play-pause:disabled{cursor:default;opacity:.6}.robot-canvas canvas{display:block;max-width:100%}.robot-unavailable{padding:90px 24px;text-align:center;color:var(--muted);font-size:13px}@media(max-width:540px){.robot-canvas{height:260px}}:root{color-scheme:light;--background: #f8f9f7;--text: #232b28;--muted: #64716a;--accent: #31654e;--card: #ffffff;--border: #dce2dc;--preview: #eef1ec;--focus: #31654e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark;--background: #181d1a;--text: #eef1ed;--muted: #a4b0a7;--accent: #a3d3b5;--card: #202722;--border: #3a463e;--preview: #29332c;--focus: #a3d3b5}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-size:15px;line-height:1.6}a{color:var(--accent);text-underline-offset:4px}a:focus-visible{outline:2px solid var(--focus);outline-offset:5px;border-radius:2px}h1,h2,h3,p{margin:0}section{scroll-margin-top:24px}.portfolio-page{min-height:100vh}.site-shell{width:min(100% - 64px,1000px);margin:0 auto}.skip-link{position:fixed;top:12px;left:12px;z-index:10;padding:8px 14px;background:var(--card);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:84px;border-bottom:1px solid var(--border);gap:20px}.logo{font-size:26px;font-weight:700;letter-spacing:-1.5px;text-decoration:none;color:var(--text)}.logo span{color:var(--accent)}.site-header nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:26px}.site-header nav a{font-size:13px;text-decoration:none;color:var(--muted)}.site-header nav a:hover{color:var(--accent);text-decoration:underline}.site-header nav a[aria-disabled=true]{opacity:.55;cursor:default}.introduction{padding:37px 0 35px;max-width:660px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent);margin-bottom:7px}h1{font-size:clamp(28px,4vw,38px);line-height:1.25;font-weight:600;letter-spacing:-1.2px}.intro-subtitle{color:var(--muted);margin-top:10px;max-width:600px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}.section-heading h2{font-size:17px;font-weight:600;letter-spacing:-.3px}.section-heading p{font-size:12px;color:var(--muted)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:18px}.project-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--card)}.project-card--live:hover{border-color:var(--accent)}.project-preview{height:140px;background:var(--preview);border-bottom:1px solid var(--border);overflow:hidden}.project-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.preview-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.preview-name{color:var(--accent);font-size:25px;font-weight:500;letter-spacing:-1px}.preview-label{font-size:10px;color:var(--muted);letter-spacing:1.1px;text-transform:uppercase}.project-details{padding:15px 18px 17px;flex:1}.project-title-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.project-title-row h3{font-size:15px;font-weight:600}.project-link{color:var(--text);text-decoration:none}.project-link:after{content:"";position:absolute;inset:0}.project-link:focus-visible{outline:none}.project-card:has(.project-link:focus-visible){outline:2px solid var(--focus);outline-offset:4px}.project-arrow{margin-left:7px;color:var(--accent);font-size:14px}.project-status{font-size:11px;white-space:nowrap;color:var(--muted)}.project-status--live{color:var(--accent)}.project-details p{font-size:13px;margin-top:4px;color:var(--muted)}.details-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px;margin-top:30px;padding-top:23px;border-top:1px solid var(--border)}.details-grid h2{font-size:13px;font-weight:600;margin-bottom:6px}.details-grid p,.details-grid a{font-size:12px;color:var(--muted)}.details-grid a{color:var(--accent);overflow-wrap:anywhere}.site-footer{display:flex;justify-content:space-between;margin-top:24px;padding:16px 0 20px;color:var(--muted);font-size:11px}@media(max-width:760px){.site-shell{width:calc(100% - 40px)}.site-header{min-height:72px}.site-header nav{gap:20px}.project-title-row{flex-wrap:wrap;gap:3px 10px}.details-grid{gap:20px}}@media(max-width:540px){.site-shell{width:calc(100% - 32px)}.site-header{gap:16px}.site-header nav{gap:14px}.site-header nav a{font-size:12px}.introduction{padding:30px 0}.intro-subtitle{font-size:14px}.section-heading{display:block}.section-heading p{margin-top:3px}.projects-grid{grid-template-columns:1fr;gap:16px}.project-preview{height:155px}.details-grid{grid-template-columns:1fr;gap:20px;margin-top:26px}}