*{box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent: #880ee6;--accent-subtle: rgba(136, 14, 230, .07);--accent-border: rgba(136, 14, 230, .2);--bg: #fafafa;--surface: #f8f8f8;--border: #f0f0f0;--border-strong: #e0e0e0;--text: #333;--text-secondary: #555;--text-muted: #888;--text-faint: #999;--tag-bg: #f0f0f0;--tag-color: #555;--tag-border: #e0e0e0;color:var(--text);background-color:var(--bg)}@media(prefers-color-scheme:dark){:root{--accent: #a8d4f0;--accent-subtle: rgba(168, 212, 240, .07);--accent-border: rgba(168, 212, 240, .15);--bg: #0d1b2e;--surface: #162336;--border: #1e3248;--border-strong: #1e3248;--text: #dce8f5;--text-secondary: #7a9ab5;--text-muted: #5a7a95;--text-faint: #5a7a95;--tag-bg: #162336;--tag-color: #a8d4f0;--tag-border: #1e3248}}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.container{max-width:800px;width:100%}.header{text-align:center;margin-bottom:3rem}.headshot-container{position:relative;width:150px;height:150px;margin:0 auto 2rem;cursor:pointer}.headshot{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.headshot-overlay{position:absolute;inset:0;border-radius:50%;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.headshot-container:hover .headshot-overlay{opacity:1}.headshot-download-label{color:#fff;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.name{font-size:3rem;margin:0 0 .5rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 75%,#000) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{font-size:1.1rem;color:var(--text-secondary);margin:0}.about{margin-bottom:3rem;line-height:1.8;font-size:1.1rem;color:var(--text)}.about a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}.about a:hover{border-bottom-color:var(--accent)}.skills{margin-bottom:3rem}.skills h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text)}.skills-group{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.25rem}.skills-group-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{padding:.35rem .85rem;border-radius:999px;font-size:.9rem;font-weight:500;color:var(--tag-color);background:var(--tag-bg);border:1px solid var(--tag-border)}.skill-tag em{font-style:normal;color:var(--text-muted);margin-left:.3rem;font-size:.8rem}.projects{margin-bottom:3rem}.projects h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text)}.project-links{display:flex;flex-direction:column;gap:.5rem}.project-links a{display:inline-block;text-decoration:none;color:var(--text);font-weight:500;padding:.25rem 0;transition:transform .2s ease,color .2s ease}.project-links a:hover{transform:translate(4px);color:var(--accent)}.blog-cta{margin-top:4rem;display:flex;flex-wrap:wrap;gap:2rem}.blog-link,.contact-link{display:inline-block;text-decoration:none;color:var(--accent);font-size:1rem;font-weight:500;padding:.25rem 0;transition:transform .2s ease,opacity .2s ease}.blog-link:hover,.contact-link:hover{transform:translate(4px);opacity:.75}.social-nav{position:fixed;top:1.5rem;left:1.5rem;display:flex;flex-direction:column;gap:1rem;z-index:10}.social-nav-link{color:var(--text-muted);display:flex;align-items:center;font-size:1.2rem;transition:color .2s ease,transform .2s ease}.social-nav-link:hover{color:var(--accent);transform:translate(3px)}@media(max-width:768px){.headshot-container{width:120px;height:120px}.name{font-size:2rem}}.blog{min-height:100vh;padding:2rem}.blog-header{max-width:800px;margin:0 auto 3rem}.back-link{display:inline-block;color:var(--accent);text-decoration:none;margin-bottom:2rem;font-weight:500;transition:transform .2s ease}.back-link:hover{transform:translate(-4px)}.blog-header h1{font-size:2.5rem;margin:0 0 .5rem;color:var(--text)}.blog-subtitle{color:var(--text-secondary);font-size:1.1rem}.posts-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.post-card{background:var(--surface);border-radius:12px;padding:2rem;border:1px solid var(--border);transition:all .3s}.post-card:hover{border-color:var(--accent);box-shadow:0 4px 12px var(--accent-subtle);transform:translateY(-2px)}.post-link{text-decoration:none;color:inherit;display:block}.post-card h2{margin:0 0 .5rem;color:var(--text);font-size:1.75rem}.post-date{display:block;color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.post-description{color:var(--text-secondary);line-height:1.6;margin:0 0 1rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--tag-bg);color:var(--tag-color);padding:.25rem .75rem;border-radius:4px;font-size:.85rem}@media(max-width:768px){.blog-header h1{font-size:2rem}.post-card{padding:1.5rem}}.blog-post{min-height:100vh;padding:2rem}.blog-post .container{max-width:800px;margin:0 auto}.post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.post-header h1{font-size:2.5rem;margin:1rem 0;color:var(--text);line-height:1.2}.post-content{line-height:1.8;color:var(--text)}.post-content h2{font-size:1.75rem;margin:2.5rem 0 1rem;color:var(--text)}.post-content p{margin-bottom:1.5rem;font-size:1.1rem}.post-content blockquote{border-left:4px solid var(--accent);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:var(--text-secondary)}.post-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s}.post-content a:hover{border-bottom-color:var(--accent)}@media(max-width:768px){.post-header h1{font-size:2rem}.post-content{font-size:1rem}}.speaking-page{min-height:100vh;padding:2rem}.speaking-page .container{max-width:800px;margin:0 auto}.speaking-header{margin-bottom:3rem}.speaking-header h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem;color:var(--text)}.speaking-subtitle{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin:0;max-width:600px}.speaking-topics,.speaking-photos,.speaking-podcasts,.speaking-contact{margin-bottom:3rem}.speaking-topics h2,.speaking-photos h2,.speaking-podcasts h2,.speaking-contact h2{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 1.25rem}.topics-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.topics-list li{font-size:1.05rem;color:var(--text);padding-left:1rem;border-left:2px solid var(--accent)}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.talk-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.podcasts-list{display:flex;flex-direction:column}.podcast-item{display:flex;flex-direction:column;gap:.2rem;text-decoration:none;padding:1.25rem 0;border-bottom:1px solid var(--border);transition:transform .2s ease}.podcast-item:first-child{border-top:1px solid var(--border)}.podcast-item:hover{transform:translate(4px)}.podcast-show{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.podcast-episode{font-size:1rem;font-weight:500;color:var(--text)}.podcast-date{font-size:.85rem;color:var(--text-muted)}.speaking-contact p{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);margin:0 0 1.5rem;max-width:500px}.speaking-cta{display:inline-block;text-decoration:none;color:var(--accent);font-weight:500;transition:transform .2s ease,opacity .2s ease}.speaking-cta:hover{transform:translate(4px);opacity:.75}@media(max-width:768px){.speaking-header h1{font-size:2rem}.photos-grid{grid-template-columns:1fr}}.witc-page{min-height:100vh;padding:2rem}.witc-page .container{max-width:800px;margin:0 auto}.witc-page-header{margin-bottom:2.5rem}.witc-page-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.witc-page-header h1{font-size:2.5rem;font-weight:700;margin:.4rem 0 .5rem;color:var(--text)}.witc-page-tagline{font-size:1rem;color:var(--text-secondary);margin:0;font-style:italic}.witc-page-about{margin-bottom:2.5rem}.witc-page-about p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin:0}.witc-page-stats{display:flex;flex-wrap:wrap;gap:3rem;margin-bottom:2.5rem;padding:2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.witc-page-stat{display:flex;flex-direction:column;gap:.25rem}.witc-page-stat-value{font-size:1.6rem;font-weight:700;color:var(--accent)}.witc-page-stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.witc-page-link{display:inline-block;text-decoration:none;color:var(--accent);font-weight:500;margin-top:1rem;transition:transform .2s ease,opacity .2s ease}.witc-page-link:hover{transform:translate(4px);opacity:.75}@media(max-width:768px){.witc-page-header h1{font-size:2rem}.witc-page-stats{gap:2rem}}.mekeilia-page{min-height:100vh;padding:2rem}.mekeilia-page .container{max-width:800px;margin:0 auto}.mekeilia-header{margin-bottom:2.5rem}.mekeilia-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.mekeilia-header h1{font-size:2.5rem;font-weight:700;margin:.4rem 0 .75rem;color:var(--text)}.mekeilia-subtitle{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin:0;max-width:580px}.mekeilia-stats{display:flex;flex-wrap:wrap;gap:3rem;padding:2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:2.5rem}.mekeilia-stat{display:flex;flex-direction:column;gap:.25rem}.mekeilia-stat-value{font-size:1.6rem;font-weight:700;color:var(--accent)}.mekeilia-stat-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.mekeilia-cta{display:inline-block;text-decoration:none;color:var(--accent);font-weight:500;transition:transform .2s ease,opacity .2s ease}.mekeilia-cta:hover{transform:translate(4px);opacity:.75}@media(max-width:768px){.mekeilia-header h1{font-size:2rem}}#root{width:100%;margin:0;padding:0}