:root{
  --bg:#ffffff;
  --text:#111111;
  --muted:#555;
  --max:1100px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
a{color:var(--text);text-decoration:underline}
a:hover{opacity:.7}
.header{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:saturate(150%) blur(8px);border-bottom:1px solid #eee}
.header-left{max-width:var(--max);margin:0 auto;display:flex;gap:16px;align-items:center;padding:18px 18px}
.profile-pic{
  width:160px;
  max-width:160px;
  height:auto;
  border-radius:0;
  display:block;
}
.name{font-size:40px;letter-spacing:-.02em;margin:0;line-height:1.05}
.sub{margin-top:6px;color:var(--muted)}
.nav{margin-top:10px;display:flex;gap:12px;flex-wrap:wrap}
.nav a{text-decoration:none;border:none;padding:0;color:var(--muted)}
.nav a:hover{color:var(--text)}
.container{max-width:var(--max);margin:0 auto;padding:22px 18px 60px}
.section{padding:18px 0}
.section h2{margin:26px 0 10px;font-size:26px;letter-spacing:-.01em}
.text{max-width:80ch;line-height:1.55;color:var(--text);margin:0 0 14px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:14px}
@media (max-width:900px){.grid{grid-template-columns:repeat(2,1fr)} .name{font-size:34px}}
@media (max-width:560px){
  .grid{grid-template-columns:1fr}
  .name{font-size:32px}
  .header-left{align-items:flex-start}
}
.card{cursor:pointer}
.thumb{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  background:#f4f4f4;
}
.caption{margin-top:10px}
.caption .title{font-weight:600;margin:0 0 4px}
.caption .meta{margin:0;color:var(--muted);font-size:14px;line-height:1.4}
.lightbox{position:fixed;inset:0;background:rgba(255,255,255,.96);display:none;align-items:center;justify-content:center;padding:24px;z-index:999}
.lightbox.open{display:flex}
.lightbox img{max-width:min(1100px,95vw);max-height:80vh;object-fit:contain}
.lb-caption{max-width:min(1100px,95vw);margin-top:12px;color:var(--muted);text-align:center;font-size:14px}
.lb-close{
  position:fixed;top:14px;right:16px;
  background:none;border:none;font-size:36px;line-height:1;cursor:pointer;color:var(--muted)
}
.lb-close:hover{color:var(--text)}