/* V6.6 — portfolio/blog media integrity + exact legacy pricing layout */

/* Portfolio: never crop original project artwork. */
.p62-stage,
.v5-project-media{
  background:color-mix(in srgb,var(--surface2) 88%,#08161c)!important;
}
.p62-stage img,
.v5-project-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.v5-project:hover .v5-project-media img{transform:none!important;opacity:.98!important}

/* Blog previews: all cards have the same frame, but the full original image remains visible. */
.article63-thumb{
  aspect-ratio:16/9!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:0!important;
  background:color-mix(in srgb,var(--surface2) 90%,#07161d)!important;
}
.article63-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.article-card:hover .article63-thumb img{transform:none!important}

/* Blog article cover: use the complete source image, with its native ratio. */
.article63-featured figure{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  overflow:visible!important;
  background:color-mix(in srgb,var(--surface2) 90%,#07161d)!important;
}
.article63-featured figure img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Legacy packages use four equal cards on the four pages restored from the old website. */
.pricing66-exact{grid-template-columns:repeat(4,minmax(0,1fr))!important;align-items:stretch!important}
.pricing66-exact .pricing63-card{height:100%!important;display:flex!important;flex-direction:column!important}
.pricing66-exact .pricing63-card ul{flex:1!important}
.pricing66-subtitle{margin:6px 0 14px!important;color:var(--muted)!important;font-size:12px!important;line-height:1.5!important;min-height:36px}
@media(max-width:1180px){.pricing66-exact{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:680px){.pricing66-exact{grid-template-columns:1fr!important}.pricing66-subtitle{min-height:0}}