:root{--visual-gold:#f5b82e;--visual-black:#0a0a0b;--visual-mid:#171514;--visual-duration:240ms}
.witness-visual-frame{position:relative;display:block;isolation:isolate;overflow:hidden;aspect-ratio:16/9;background:radial-gradient(ellipse at 75% 25%,#c5922524,transparent 62%),linear-gradient(150deg,#181613,#0a0a0b);border-radius:inherit;min-width:0}
.witness-visual-frame picture,.witness-visual-frame img{display:block;width:100%;height:100%;object-fit:cover}.witness-visual-frame picture{position:absolute;inset:0;z-index:1}.witness-visual-frame img{transition:opacity var(--visual-duration) ease-out;opacity:0}.witness-visual-frame.is-ready img{opacity:1}.witness-visual-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(133deg,transparent 0 21px,#f5b82e05 22px 23px);color:#bd963c42}.witness-visual-placeholder svg{width:65%;height:65%;fill:none;stroke:currentColor;stroke-width:1}
.witness-visual-frame.is-ready .witness-visual-placeholder{opacity:0}.witness-visual-frame.is-loading .witness-visual-placeholder{opacity:.55}.witness-visual-frame.is-error .witness-visual-placeholder{opacity:1}.witness-visual-frame[aria-hidden="false"]{outline-offset:4px}
.witness-empty-illustration{display:block;max-width:144px;width:100%;height:auto;margin:0 auto 24px;color:#d6ae52;filter:drop-shadow(0 4px 16px #c5951812)}
.visual-hero-backdrop{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;border-radius:0}.visual-hero-backdrop .witness-visual-frame{height:100%;aspect-ratio:auto;border-radius:0}.visual-hero-backdrop:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#0a0a0bf0 0%,#0a0a0bbd 48%,#0a0a0b87 100%),linear-gradient(0deg,#0a0a0b 0%,transparent 30%,#0a0a0b38 100%)}
.visual-thumb .witness-visual-frame,.editorial-thumbnail .witness-visual-frame{width:100%;height:100%;aspect-ratio:16/9;border-radius:12px}.visual-hero-backdrop .witness-visual-placeholder{opacity:.08}
@media(prefers-reduced-motion:reduce){.witness-visual-frame img{transition:none}.witness-empty-illustration{filter:none}}

.cinematic-brand-mark{overflow:hidden;background:#050505;border:1px solid #f5b82e50}.cinematic-brand-mark img{width:100%;height:100%;object-fit:contain}.brand img[data-brand-image],.wh-logo img[data-brand-image]{width:44px;height:44px;object-fit:contain;border-radius:12px;border:1px solid #f5b82e40;box-shadow:0 0 16px #f5b82e0a}