: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}.site-header nav a[aria-current=page]{color:var(--accent)}.about-page{max-width:800px;padding:48px 0 32px}.about-page h1{margin-bottom:22px}.about-page p{margin-top:16px;color:var(--muted);line-height:1.8}.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;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}.about-portrait-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:start}.about-headshot{display:block;width:180px;max-width:100%;height:auto;border-radius:8px}.about-biography p:first-child{margin-top:0}.project-technologies{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:12px 0 0;padding:0}.project-technologies li{color:var(--muted);border:1px solid var(--border);padding:1px 7px;border-radius:4px;font-size:10px}.work-page{padding:48px 0 32px}.work-page>h1{margin-bottom:28px}.work-section h2{font-size:17px;font-weight:600;letter-spacing:-.3px}.work-dates{color:var(--muted);font-weight:400}.work-section>p{color:var(--muted);font-size:13px;margin-top:8px}.work-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.work-video-card{min-width:0;background:var(--card);border:1px solid var(--border);border-radius:8px;overflow:hidden}.work-video-media{background:var(--preview)}.work-video-play{position:relative;display:block;border:0;padding:0;width:100%;height:100%;background:none;cursor:pointer}.work-video-play img,.work-video-media video{display:block;width:100%;height:100%;object-fit:contain}.work-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#232b28cc}.work-video-play:hover .work-play-icon{background:var(--accent)}.work-video-play:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.work-video-card h3{font-size:13px;font-weight:500;padding:12px 16px}.work-video-card>p{font-size:12px;color:var(--muted);padding:0 16px 12px}.work-empty-section{margin-top:32px;border-top:1px solid var(--border);padding-top:24px}.resume-page{padding:48px 0 32px}.resume-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px;font-size:13px}.resume-download{display:inline-block;padding:8px 14px;border:1px solid var(--accent);border-radius:4px;text-decoration:none}.resume-download:hover{background:var(--preview)}.resume-help{margin:16px 0;font-size:12px;color:var(--muted)}.resume-viewer{display:block;width:100%;height:75vh;min-height:420px;border:1px solid var(--border);border-radius:4px;background:var(--card)}@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}.about-portrait-layout{grid-template-columns:1fr;gap:20px}.about-headshot{width:160px}}@media(max-width:680px){.work-video-grid{grid-template-columns:1fr}}