.page-hero{padding:80px 0 60px;}
  .page-hero h1{font-size:clamp(2.6rem,7vw,5.2rem);max-width:18ch;margin:24px 0 26px;}
  .page-hero h1 em{font-style:normal;background-image:linear-gradient(to top, var(--spark) 34%, transparent 34%);padding:0 .06em;}
  .page-hero .lede{font-size:clamp(1.05rem,2vw,1.3rem);max-width:56ch;font-weight:500;}

  /* index */
  .post-index{padding:10px 0 110px;}
  .post-card{display:flex;justify-content:space-between;align-items:center;gap:30px;border:3px solid var(--ink);background:#fff;box-shadow:7px 7px 0 var(--ink);padding:28px 30px;margin-bottom:24px;text-decoration:none;transition:transform .12s,box-shadow .12s;}
  .post-card:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 var(--clay);}
  .post-card h3{font-size:clamp(1.2rem,2.6vw,1.6rem);margin-bottom:8px;}
  .post-card p{font-size:15px;max-width:70ch;margin-bottom:12px;}
  .post-card .go{font-weight:800;white-space:nowrap;border-bottom:3px solid var(--clay);}
  .chips{display:inline-flex;flex-wrap:wrap;gap:8px;}
  .chip{border:2px solid var(--ink);font-weight:700;font-size:12.5px;padding:3px 10px;background:var(--paper);}
  @media(max-width:640px){.post-card{flex-direction:column;align-items:flex-start}}

  /* post */
  .post-hero{padding:70px 0 40px;border-bottom:3px solid var(--ink);}
  .crumb{font-weight:700;font-size:14px;margin-bottom:22px;}
  .crumb a{text-decoration:none;border-bottom:2px solid var(--clay);}
  .crumb span{opacity:.55;margin:0 8px;}
  .post-hero h1{font-size:clamp(2rem,5.4vw,3.8rem);max-width:24ch;margin-bottom:22px;}
  .post-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:14px;}
  .post-meta .byline{font-weight:700;color:var(--moss);}
  .post-meta time{font-weight:600;opacity:.75;}
  .post-body{padding:56px 0 100px;}
  .prose{max-width:72ch;}
  .prose h2{font-size:clamp(1.5rem,3.2vw,2.1rem);margin:44px 0 16px;}
  .prose h3{font-size:1.2rem;margin:32px 0 12px;}
  .prose p{font-size:1.02rem;margin-bottom:18px;}
  .prose ul,.prose ol{margin:0 0 18px 24px;}
  .prose li{margin-bottom:8px;font-size:1.02rem;}
  .prose a{font-weight:700;text-decoration:none;border-bottom:2px solid var(--clay);}
  .prose img{display:block;width:100%;height:auto;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);margin:34px 0;}
  .prose blockquote{border-left:8px solid var(--spark);background:#fff;border-top:3px solid var(--ink);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:24px 28px;margin:34px 0;font-weight:600;}
  .prose blockquote p:last-child{margin-bottom:0;}
  .prose strong{font-weight:800;}
  .back-link{margin-top:48px;}
  .back-link a{font-weight:800;border-bottom:3px solid var(--clay);text-decoration:none;}