:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#020617;--muted:#475569;--soft:#f8fafc;--line:#e2e8f0;--link:#075985}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--line);background:#fffffff0}.nav-wrap,.section,.hero{width:min(100% - 40px,1152px);margin:0 auto}.nav-wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;display:flex}.brand{font-size:18px;font-weight:900}.nav{color:#475569;flex-wrap:wrap;gap:18px;font-size:14px;font-weight:700;display:flex}.nav a:hover{color:var(--text)}.hero{grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:40px;padding:72px 0;display:grid}.section{padding:48px 0}.eyebrow{color:#64748b;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:13px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{margin-bottom:20px;font-size:clamp(42px,8vw,72px);font-weight:950;line-height:1.02}.section h1{font-size:clamp(38px,6vw,52px)}h2{margin-bottom:10px;font-size:28px;font-weight:950;line-height:1.15}.lead{max-width:760px;color:var(--muted);font-size:20px;line-height:1.65}.body-text{color:var(--muted);line-height:1.75}.actions,.card-grid,.contact-grid,.gallery,.project-list{gap:16px;display:grid}.actions,.gallery{flex-wrap:wrap;display:flex}.button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;font-weight:800;display:inline-flex}.button.primary{border-color:var(--text);background:var(--text);color:#fff}.linkedin{color:var(--link);background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:20px;padding:9px 14px;font-weight:800;display:inline-flex}.portrait,.logo-box,.media-frame,.pdf-frame,.card,.project-card,.edu-card,.nonprofit-card,.contact-card{border:1px solid var(--line);background:#fff;border-radius:8px;box-shadow:0 1px 3px #0f172a14}.portrait{background:#f1f5f9;width:100%;overflow:hidden}.portrait img,.logo-box img,.thumb img{object-fit:contain;width:100%;height:100%;display:block}.portrait img{height:auto}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}.card,.project-card,.contact-card{padding:24px}.project-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;display:flex}.logo-box{background:#f8fafc;justify-content:center;align-items:center;width:112px;height:112px;margin-bottom:24px;padding:8px;display:flex}.resume-points{max-width:800px;color:var(--muted);font-size:18px;line-height:1.7}.resume-top,.edu-card,.nonprofit-card{gap:24px;display:grid}.resume-top{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.pdf-frame{margin-top:32px;overflow:hidden;box-shadow:0 18px 40px #0f172a24}.frame-toolbar{border-bottom:1px solid var(--line);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.frame-toolbar h2,.frame-toolbar p{margin:0}.frame-toolbar p{color:#64748b;font-size:14px}iframe{background:#f1f5f9;border:0;width:100%;display:block}.pdf-frame iframe{height:78vh;min-height:680px}.edu-card{grid-template-columns:minmax(0,1fr) 132px;align-items:center;padding:24px}.edu-meta{color:#64748b;font-size:14px;font-weight:800}.edu-title-row{justify-content:space-between;gap:16px;display:flex}.edu-logo{width:112px;height:112px;margin-left:auto}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}.contact-card p:last-child{color:var(--text);font-size:20px;font-weight:950}.nonprofit-card{grid-template-columns:240px minmax(0,1fr);padding:20px}.nonprofit-logo{background:#f8fafc;justify-content:center;align-items:center;min-height:160px;padding:16px;display:flex}.thumb{border:1px solid var(--line);background:#f8fafc;border-radius:6px;width:176px;height:128px;padding:4px;overflow:hidden}.media-frame iframe{height:70vh;min-height:520px}@media (max-width:800px){.hero,.resume-top,.edu-card,.nonprofit-card,.card-grid,.contact-grid{grid-template-columns:1fr}.section,.hero{width:min(100% - 28px,1152px)}.hero{padding:48px 0}.edu-title-row{flex-direction:column}.edu-logo{margin-left:0}}
