.shot{min-width:0;max-width:100%;margin:0}.shot img{box-sizing:border-box;background:var(--paper2);border:1px solid var(--rule);border-radius:10px;width:100%;max-width:100%;height:auto;display:block;box-shadow:0 24px 60px -40px #0c0c0a80}.shot figcaption{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);margin-top:12px;font-size:11px}[dir=rtl] .shot figcaption{font-family:var(--ar);letter-spacing:0;text-transform:none;font-size:13px}.shot-ph{box-sizing:border-box;width:100%;color:var(--ink2);text-align:start;background-color:var(--paper2);border:1px solid var(--rule);background-image:repeating-linear-gradient(135deg,#0000 0 10px,#0c0c0a09 10px 11px);border-radius:10px;flex-direction:column;justify-content:center;gap:10px;padding:clamp(20px,5cqw,40px);display:flex;position:relative;overflow:hidden;container-type:inline-size}.shot-ph:before{content:"";border:1px dashed var(--rule2);pointer-events:none;border-radius:6px;position:absolute;inset:10px}.shot-ph>*{position:relative}.shot-ph-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);border:1px solid var(--acc);border-radius:999px;align-self:flex-start;padding:3px 9px;font-size:10px}.shot-ph-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--ink);font-size:clamp(16px,4.2cqw,24px);font-weight:500;line-height:1.2}.shot-ph-show{gap:4px;margin:0;padding:0;font-size:13.5px;line-height:1.45;list-style:none;display:grid}.shot-ph-show li{padding-inline-start:14px;position:relative}.shot-ph-show li:before{content:"-";color:var(--dim);position:absolute;inset-inline-start:0}.shot-ph-file{font-family:var(--mono);color:var(--dim);overflow-wrap:anywhere;margin-top:4px;font-size:10.5px;line-height:1.6}@container (width<=460px){.shot-ph-show{display:none}.shot-ph{gap:8px}}@container (width<=300px){.shot-ph-file{font-size:9.5px}}
