/* Dedicated canvas shapes keep marks proportional. Only overlays flip, never media. */
.original-reel{background:#000 url('assets/original/400c8b53895d0984.png') center/cover}
.original-reel iframe{display:block;position:absolute;inset:0}
.original-reel:after{content:'';position:absolute;inset:-1px;pointer-events:none;z-index:1;box-sizing:border-box;border:clamp(25px,3.5vw,54px) solid transparent;border-image:url('assets/grunge-frame-v2.png') 185 / 1 stretch}
.original-reel button:after,.bloom .feature-media:after,.event-motion:after{
  background-image:url('assets/grunge-wide-v1.png');
}
.human .feature-media:after,.film-grid figure:before{
  background-image:url('assets/grunge-tall-v1.png');
}
.original-reel button:after{transform:scaleY(-1)}
.bloom .feature-media:after{transform:scaleX(-1)}
.film-grid figure:nth-child(2):before{transform:scaleX(-1)}
.film-grid figure:nth-child(3):before{transform:rotate(180deg)}
.event-panel:nth-child(2n) .event-motion:after{transform:rotate(180deg)}
.event-panel:nth-child(3n) .event-motion:after{transform:scaleX(-1)}
.event-motion:after,.human .feature-media:after,.film-grid figure:before{
  box-shadow:inset 0 0 12px 6px #000;
}
/* Medium landscape panels use nine-slice edges from the original frame.
   Fixed-width edges keep the grain from stretching across a changing canvas. */
.original-reel button:after,.bloom .feature-media:after{
  background:none;
  border:clamp(18px,3vw,42px) solid transparent;
  border-image-source:url('assets/grunge-frame-v2.png');
  border-image-slice:160;
  border-image-repeat:stretch;
}
@media(max-width:600px){
  .event-motion:after{background-image:url('assets/grunge-frame-v2.png')}
}
/* Seal every perimeter with the original opaque-to-distressed transition.
   Nine-slice preserves the irregular inner edge without exposing a video rectangle. */
.original-reel button:after,.feature-media:after,.film-grid figure:before,.event-motion:after{
  box-sizing:border-box;
  border:clamp(25px,3.5vw,54px) solid transparent;
  border-image-source:url('assets/grunge-frame-v2.png');
  border-image-slice:185;
  border-image-width:1;
  border-image-repeat:stretch;
  background-origin:border-box;
  background-clip:border-box;
  box-shadow:none;
}
.event-motion:after{border-width:clamp(28px,4vw,62px)}
@media(max-width:600px){
  .original-reel button:after,.feature-media:after,.film-grid figure:before,.event-motion:after{border-width:25px}
}