/* One video presentation for every campaign source. */
body .campaign-video-tile{display:block;position:relative;height:240px;width:100%;margin-bottom:22px;border-radius:12px;overflow:hidden;background:#25241f;isolation:isolate}
body .media-tile video{display:block;width:100%;height:100%;object-fit:contain;background:#25241f;pointer-events:none}
body .media-tile .play-disc,body .media-tile .inner-film-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #faf7ef66;border-radius:50%;background:#73551ee8;color:#faf7ef;font-size:15px;z-index:2}
body .media-tile .film-tag{position:absolute;top:12px;left:12px;font-size:9px;letter-spacing:.03em;padding:6px 10px;border-radius:20px;background:#faf7efe8;color:#73551e;z-index:2}
body .media-tile .screen-caption{position:absolute;bottom:16px;left:16px;color:#faf7ef;font-size:10px;letter-spacing:.05em;z-index:2;text-shadow:0 1px 6px #000}
body .media-tile:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#171713b3);pointer-events:none;z-index:1}
body .media-tile:focus-visible{outline:3px solid #73551e;outline-offset:4px}
@media(max-width:760px){body .campaign-video-tile{height:220px}body .media-tile .play-disc{width:44px;height:44px}body .media-tile .film-tag{font-size:8px;top:8px;left:8px}body .media-tile .screen-caption{font-size:9px;left:12px}}

body.cm-reference-page .campaign-screen.media-tile video,body.goat-interior .media-tile video{object-fit:contain}