.work-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px;align-items:start}
.work-gallery-single{grid-template-columns:1fr}
.work-media{margin:0;min-width:0}
.media-preview{display:block;position:relative;background:#e7e4d9;border:1px solid var(--line);overflow:hidden;aspect-ratio:4/3;isolation:isolate}
.media-preview img{width:100%;height:100%;display:block;transition:transform .25s}
.media-preview:hover img{transform:scale(1.025)}
.media-format{position:absolute;top:10px;left:10px;background:#f6f3ebee;padding:5px 8px;font-size:10px;letter-spacing:.8px;color:var(--ink);max-width:calc(100% - 20px)}
.media-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#263b32eb;color:#fff;display:grid;place-items:center;height:54px;width:54px;border-radius:50%;font-size:20px;padding-left:3px;box-shadow:0 0 0 6px #f6f3eb55}
.media-expand{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;background:#f6f3ebee;color:var(--ink);height:30px;width:30px;font-size:20px}
.media-blank{display:grid;place-items:center;background:var(--ink);color:var(--paper);height:100%;padding:30px 25px;text-align:center;font:italic 23px/1.35 var(--serif)}
.media-blank+.media-format{background:#f6f3eb}
.media-preview:has(.media-blank) .media-play{top:auto;bottom:15px;transform:translateX(-50%);height:40px;width:40px;font-size:16px}
.work-media figcaption{font-size:12px;line-height:1.7;color:var(--muted);margin-top:9px;overflow-wrap:anywhere}
.work-media figcaption>span{display:block}
.work-media figcaption>a{display:inline-block;color:var(--rust);font-size:11px;margin-top:4px;border-bottom:1px solid var(--line)}
.portfolio-series-card>.work-gallery{max-width:820px}
.portfolio-episode .work-gallery{margin-top:17px}
.az-card>.work-gallery{margin-bottom:24px}
.media-dialog{width:min(960px,calc(100% - 36px));max-height:calc(100dvh - 30px);padding:20px 24px 22px;border:1px solid var(--line);background:var(--paper);color:var(--ink);overflow-y:auto;box-shadow:0 20px 80px #0005}
.media-dialog::backdrop{background:#17271fe6}
.media-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:15px}
.media-dialog-top>span{font-size:10px;letter-spacing:1.2px;color:var(--rust)}
.media-close{display:grid;place-items:center;width:40px;height:40px;background:transparent;border:1px solid var(--line);font-size:26px;line-height:1}
.media-close:hover{background:var(--olive)}
.media-stage{background:#e7e4d9;min-height:120px;display:flex;justify-content:center}
.media-stage img,.media-stage video{max-width:100%;width:auto;max-height:68dvh;height:auto;object-fit:contain;display:block}
.media-stage video{width:100%;background:#17271f;min-height:250px}
.media-stage iframe{border:0;background:#fff;width:100%;height:min(68dvh,680px);min-height:390px}
.media-dialog-caption{font-size:13px;line-height:1.8;margin:16px 0 7px}
.media-original{font-size:12px;color:var(--rust);border-bottom:1px solid var(--line);display:inline-block}
.media-viewer-open{overflow:hidden}
@media(max-width:700px){.work-gallery{gap:11px}.media-format{font-size:9px;padding:4px 6px;letter-spacing:.4px}.media-play{height:43px;width:43px;font-size:16px;box-shadow:0 0 0 4px #f6f3eb55}.work-media figcaption{font-size:11px}.media-dialog{padding:12px 15px 18px;width:calc(100% - 20px);max-height:calc(100dvh - 18px)}.media-stage img,.media-stage video{max-height:65dvh}.media-stage iframe{height:66dvh;min-height:370px}.media-stage video{min-height:180px}.media-dialog-top>span{font-size:9px}.media-dialog-caption{font-size:12px}.media-blank{font-size:18px;padding:20px 15px 55px}}
@media(max-width:420px){.work-gallery{grid-template-columns:1fr}.media-preview{aspect-ratio:4/3}.work-media figcaption{font-size:12px}.media-format{font-size:9px}}