/* Black negative stock: square image windows, narrow black interframe spacing. */
:root{--rail:clamp(28px,6.4vw,108px);--divider:24px;--edge:var(--rail);--gap:0px}
.film-edge{position:absolute;top:0;bottom:0;width:var(--rail);height:100%;padding:0;display:block;background:#000;box-shadow:none;isolation:isolate;pointer-events:none;color:#96916a;font:9px/1 monospace;letter-spacing:1px}
.film-edge--top{left:0}.film-edge--bottom{right:0}
.film-edge::before{content:"";position:absolute;inset:0;z-index:0;mask:none;background:repeat-y center top/100% auto url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Crect x='25' y='23' width='48' height='40' rx='3' fill='%23141410' stroke='%2338392d' stroke-width='.7'/%3E%3C/svg%3E")}
.film-edge span{position:absolute;top:23%;right:3px;left:auto;bottom:auto;margin:0!important;padding:0;min-width:0;max-width:none;background:none;writing-mode:vertical-rl;font-size:clamp(5px,.55vw,9px);letter-spacing:1px}
.film-edge span:last-child{top:auto;bottom:16%;margin:0!important}
.film-edge--bottom span{right:auto;left:3px}
@media(max-width:700px){:root{--rail:28px;--divider:16px}.film-edge span{font-size:5px;letter-spacing:.5px;right:1px}.film-edge--bottom span{left:1px;right:auto}}
@media(min-width:1600px){:root{--rail:108px;--divider:26px}}