.film-strip{--gold:#f89739;--dark:#222;--hole-size:8px;--hole-spacing:24px;padding:10px;background-color:var(--dark);border:5px solid var(--gold);border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.5),inset 0 0 15px rgba(0,0,0,.8);position:relative;overflow:hidden;box-sizing:border-box;&:after,&:before{content:"";position:absolute;width:var(--hole-size);height:calc(100% - 20px);background:repeating-linear-gradient(transparent 0 calc(var(--hole-spacing) - var(--hole-size)),var(--dark) calc(var(--hole-spacing) - var(--hole-size)) var(--hole-spacing));box-shadow:0 0 5px rgba(0,0,0,.5),inset 0 0 5px rgba(0,0,0,.5);border-radius:50%;z-index:2}&:before{left:-15px;top:10px}&:after{right:-15px;top:10px}}.film-strip-frame{border:3px solid #000;overflow:hidden}.film-strip-frame,.filter-film{border-radius:10px;box-shadow:inset 0 0 10px rgba(0,0,0,.8)}.filter-film{filter:sepia(.3) brightness(1.1) contrast(1.2);position:relative;z-index:1}