:root { --surface-radius:12px; }

.faya-portfolio :is(
  .plant-cover,.plant-player,.plant-art,.plant-application,
  .meeco-cover,.meeco-manual-page,.meeco-vi-tile,.meeco-logo-stage,
  .meeco-application,.meeco-social,.meeco-phone,
  .yuankee-art,.brand-art,.brand-paper,
  .plant-lightbox,.meeco-lightbox,.yuankee-lightbox,.brand-lightbox
) {
  border-radius:var(--surface-radius);
  overflow:hidden;
}

.faya-portfolio :is(.plant-project,.meeco-project,.yuankee-project,.brands-project) :is(img,video) {
  border-radius:var(--surface-radius);
}

/* Explicitly clip composited video surfaces as well as their CSS border. */
.faya-portfolio :is(.plant-project,.meeco-project,.yuankee-project,.brands-project) video {
  clip-path:inset(0 round var(--surface-radius));
}

/* The transparent logo extends beyond its layout box; keep its artwork intact. */
.faya-portfolio .meeco-silver-motion img { border-radius:0; }

/* Round the actual poster bounds rather than the surrounding object-fit space. */
.faya-portfolio .plant-lightbox-image {
  width:auto;
  height:auto;
  max-width:100%;
  max-height:calc(96svh - 160px);
  margin-inline:auto;
}