.feedGrid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;display:grid}@media (max-width:900px){.feedGrid{grid-template-columns:repeat(2,1fr);gap:16px;max-width:720px}}@media (max-width:600px){.feedGrid{grid-template-columns:1fr;max-width:480px}}
.postCard{box-shadow:0 1px 2px color-mix(in srgb, var(--color-primary) 4%, transparent);background-color:#fff;border:1px solid #11182714;border-radius:12px;transition:box-shadow .2s;overflow:hidden}.postCard:hover{box-shadow:0 8px 24px -12px color-mix(in srgb, var(--color-primary) 18%, transparent)}.postMedia{aspect-ratio:5/4;position:relative}.postImg{object-fit:cover;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.postByline{align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.postAvatar{flex-shrink:0;display:flex}.postAvatar img{object-fit:cover;border-radius:100%}.postAuthor{min-width:0}.postName{font-family:var(--font-mono);color:var(--color-title);font-size:.85rem;font-weight:700;line-height:1.3}.postMeta{font-family:var(--font-sans);white-space:nowrap;text-overflow:ellipsis;color:var(--color-body);font-size:.75rem;overflow:hidden}.postBody{margin:0 16px 14px}.postCaption{--line:1.5em;height:calc(var(--line) * 3);font-family:var(--font-sans);font-size:.9rem;line-height:var(--line);color:var(--color-title);overflow:hidden;-webkit-mask-image:linear-gradient(#000 20%,#0000);mask-image:linear-gradient(#000 20%,#0000)}.postMore{font-family:var(--font-mono);color:var(--color-title);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:2px;margin-top:4px;padding:0;font-size:.8rem;font-weight:600;transition:color .2s;display:inline-flex}.postMore:hover{color:var(--color-secondary)}.postMore:focus-visible{outline:3px solid var(--color-secondary);outline-offset:2px;border-radius:2px}@media (prefers-reduced-motion:reduce){.postCard,.postMore{transition:none}}
.photoGrid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:1200px;display:grid}.photoGrid .galleryItem{aspect-ratio:4/3}@media (max-width:900px){.photoGrid{grid-template-columns:repeat(2,1fr);gap:10px;max-width:560px}.photoGrid>li:nth-child(n+5){display:none}.photoGrid>li:last-child:nth-child(odd){grid-column:span 2}.photoGrid>li:last-child:nth-child(odd) .galleryItem{aspect-ratio:8/3}}