/* R123: homepage print-work samples only. Original image and crop settings are untouched. */
#pl-home-work-samples .gallery-grid .work > .media {
  aspect-ratio:4/3 !important;
  height:auto;
  min-height:0;
  border-radius:14px;
  transition:box-shadow .18s ease,transform .18s ease;
}
#pl-home-work-samples .gallery-grid .work > .media:hover {
  box-shadow:0 5px 22px rgba(135,93,148,.16);
}
#pl-full-image-preview[hidden]{display:none!important}
#pl-full-image-preview{
  position:fixed;inset:0;z-index:2147482000;
  display:grid;place-items:center;
  padding:clamp(20px,4vw,54px);
  pointer-events:none;
  opacity:0;
  transition:opacity .17s ease;
}
#pl-full-image-preview.is-visible{opacity:1}
#pl-full-image-preview .pl-preview-shade{
  position:absolute;inset:0;
  background:rgba(29,27,44,.27);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
#pl-full-image-preview .pl-preview-frame{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  width:max-content;max-width:min(86vw,990px);max-height:84vh;
  padding:8px;
  border:2px solid rgba(255,255,255,.94);
  border-radius:21px;
  background:linear-gradient(140deg,rgba(255,251,255,.92),rgba(255,240,251,.87));
  box-shadow:0 0 0 3px rgba(255,205,242,.5),0 0 22px 8px rgba(255,166,224,.60),0 0 62px 23px rgba(245,166,229,.32),0 20px 70px rgba(23,21,35,.26);
  overflow:hidden;
}
#pl-full-image-preview .pl-preview-image{
  display:block;width:auto;height:auto;
  max-width:min(calc(86vw - 18px),970px);
  max-height:calc(84vh - 18px);
  border-radius:12px;
  object-fit:contain;
  box-shadow:none;
  background:#fff;
}
@media(max-width:700px){
  #pl-full-image-preview{padding:12px}
  #pl-full-image-preview .pl-preview-frame{max-width:94vw;max-height:83vh;padding:5px;border-radius:16px}
  #pl-full-image-preview .pl-preview-image{max-width:calc(94vw - 12px);max-height:calc(83vh - 12px)}
}
@media(prefers-reduced-motion:reduce){#pl-full-image-preview{transition:none}}

/* R125: homepage gallery = 4 cards on desktop, larger cards, keep preview effect */
#pl-home-work-samples .gallery-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  align-items:start;
}
#pl-home-work-samples .gallery-grid .work{
  min-width:0;
}
@media (max-width: 760px){
  #pl-home-work-samples .gallery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
  }
}