:root{--bg:#f6f4ef;--surface:#fff;--fg:#0a0a0a;--muted:rgba(10,10,10,0.55);--faint:rgba(10,10,10,0.12);--line:rgba(10,10,10,0.10);--chip:rgba(10,10,10,0.04);--accent:#0a0a0a;--grid-ink:rgba(10,10,10,0.06);--sans:'Geist',system-ui,-apple-system,sans-serif;--mono:'Geist Mono',ui-monospace,SFMono-Regular,monospace;--chrome-h:56px;--tile-pad:30px}[data-theme="dark"]{--bg:#0c0c0d;--surface:#141416;--fg:#f6f4ef;--muted:rgba(246,244,239,0.55);--faint:rgba(246,244,239,0.15);--line:rgba(246,244,239,0.10);--chip:rgba(246,244,239,0.06);--accent:#fafafa;--grid-ink:rgba(246,244,239,0.06)}@media(prefers-color-scheme:dark){}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:14px;line-height:1.45;min-height:100vh;min-height:100dvh;background-image:linear-gradient(var(--grid-ink) 1px,transparent 1px),linear-gradient(90deg,var(--grid-ink) 1px,transparent 1px);background-size:32px 32px,32px 32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s,color .25s}a{color:inherit}.chrome{position:sticky;top:0;z-index:5;height:var(--chrome-h);padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--bg);font-size:13px}.chrome-l{display:flex;align-items:center;gap:14px;min-width:0}.chrome-r{display:flex;align-items:center;gap:18px;color:var(--muted);font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.chrome-r .sep{opacity:.5}.chrome-name{display:flex;align-items:baseline;gap:10px;min-width:0}.chrome-name b{font-weight:500;letter-spacing:-0.01em}.chrome-name span{color:var(--muted);font-family:var(--mono);font-size:12px}.monogram{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--fg);color:var(--bg);font-weight:600;font-size:12px;letter-spacing:-0.02em}.theme-btn{appearance:none;border:1px solid var(--line);background:transparent;color:var(--fg);font:inherit;font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;padding:6px 10px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background-color .15s,border-color .15s}.theme-btn:hover{background:var(--chip)}.theme-btn .dot{width:8px;height:8px;border-radius:50%;background:var(--fg);transition:background-color .25s}[data-theme="dark"] .theme-btn .dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--fg)}@media(max-width:720px){.chrome{padding:0 18px}.chrome-r .hide-sm{display:none}.chrome-name span{display:none}}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(280px,calc((100vh - var(--chrome-h)) / 2));grid-auto-rows:minmax(280px,calc((100dvh - var(--chrome-h)) / 2));gap:1px;background:var(--line)}@media(max-width:1024px){.grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(280px,50vh)}}@media(max-width:640px){.grid{grid-template-columns:1fr;grid-auto-rows:minmax(260px,56vh)}}.tile{position:relative;background:var(--surface);overflow:hidden;cursor:pointer;isolation:isolate}.tile.about{cursor:default}.face{position:absolute;inset:0;padding:var(--tile-pad);display:flex;flex-direction:column;background:var(--surface)}.face.back{transform:translateY(101%);transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform;z-index:2}.tile:hover .face.back,.tile:focus-within .face.back{transform:translateY(0)}.meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--muted)}.figure{margin-top:12px;font-family:var(--mono);font-weight:500;font-size:clamp(40px,4.4vw,68px);line-height:.85;letter-spacing:-0.04em;color:var(--accent)}.front-bottom{margin-top:auto;display:flex;flex-direction:column;gap:6px}.front-title{font-family:var(--sans);font-weight:500;font-size:clamp(22px,2.4vw,34px);line-height:1.05;letter-spacing:-0.02em;color:var(--fg);text-transform:lowercase}.front-short{font-family:var(--mono);font-size:12px;color:var(--muted);line-height:1.45;max-width:280px}.back-meta{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}.back-note{margin-top:16px;font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--fg);flex:1}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.tag{font-family:var(--mono);font-size:11px;padding:4px 8px;border-radius:999px;background:var(--chip);color:var(--fg);border:1px solid var(--line)}.back-foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:12px;color:var(--muted)}.back-link{color:var(--accent);text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.about-bio{margin-top:16px;font-family:var(--sans);font-size:15px;line-height:1.5;color:var(--fg)}.about-links{margin-top:auto;display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:12px}.about-links a{color:var(--fg);text-decoration:none;border-bottom:1px solid var(--faint);padding-bottom:4px}.about-links a:hover{color:var(--accent);border-bottom-color:var(--accent)}.dot-accent{color:var(--accent)}.footer{padding:20px 28px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}@media(max-width:720px){.footer{padding:16px 18px;flex-direction:column;gap:6px;align-items:flex-start}}@media(hover:none){.tile:hover .face.back{transform:translateY(101%)}.tile.is-flipped .face.back{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.face.back{transition:none}}