/* Blog index and category pages: photo cards */
.post-grid{display:grid;grid-template-columns:1fr;gap:18px;list-style:none;padding:0;margin:20px 0 0}
.post-card{display:flex;flex-direction:column;height:100%;background:#fff;border:1.5px solid #e3dccf;border-radius:16px;overflow:hidden;text-decoration:none;color:#1a1a1a;transition:border-color .15s,box-shadow .15s}
.post-card:hover,.post-card:focus-visible{border-color:var(--blue);box-shadow:0 6px 18px rgba(0,29,161,.12)}
.post-card:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.post-card .pc-img{display:block;aspect-ratio:16/10;background:#e9e4da;overflow:hidden}
.post-card .pc-img img{display:block;width:100%;height:100%;object-fit:cover}
.post-card .pc-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 18px}
.post-card .pc-cat{align-self:flex-start;font-size:12px;font-weight:700;color:var(--blue);background:#eef1ff;border-radius:999px;padding:4px 10px}
.post-card .pc-title{font-weight:800;font-size:17px;line-height:1.3;color:#001f5b}
.post-card .pc-desc{font-size:14.5px;line-height:1.5;color:#4a5263;margin:0}
.post-grid--featured .post-card .pc-title{font-size:20px}
@media(min-width:700px){.post-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.post-grid:not(.post-grid--featured){grid-template-columns:1fr 1fr 1fr}}
@media(min-width:700px){.post-grid--featured>li:first-child{grid-column:1/-1}.post-grid--featured>li:first-child .post-card{flex-direction:row}.post-grid--featured>li:first-child .pc-img{flex:0 0 55%;aspect-ratio:auto;min-height:300px}.post-grid--featured>li:first-child .pc-body{justify-content:center;padding:24px 28px}}
@media(max-width:699px){
  .post-grid:not(.post-grid--featured){gap:12px}
  .post-grid:not(.post-grid--featured) .post-card{flex-direction:row}
  .post-grid:not(.post-grid--featured) .pc-img{flex:0 0 104px;aspect-ratio:auto;min-height:104px}
  .post-grid:not(.post-grid--featured) .pc-body{padding:10px 12px;gap:4px}
  .post-grid:not(.post-grid--featured) .pc-title{font-size:15px}
  .post-grid:not(.post-grid--featured) .pc-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px}
  .post-grid:not(.post-grid--featured) .pc-cat{font-size:11px;padding:3px 8px}
}
.post-card .pc-img img[src*="shower-cleaning"],.post-card .pc-img img[src*="before-after"]{object-position:center 70%}
@media(min-width:700px){.post-grid--featured>li:first-child .pc-img{position:relative;height:360px;min-height:0}.post-grid--featured>li:first-child .pc-img img{position:absolute;inset:0;object-position:center 30%}}
@media(max-width:699px){.post-grid:not(.post-grid--featured) .pc-img{position:relative}.post-grid:not(.post-grid--featured) .pc-img img{position:absolute;inset:0}}