.character-paper { display:flex; align-items:center; justify-content:center; padding:28px; }
.character-hero { display:block; width:100%; height:100%; object-fit:contain; }
.character-inline { display:block; width:120px; height:120px; object-fit:contain; object-position:left center; margin:0 0 14px; }
.character-elsewhere { width:125px; height:125px; }
.post-template .post-character { position:absolute; z-index:0; pointer-events:none; width:135px; height:150px; object-fit:contain; }
.post-character-left { left:-155px; top:120px; }
.post-character-right { right:-155px; top:320px; }
.post-meta { display:flex; flex-wrap:wrap; gap:.6em; }
.post-layout { display:block; }
.post-content { max-width:680px; }
.homepage-copy p { margin:0 0 1em; }
.homepage-copy a { text-decoration:underline; text-underline-offset:3px; }
.homepage-copy img { max-width:100%; height:auto; }
@media (max-width: 1350px) {
  .post-companions { display:flex; align-items:end; gap:18px; margin:-12px 0 28px; }
  .post-template .post-character { position:static; width:90px; height:100px; }
}
@media (max-width: 650px) {
  .post-companions { gap:12px; margin:0 0 24px; }
  .post-template .post-character { width:72px; height:80px; }
}
@media (max-width: 650px) { .character-paper { padding:24px; } .character-inline { width:100px; height:100px; } }