/* Minimal, fast styles */
:root{--fg:#1b1f23;--bg:#ffffff;--muted:#6a737d;--link:#0366d6;--border:#e1e4e8;--card:#f6f8fa}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.6;color:var(--fg);background:var(--bg)}
header{border-bottom:1px solid var(--border);background:var(--card)}
header h1{margin:0;padding:16px}
nav{display:flex;gap:12px;padding:0 16px 16px 16px;flex-wrap:wrap}
nav a{color:var(--link);text-decoration:none;padding:4px 8px;border-radius:6px}
nav a[aria-current="page"]{background:#eaf5ff}
main{max-width:840px;margin:24px auto;padding:0 16px}
section{margin:16px 0}
footer{border-top:1px solid var(--border);padding:16px;text-align:center;color:var(--muted)}
code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:0.95em}
.project{border:1px solid var(--border);border-radius:8px;padding:24px;margin:24px 0;background:var(--card)}
.project h3{margin:0 0 8px 0;color:var(--fg)}
.project-subtitle{color:var(--muted);margin:0 0 16px 0;font-style:italic}
.project h4{margin:24px 0 12px 0;color:var(--fg)}
.project ul{margin:8px 0;padding-left:20px}
.project li{margin:4px 0}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:24px 0}
.photo-item{text-align:center}
.photo-item img{width:100%;height:200px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
.photo-item p{margin:8px 0 0 0;color:var(--muted);font-size:0.9em}
.project-image{margin:24px 0;text-align:center}
.project-image img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--border);display:block;margin:0 auto;max-height:300px}
.logo-image{max-height:150px !important}
.mushroom-images{display:flex;gap:24px;margin:24px 0;flex-wrap:wrap}
.mushroom-images .project-image{flex:1;min-width:300px}
.project-image figcaption{margin-top:8px;color:var(--muted);font-size:0.9em;font-style:italic}
.hero{text-align:center;margin:32px 0}
.hero img{width:300px;height:300px;object-fit:cover;border-radius:50%;border:3px solid var(--border)}
.sailing-photo{text-align:center;margin:24px 0}
.sailing-photo img{width:350px;height:250px;object-fit:cover;border-radius:8px;border:1px solid var(--border)}
.image-caption{margin:8px 0 0 0;color:var(--muted);font-size:0.9em;font-style:italic}
.logos-collage{display:flex;gap:16px;margin:32px 0;flex-wrap:wrap;justify-content:center;align-items:center}
.logos-collage img{width:60px;height:60px;object-fit:contain;border-radius:6px;border:1px solid var(--border);background:white;padding:6px}