:root{
    --ground:#fffdf8; --ink:#161412; --mute:#8a8479; --faint:#c9c4b8; --accent:#e5482f;
    --ink-rgb:22,20,18; --accent-rgb:229,72,47;
  }
  @media (prefers-color-scheme: dark){
    :root:not([data-theme="light"]){
      --ground:#121110; --ink:#ece8e0; --mute:#8b867d; --faint:#3a3730; --accent:#ff6a4d;
      --ink-rgb:236,232,224; --accent-rgb:255,106,77;
    }
  }
  :root[data-theme="dark"]{
    --ground:#121110; --ink:#ece8e0; --mute:#8b867d; --faint:#3a3730; --accent:#ff6a4d;
    --ink-rgb:236,232,224; --accent-rgb:255,106,77;
  }
  html,body{height:100%}
  body{margin:0;background:var(--ground);color:var(--ink);
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",system-ui,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
  #scene{position:fixed;inset:0;z-index:0}
  #c{display:block;width:100%;height:100%}
  @media (max-width:899px){
    #scene{position:relative;inset:auto;height:62vh;min-height:340px}
    main{padding-block:12px 64px}
  }
  main{position:relative;z-index:2;max-width:34rem;padding-block:48px 96px;padding-inline:56px}
  h1{font-weight:300;font-size:40px;letter-spacing:.3px;margin:0 0 14px}
  .intro{max-width:60ch;margin:0 0 14px}
  .pitch{font-family:"Bricolage Grotesque","Archivo Black","Helvetica Neue",Arial,sans-serif;font-weight:700;font-size:17px;line-height:1.35;max-width:52ch;margin:0 0 20px;text-wrap:balance}
  .me{margin:0 0 40px}
  .me a{color:var(--ink);text-decoration:none;margin-right:18px}
  .me a:hover{text-decoration:underline}
  a{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
  h2{font-size:15px;font-weight:400;color:var(--accent);margin:40px 0 12px;letter-spacing:.3px}
  h2:first-of-type{margin-top:0}
  .work{display:grid;gap:18px}
  .item{border-left:2px solid transparent;padding-left:12px;max-width:62ch}
  .item:hover{border-color:var(--accent)}
  .title{font-weight:600;margin:0}
  .title a{text-decoration:none}
  .title a:hover{text-decoration:underline}
  .venue{color:var(--mute);font-weight:400;margin-left:8px;white-space:nowrap}
  .item p{margin:3px 0 0}
  .with{font-family:"IBM Plex Mono","SF Mono",Menlo,Consolas,monospace;font-size:12px;color:var(--mute);margin-top:4px;letter-spacing:.1px}
  .stack{max-width:62ch;margin:0}
  .pubs{display:grid;gap:8px;max-width:62ch}
  .pubs .item p{color:var(--mute)}
  .empty{color:var(--mute)}
  #theme{position:fixed;top:18px;right:20px;z-index:5;width:32px;height:32px;border-radius:50%;
    border:1px solid var(--faint);background:var(--ground);color:var(--ink);cursor:pointer;
    display:grid;place-items:center;padding:0}
  #theme:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  #theme svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
  @media (max-width:680px){
    main{padding-inline:24px;padding-block:32px 64px}
    h1{font-size:30px}
    .venue{white-space:normal;margin-left:0;display:block}
  }