:root,:root[data-theme=dark],body[data-theme=dark]{--page-bg: #0a192f;--page-bg-edge: #071426;--panel-bg: #112240;--panel-bg-soft: #1b2f52;--line: rgba(129, 155, 158, .18);--line-strong: rgba(129, 155, 158, .26);--text: #f8fbff;--muted: #b6c2cf;--muted-soft: #9eb2bf;--pill: #1b2b47;--tag: #17304f;--accent: #64ffda;--shadow: 0 28px 70px rgba(2, 12, 27, .45)}:root[data-theme=light],body[data-theme=light]{--page-bg: #edf4fb;--page-bg-edge: #d8e6f4;--panel-bg: #f7fbff;--panel-bg-soft: #e8f1fb;--line: rgba(17, 34, 64, .12);--line-strong: rgba(17, 34, 64, .2);--text: #10243f;--muted: #3f5876;--muted-soft: #59718f;--pill: #e3edf8;--tag: #dde9f7;--accent: #0d9488;--shadow: 0 26px 60px rgba(17, 34, 64, .1)}*{box-sizing:border-box;min-width:0}html,body,#root{min-height:100%}body{margin:0;background:var(--page-bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-chrome{min-height:100vh;padding:0 20px;background:linear-gradient(90deg,var(--page-bg-edge) 0,var(--page-bg-edge) 15%,var(--panel-bg) 15%,var(--panel-bg) 85%,var(--page-bg-edge) 85%,var(--page-bg-edge) 100%)}.site-frame{max-width:1120px;margin:0 auto;min-height:100vh;padding:30px 54px 28px;background:var(--panel-bg);border-left:1px solid rgba(100,255,218,.05);border-right:1px solid rgba(100,255,218,.05)}.site-header,.site-footer,.about-hero,.narrow-page,.detail-page{width:min(100%,940px);margin:0 auto}.site-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:20px}.avatar-link{width:34px;height:34px;border-radius:999px;overflow:hidden;border:1px solid var(--line-strong)}.avatar-link img{width:100%;height:100%;object-fit:cover}.nav-pill{justify-self:center;display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:#17304fe0;border:1px solid rgba(129,155,158,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-pill a,.theme-toggle{font-size:12px;line-height:1}.nav-pill a{padding:10px 16px;border-radius:999px;color:var(--text);opacity:.82}.nav-pill a.active,.nav-pill a:hover{background:#64ffda14;opacity:1}.theme-toggle{justify-self:end;width:46px;height:46px;display:grid;place-items:center;border-radius:999px;background:var(--pill);border:1px solid var(--line);color:var(--muted-soft);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--line-strong);color:var(--text)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.theme-icon{width:24px;height:24px;fill:none;stroke:currentColor}.theme-icon-sun{display:none}[data-theme=light] .theme-icon-sun{display:block}[data-theme=light] .theme-icon-moon{display:none}main{padding-top:66px}.about-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:72px}.about-copy h1,.listing-hero h1,.detail-page h1{margin:0;font-size:3.2rem;line-height:1.02;letter-spacing:-.04em;font-weight:700}.about-copy p,.listing-hero p,.detail-summary,.detail-body p,.timeline-content p,.project-tile p,.listing-content p,.uses-card li,.site-footer p{color:var(--muted-soft);line-height:1.8;font-size:1.02rem}.about-copy>p{margin:28px 0 0}.section-blockless{margin-top:82px}.section-blockless h2,.detail-section h2,.uses-card h2{margin:0 0 28px;font-size:1.2rem;line-height:1.2}.timeline-list{display:grid;gap:34px}.timeline-row{display:grid;grid-template-columns:20px 1fr;gap:18px}.timeline-rail{position:relative}.timeline-rail:before{content:"";position:absolute;top:8px;left:7px;width:6px;height:6px;border-radius:999px;background:#b87333;box-shadow:0 0 0 8px #b873331f}.timeline-rail:after{content:"";position:absolute;top:22px;bottom:-30px;left:9px;width:1px;background:var(--line-strong)}.timeline-row:last-child .timeline-rail:after{display:none}.timeline-date,.detail-kicker,.tile-kicker,.listing-date,.company-name{color:var(--muted-soft)}.timeline-date,.listing-date,.detail-kicker{margin:0 0 8px;font-size:.92rem}.timeline-content h3,.project-tile h2,.listing-content h2{margin:0;font-size:1.85rem;line-height:1.15}.company-name{margin:2px 0 14px;font-weight:600}.timeline-content ul,.detail-section ul,.uses-card ul{margin:18px 0 0;padding-left:18px;color:var(--muted-soft);line-height:1.8}.about-side{padding-top:18px}.hero-photo-card{overflow:hidden;border-radius:28px;background:linear-gradient(160deg,#203354,#12233e 58%,#0f1f38);transform:rotate(3deg);box-shadow:var(--shadow)}.hero-photo-card img{width:100%;aspect-ratio:1 / 1.05;object-fit:cover}.contact-panel{margin-top:34px;border-top:1px solid var(--line);display:grid}.contact-panel a{padding:18px 0;border-bottom:1px solid var(--line);color:var(--text);opacity:.9}.contact-panel a:hover,.inline-link:hover,.back-link:hover,.site-footer a:hover{opacity:1;color:var(--accent)}.resume-link{font-weight:600}.metric-grid{margin-top:36px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.metric-card,.project-tile,.uses-card,.impact-banner{border:1px solid var(--line);background:#ffffff05;border-radius:18px}.metric-card{padding:18px}.metric-card strong{display:block;font-size:1.7rem;letter-spacing:-.04em;color:var(--accent)}.metric-card span{display:block;margin-top:8px;color:var(--muted-soft);line-height:1.5}.narrow-page,.detail-page{padding-top:58px}.listing-hero,.detail-page{max-width:760px}.listing-hero p,.detail-summary{margin-top:22px;max-width:58ch}.article-listing{margin-top:56px}.listing-row{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:26px 0;border-top:1px solid var(--line)}.listing-row:last-child{border-bottom:1px solid var(--line)}.listing-content h2{font-size:1.18rem}.card-grid{margin-top:48px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-tile{padding:18px}.tile-image{width:100%;aspect-ratio:1.7 / 1;border-radius:12px;margin-bottom:16px}.tile-image-gradient{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.15),transparent 25%),linear-gradient(135deg,#547199,#293f64 58%,#132340)}.tile-kicker{margin:8px 0 14px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag-row span{padding:7px 10px;border-radius:999px;background:var(--tag);color:#d8f6ef;font-size:.76rem}.inline-link,.back-link{display:inline-block;margin-top:18px;color:#7dd3fc;font-size:.95rem}.uses-list{display:grid;gap:18px;margin-top:48px}.uses-card{padding:24px}.detail-page h1{margin-top:8px;font-size:clamp(2.4rem,5.2vw,4rem)}.detail-body{margin-top:28px}.detail-section{margin-top:34px}.impact-banner{margin-top:28px;padding:20px 22px;border-color:#b8733359;background:linear-gradient(180deg,#b8733314,#ffffff05)}.impact-banner strong{display:block;margin-bottom:8px;color:#ffd3a8}.big-gap{gap:10px}.site-footer{display:flex;justify-content:space-between;gap:30px;padding:70px 0 18px;border-top:1px solid var(--line);margin-top:80px}.footer-links-row{display:flex;gap:18px;flex-wrap:wrap;font-size:.9rem;color:var(--muted-soft)}.site-footer p{margin:0;font-size:.9rem}@media (max-width: 960px){.site-frame{padding:24px 24px 28px}.about-hero{grid-template-columns:1fr;gap:44px}.about-side{padding-top:0}.card-grid{grid-template-columns:1fr}}@media (max-width: 720px){.site-chrome{padding:0;background:var(--panel-bg)}.site-frame{padding:18px 18px 28px}.site-header{grid-template-columns:38px 1fr 38px;gap:12px}.nav-pill{overflow-x:auto;max-width:100%}main{padding-top:36px}.about-copy h1,.listing-hero h1,.detail-page h1{font-size:2.55rem}.listing-row{grid-template-columns:1fr;gap:10px}.metric-grid{grid-template-columns:1fr}.site-footer{flex-direction:column;margin-top:56px}}body[data-theme=light] .hero-photo-card{background:linear-gradient(160deg,#d9e7f7,#eef5fc 58%,#dbe8f5)}body[data-theme=light] .metric-card,body[data-theme=light] .project-tile,body[data-theme=light] .uses-card,body[data-theme=light] .impact-banner{background:#ffffffb8}body[data-theme=light] .nav-pill{background:linear-gradient(180deg,#deeaf6fa,#d2e1f1f5);border-color:#1122401f;box-shadow:0 12px 26px #11224014,inset 0 1px #ffffffa6}body[data-theme=light] .nav-pill a{color:#28415e;opacity:1}body[data-theme=light] .nav-pill a.active,body[data-theme=light] .nav-pill a:hover{background:linear-gradient(180deg,#fff,#eef5fc);color:#10243f;box-shadow:0 1px #ffffffe6,0 6px 14px #11224014}body[data-theme=light] .theme-toggle{background:linear-gradient(180deg,#eef5fc,#dde9f7);border-color:#1122401f;color:#37516e;box-shadow:0 10px 24px #11224014,inset 0 1px #ffffffbf}body[data-theme=light] .theme-toggle:hover{color:#10243f}body[data-theme=light] .tag-row span{color:#16324f}body[data-theme=light] .inline-link,body[data-theme=light] .back-link{color:#0f6cbd}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.version-badge{display:inline-flex;align-items:center;border:1px solid var(--border-soft);background:var(--panel-soft);color:var(--text-muted);border-radius:999px;padding:6px 12px;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}@media (max-width: 720px){.section-title-row{align-items:flex-start;flex-direction:column}}