/* Single-image posts. 1080x1080. */
:root { --post-w: 1080px; --post-h: 1080px; }
.post-row { display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; width: 100%; max-width: 1500px; }
.post-wrap { width: 480px; height: 480px; position: relative; border-radius: var(--wx8-r-card); overflow: hidden;
  border: 1px solid rgba(255,255,255,0.06); background: #000; flex: 0 0 auto; }
.post-wrap.size-md { width: 600px; height: 600px; }
.post-wrap.size-lg { width: 720px; height: 720px; }
.post { width: var(--post-w); height: var(--post-h); transform-origin: 0 0; transform: scale(0.4444); position: relative; overflow: hidden; }
.post-wrap.size-md .post { transform: scale(0.5556); }
.post-wrap.size-lg .post { transform: scale(0.6667); }
/* The square canvas is tighter than the carousel, so type steps down a notch. */
.post .s { padding: 76px; }
.post .display { font-size: 82px; }
.post .h1 { font-size: 60px; }
.post .lede { font-size: 28px; }