.hero-pntm{overflow:hidden;background:#050607}
.hero-pntm::before{content:"";position:absolute;inset:-5%;z-index:0;pointer-events:none;background:url('assets/hero-pntm.avif') center/cover no-repeat;opacity:0;filter:blur(18px) brightness(.42) saturate(.82);transform:scale(1.08);transition:opacity .35s ease}
.hero-pntm>img{position:relative;z-index:1}

/* The PNTM artwork is a 16:9 composition. On narrow or portrait screens,
   show the complete artwork instead of cropping the sides, while a dark,
   blurred copy fills the unused hero space so the slide still feels cinematic. */
@media (max-width:900px), (max-aspect-ratio:3/2){
  .hero-pntm::before{opacity:.72}
  .hero-pntm>img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;padding:clamp(10px,2.4vw,26px);filter:drop-shadow(0 16px 30px rgba(0,0,0,.34));transform:none!important}
}

@media (max-width:620px){
  .hero-pntm::before{opacity:.8;filter:blur(20px) brightness(.36) saturate(.78)}
  .hero-pntm>img{padding:8px;object-position:center 48%!important}
}

@media (prefers-reduced-motion:reduce){
  .hero-pntm::before{transition:none}
}