/* Subtle modern video treatment: warm grade, film grain, vignette, optional letterbox */
.frame{position:relative;overflow:hidden;background:#111;isolation:isolate}
.frame img{width:100%;height:100%;object-fit:cover;display:block;
  filter:sepia(.14) saturate(1.06) contrast(1.06) brightness(.96) hue-rotate(-4deg)}
.frame::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(0,0,0,0) 55%,rgba(0,0,0,.42) 100%),
  linear-gradient(180deg,rgba(255,170,90,.05),rgba(255,120,40,.04));mix-blend-mode:normal}
.frame::after{content:"";position:absolute;inset:-50%;z-index:3;pointer-events:none;opacity:.16;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 1.4 -.2'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  mix-blend-mode:overlay;animation:grain 1s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
.frame.letterbox .bars::before,.frame.letterbox .bars::after{content:"";position:absolute;left:0;right:0;height:5.5%;background:#000;z-index:4}
.frame.letterbox .bars::before{top:0}.frame.letterbox .bars::after{bottom:0}
/* neutral placeholder frame (no people) */
.ph{width:100%;height:100%;background:
  radial-gradient(ellipse at 30% 40%,#3a3229 0%,#1b1815 55%,#0e0d0c 100%);display:flex;align-items:center;justify-content:center}
.ph span{font:600 11px/1 'Hanken Grotesk',sans-serif;letter-spacing:.32em;text-transform:uppercase;color:rgba(244,236,224,.55);border:1px solid rgba(244,236,224,.25);padding:9px 14px}