@media (min-width: 801px) {
  html body #portfolio-content .portfolio-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  html body #portfolio-content .portfolio-card { display: grid !important; grid-template-columns: 46% 1fr; align-items: stretch; }
  html body #portfolio-content .pc-thumb { height: 100% !important; min-height: 300px; aspect-ratio: auto !important; }
  html body #portfolio-content .pc-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }
  html body #portfolio-content .pc-body { padding: 36px 40px !important; display: flex; flex-direction: column; justify-content: center; }
  html body #portfolio-content .pc-title { font-size: 30px !important; }
  html body #portfolio-content .pc-desc { font-size: 17px !important; line-height: 1.6; display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; }
  html body #portfolio-content .pc-footer { border-top: 0 !important; margin-top: 22px; justify-content: flex-start !important; gap: 14px; }
  html body #portfolio-content .pc-link { display: inline-flex; align-items: center; gap: 10px; background: #1a9e72; color: #04110c !important; padding: 12px 24px; border-radius: 999px; font-weight: 600; }
  html body #portfolio-content .pc-link svg { stroke: #04110c; }
}

/* show the whole picture, never crop it */
html body #portfolio-content .pc-thumb { background: #0b1411; }
html body #portfolio-content .pc-thumb img { object-fit: contain !important; object-position: center !important; }
@media (min-width: 801px) {
  html body #portfolio-content .pc-thumb { min-height: 280px; }
}