.plate{margin:0;aspect-ratio:21 / 9;border-radius:24px}.plate-frame{--c: rgb(var(--white-rgb) / .55);position:absolute;inset:20px;z-index:3;pointer-events:none;background:linear-gradient(var(--c),var(--c)) top left / 18px 1px,linear-gradient(var(--c),var(--c)) top left / 1px 18px,linear-gradient(var(--c),var(--c)) top right / 18px 1px,linear-gradient(var(--c),var(--c)) top right / 1px 18px,linear-gradient(var(--c),var(--c)) bottom left / 18px 1px,linear-gradient(var(--c),var(--c)) bottom left / 1px 18px,linear-gradient(var(--c),var(--c)) bottom right / 18px 1px,linear-gradient(var(--c),var(--c)) bottom right / 1px 18px;background-repeat:no-repeat}.plate-media,.plate-media>img,.plate-live,.plate-live>*{position:absolute;inset:0;width:100%;height:100%}.plate-media>img,.plate-live video,.plate-overlay{object-fit:cover}.plate-live{opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1);isolation:isolate}.plate-live.on{opacity:1}.plate-live video{filter:grayscale(.3) contrast(1.08)}.plate-tint{background:var(--sea-700);mix-blend-mode:color;opacity:.72}.plate figcaption{position:absolute;z-index:3;left:44px;bottom:38px;display:flex;gap:12px;align-items:center;padding:9px 14px;border-radius:8px;border:1px solid rgb(var(--white-rgb) / .18);background:rgb(var(--sea-800-rgb) / .55);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);font:500 12px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-inv)}.plate figcaption:before{content:"";width:22px;height:1px;background:var(--brand-flare)}@media(max-width:860px){.plate{aspect-ratio:4 / 3;border-radius:14px}.plate figcaption{left:24px;bottom:24px;font-size:11px}}