/* Keep the surrounding art direction; only the recorded medium changes. */
.live-preview{min-width:0}
.live-preview-screen{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#e7e7e7;color:#1b1d1c;isolation:isolate}
.live-preview-screen iframe{position:absolute;top:50%;left:50%;border:0;max-width:none;pointer-events:none;opacity:0;transform-origin:center;transition:opacity .3s ease}
.preview-ready .live-preview-screen iframe{opacity:1}
.live-preview-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center}
.live-preview-placeholder strong{font-size:clamp(20px,3vw,44px);font-weight:500;letter-spacing:-.04em}
.live-preview-placeholder span{font-size:13px;letter-spacing:.04em}
.live-preview-placeholder i{display:inline-block;width:7px;height:7px;margin-left:5px;border-radius:50%;background:#b54835}
.preview-ready .live-preview-placeholder{visibility:hidden}
.live-preview-open{position:absolute;inset:0;z-index:2}
.live-preview-open:focus-visible{outline:3px solid #b54835;outline-offset:-5px}
.live-preview-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;padding:15px 0;font-size:12px;line-height:1.5;border-bottom:1px solid #a1a7a166}
.live-preview-controls [data-live-status]{margin-right:auto}
.live-preview-controls button{font:inherit;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;padding:7px 0;cursor:pointer}
.live-preview-controls button:focus-visible{outline:2px solid #b54835;outline-offset:4px}
.live-preview-controls button[hidden]{display:none}
.lead-project .live-preview-screen{aspect-ratio:1920/862}
.pg-film .live-preview-controls{color:inherit}
.pg-film-caption{gap:15px;flex-wrap:wrap}
.mk-case-cover .live-preview-screen{height:clamp(410px,44vw,620px);aspect-ratio:auto}
.mk-case-cover .live-preview-controls{color:#f6f5ee}
@media(max-width:700px){
  .live-preview-screen,.lead-project .live-preview-screen{aspect-ratio:390/844;max-height:70svh}
  .live-preview-controls{gap:8px 18px;font-size:11px}
  .live-preview-controls [data-live-status]{flex-basis:100%}
  .mk-case-cover .live-preview-screen{height:400px}
}
@media(prefers-reduced-motion:reduce){.live-preview-screen iframe{transition:none}}
.published-work .gallery-case-link{display:block;width:fit-content;margin-top:14px}