@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Mono:wght@300;400;500&family=Epilogue:wght@300;400;500;600&display=swap");:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.75rem;--max-width:720px;--nav-height:56px;--ticker-height:36px;--radius-sm:4px;--radius-md:8px;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--z-ticker:90;--z-nav:100;--z-modal:200}:root,[data-theme=dark]{--bg-primary:#0d0d0d;--bg-secondary:#141414;--bg-tertiary:#1c1c1c;--bg-hover:#222;--surface-1:#181818;--surface-2:#202020;--surface-border:#2a2a2a;--text-primary:#f0ece4;--text-secondary:#a89f94;--text-tertiary:#6b6560;--text-inverse:#0d0d0d;--accent-primary:#c8b89a;--accent-hover:#ddd0b8;--accent-muted:#3a342c;--link-color:#c8b89a;--link-hover:#f0ece4;--ticker-bg:#111;--ticker-border:#252525;--ticker-text:#7a7470;--ticker-accent:#c8b89a;--nav-bg:hsla(0,0%,5%,.85);--nav-border:#1e1e1e;--toggle-bg:#2a2a2a;--toggle-knob:#f0ece4;--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5);--shadow-lg:0 12px 40px rgba(0,0,0,.6);--color-bg:var(--bg-primary);--color-text:var(--text-primary);--color-muted:var(--text-secondary);--color-accent:var(--accent-primary);--color-border:var(--surface-border);--color-surface:var(--surface-1)}[data-theme=light]{--bg-primary:#f7f4ef;--bg-secondary:#eeebe4;--bg-tertiary:#e5e1d8;--bg-hover:#e0dbd2;--surface-1:#f0ece4;--surface-2:#e8e4db;--surface-border:#c8c3ba;--text-primary:#0f0d0b;--text-secondary:#2e2a26;--text-tertiary:#4a4540;--text-inverse:#f7f4ef;--accent-primary:#6b4f2a;--accent-hover:#4e3820;--accent-muted:#e8ddd0;--link-color:#6b4f2a;--link-hover:#0f0d0b;--ticker-bg:#eeebe4;--ticker-border:#d8d3ca;--ticker-text:#4a4540;--ticker-accent:#6b4f2a;--nav-bg:hsla(38,33%,95%,.95);--nav-border:#ccc8be;--toggle-bg:#d4cfc6;--toggle-knob:#0f0d0b;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 12px 40px rgba(0,0,0,.14);--color-bg:var(--bg-primary);--color-text:var(--text-primary);--color-muted:var(--text-secondary);--color-accent:var(--accent-primary);--color-border:var(--surface-border);--color-surface:var(--surface-1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Epilogue,sans-serif;font-size:var(--text-base);line-height:1.65;background-color:var(--bg-primary);transition:background-color var(--transition-slow),color var(--transition-slow);min-height:100vh}body,h1,h2,h3,h4,h5,h6{font-weight:400;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{line-height:1.15;letter-spacing:-.01em}.hero-headline,h1,h2,h3,h4,h5,h6{font-family:"DM Serif Display",serif}.hero-headline{font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}.hero-headline em{font-style:italic;color:var(--accent-primary)}p{color:var(--text-secondary);line-height:1.7;max-width:62ch}.bio-statement{font-family:Epilogue,sans-serif;font-weight:500;font-size:var(--text-lg);color:var(--text-primary);line-height:1.5}.mono{font-family:DM Mono,monospace;font-size:var(--text-sm);letter-spacing:.02em}a{color:var(--link-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--link-hover)}.container{width:100%;max-width:var(--max-width)}.container,.container--wide{margin:0 auto;padding:0 var(--space-5)}.container--wide{max-width:1100px}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--nav-bg);border-bottom:1px solid var(--nav-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:var(--z-nav);justify-content:space-between;padding:0 var(--space-6);transition:background var(--transition-slow),border-color var(--transition-slow)}.nav,.nav__links{display:flex;align-items:center}.nav__links{gap:var(--space-5);list-style:none}.nav__link{font-family:Epilogue,sans-serif;font-size:var(--text-sm);font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);transition:color var(--transition-fast)}.nav__link--active,.nav__link:hover{color:var(--text-primary)}.theme-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--text-secondary);transition:color var(--transition-fast);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.theme-toggle:hover{color:var(--text-primary)}.theme-toggle svg{width:18px;height:18px;transition:transform var(--transition-base)}.theme-toggle:hover svg{transform:rotate(15deg)}.ticker-wrap{position:fixed;top:var(--nav-height);left:0;right:0;height:var(--ticker-height);background:var(--ticker-bg);border-bottom:1px solid var(--ticker-border);overflow:hidden;z-index:var(--z-ticker)}.ticker-track,.ticker-wrap{display:flex;align-items:center}.ticker-track{white-space:nowrap;animation:ticker-scroll 60s linear infinite}.ticker-track:hover{animation-play-state:paused}.ticker-item{font-family:DM Mono,monospace;font-size:var(--text-xs);letter-spacing:.05em;color:var(--ticker-text);padding:0 var(--space-6);display:flex;align-items:center;gap:var(--space-2);transition:color var(--transition-fast)}.ticker-item:hover{color:var(--text-primary)}.ticker-item__label{color:var(--ticker-accent);font-weight:500;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.ticker-item__separator{color:var(--ticker-border);margin:0 var(--space-3);-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes ticker-scroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.page-content{padding-top:calc(var(--nav-height) + var(--ticker-height))}.hero{padding:var(--space-10) 0 var(--space-8)}.hero__avatar{width:52px;height:52px;border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--surface-border)}.hero__avatar,.hero__bio,.hero__headline{margin-bottom:var(--space-5)}.hero__bio{display:flex;flex-direction:column;gap:var(--space-3)}.hero__social{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-5)}.hero__social-link{color:var(--text-tertiary);transition:color var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center}.hero__social-link:hover{color:var(--text-primary);transform:translateY(-2px)}.hero__social-link svg{width:20px;height:20px}.divider{width:100%;height:1px;background:var(--surface-border);margin:var(--space-7) 0}.section{padding:var(--space-8) 0}.section__label{font-family:DM Mono,monospace;font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-5)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--surface-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-muted);color:var(--text-primary)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}.ticker-track{animation:none}}@media (max-width:640px){:root{--nav-height:50px}.nav{padding:0 var(--space-4)}.hero{padding:var(--space-8) 0 var(--space-6)}.hero__headline{font-size:clamp(var(--text-2xl),8vw,var(--text-4xl))}.nav__links{gap:var(--space-4)}}.hero__avatar-placeholder{width:52px;height:52px;border-radius:var(--radius-full);background:var(--accent-muted);border:1px solid var(--surface-border);color:var(--accent-primary);font-family:DM Mono,monospace;font-size:var(--text-sm);font-weight:500;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5);transition:border-color var(--transition-base)}.hero__avatar-placeholder:hover{border-color:var(--accent-primary)}.home-section{padding:var(--space-7) 0}.cert-list{list-style:none;display:flex;flex-direction:column;gap:0}.cert-item{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--surface-border);transition:background var(--transition-fast)}.cert-item:last-child{border-bottom:none}.cert-item__index{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:.08em;min-width:28px;padding-top:3px}.cert-item__body{flex:1 1}.cert-item__title{font-family:Epilogue,sans-serif;font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1);line-height:1.4}.cert-item__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;max-width:55ch}.project-grid{display:flex;flex-direction:column;gap:var(--space-5)}.project-card{display:grid;grid-template-columns:280px 1fr;grid-gap:var(--space-6);gap:var(--space-6);align-items:center;padding:var(--space-5) 0}.project-card__image-wrap{position:relative;width:280px;height:190px;border-radius:var(--radius-md);overflow:hidden;background:var(--surface-1);border:1px solid var(--surface-border);flex-shrink:0}.project-card__image{object-fit:cover;object-position:center top;transition:transform var(--transition-slow)}.project-card:hover .project-card__image{transform:scale(1.03)}.project-card__body{display:flex;flex-direction:column;gap:var(--space-3)}.project-card__tag{color:var(--accent-primary);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.project-card__title{font-family:Epilogue,sans-serif;font-size:var(--text-lg);font-weight:500;color:var(--text-primary);line-height:1.35}.project-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;max-width:52ch}.writing-teaser{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--surface-1);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:inherit;transition:border-color var(--transition-base),background var(--transition-base)}.writing-teaser:hover{border-color:var(--accent-primary);background:var(--surface-2);color:inherit}.writing-teaser__label{color:var(--accent-primary);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.writing-teaser__title{font-family:"DM Serif Display",serif;font-size:var(--text-2xl);font-weight:400;color:var(--text-primary);line-height:1.2}.writing-teaser__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;max-width:58ch}.writing-teaser__cta{display:flex;align-items:center;gap:var(--space-2);font-family:DM Mono,monospace;font-size:var(--text-xs);letter-spacing:.05em;color:var(--text-tertiary);margin-top:var(--space-2);transition:color var(--transition-fast)}.writing-teaser:hover .writing-teaser__cta{color:var(--accent-primary)}.writing-teaser__cta svg{width:14px;height:14px;transition:transform var(--transition-fast)}.writing-teaser:hover .writing-teaser__cta svg{transform:translateX(4px)}@media (max-width:640px){.project-card{grid-template-columns:1fr}.project-card__image-wrap{width:100%;height:220px}}.led-panel{position:fixed;top:calc(var(--nav-height) + var(--ticker-height) + var(--space-8));bottom:var(--space-8);display:grid;grid-template-columns:repeat(var(--led-cols,6),6px);grid-auto-rows:6px;align-content:start;grid-gap:8px;gap:8px;overflow:hidden;pointer-events:none;z-index:1}.led-panel[data-side=left]{left:clamp(var(--space-4),3vw,48px)}.led-panel[data-side=right]{right:clamp(var(--space-4),3vw,48px)}.led-dot{display:block;width:6px;height:6px;border-radius:var(--radius-full);background:var(--surface-border);transition:background 1.2s ease,opacity 1.2s ease;opacity:.5}.led-dot--on{background:var(--accent-primary);opacity:.75}@media (max-width:1100px){.led-panel{display:none}}