/* V81 — new portfolio image integration */
.v81-proof-showcase,
.v81-group-proof{
  width:min(1400px,calc(100% - 40px));
  margin:34px auto;
  display:grid;
  gap:26px;
  align-items:center;
  border:1px solid rgba(8,29,38,.12);
  border-radius:30px;
  background:#fff;
  box-shadow:0 24px 70px rgba(12,31,39,.09);
  overflow:hidden;
}
.v81-proof-showcase{grid-template-columns:.82fr 1.18fr;padding:34px}
.v81-proof-copy{padding:10px 6px 10px 10px}
.v81-proof-copy h2,.v81-group-proof h2{margin:.4rem 0 .7rem;line-height:.98}
.v81-proof-copy p,.v81-group-proof p{max-width:62ch;color:#34444c}
.v81-proof-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:14px;min-width:0}
.v81-proof-grid a{position:relative;display:block;overflow:hidden;border-radius:22px;background:#07141a;min-height:360px;color:#fff;text-decoration:none}
.v81-proof-grid a:last-child{min-height:360px}
.v81-proof-grid img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;display:block}
.v81-proof-grid a:last-child img{object-fit:contain;background:#ece6db}
.v81-proof-grid span{position:absolute;left:0;right:0;bottom:0;padding:54px 20px 18px;background:linear-gradient(transparent,rgba(3,13,18,.9));display:grid;gap:3px}
.v81-proof-grid b{font-size:1.05rem}.v81-proof-grid small{color:#dbe8ed}
.v81-group-proof{grid-template-columns:1.05fr .95fr;padding:0}
.v81-group-proof-image{display:block;min-height:430px;background:#07141a;overflow:hidden}
.v81-group-proof-image img{width:100%;height:100%;min-height:430px;object-fit:cover;display:block}
.v81-group-proof>div{padding:34px 38px 34px 12px}

/* Keep complete sample art visible instead of cropping tall or square uploads. */
body.theme-v38.page-apparel-samples .apparel-sample-image{
  background:linear-gradient(145deg,#ece8df,#f8f6f1)!important;
}
body.theme-v38.page-apparel-samples .apparel-sample-image img{
  object-fit:contain!important;
  object-position:center!important;
  padding:6px!important;
}

/* Let the expanded mural portfolio breathe when more project cards are added. */
body.theme-v38.page-murals .mural-featured-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
body.theme-v38.page-murals .mural-featured-grid img{
  object-fit:cover;
  object-position:center;
}

@media(max-width:980px){
  .v81-proof-showcase,.v81-group-proof{grid-template-columns:1fr;width:min(100% - 24px,900px);border-radius:24px}
  .v81-proof-showcase{padding:22px}
  .v81-group-proof>div{padding:6px 22px 26px}
  .v81-group-proof-image,.v81-group-proof-image img{min-height:340px}
  body.theme-v38.page-murals .mural-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .v81-proof-showcase,.v81-group-proof{width:calc(100% - 18px);margin:18px auto;border-radius:20px}
  .v81-proof-showcase{padding:14px}
  .v81-proof-grid{grid-template-columns:1fr;gap:10px}
  .v81-proof-grid a,.v81-proof-grid a:last-child{min-height:0;aspect-ratio:4/3}
  .v81-proof-grid a:last-child{aspect-ratio:1/1}
  .v81-group-proof-image,.v81-group-proof-image img{min-height:0;aspect-ratio:4/3}
  .v81-group-proof>div{padding:8px 18px 22px}
  body.theme-v38.page-murals .mural-featured-grid{grid-template-columns:1fr}
  body.theme-v38.page-apparel-samples .apparel-sample-image img{padding:4px!important}
}
