html.media-open{overflow:hidden;scrollbar-gutter:stable}
body>dialog#media-viewer{box-sizing:border-box;width:70vw;height:70vh;height:70dvh;max-width:70vw;max-height:70dvh;margin:auto;padding:0;border:1px solid #c4d0c7;border-radius:6px;background:#fff;color:#202020;box-shadow:0 24px 80px #0005;font-family:Pretendard,sans-serif;overflow:hidden}
body>dialog#media-viewer[open]{display:flex;flex-direction:column}
#media-viewer::backdrop{background:#101a16b8}
#media-viewer .media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:#e6ede8;flex-shrink:0}
#media-viewer #media-title{margin:0;font-size:18px;font-weight:600;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#media-viewer .media-close{font:inherit;font-size:22px;line-height:1;width:44px;height:44px;flex-shrink:0;border:1px solid #c4d0c7;border-radius:4px;background:#fff;color:#315c4b;cursor:pointer;float:none;padding:0}
#media-viewer .media-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;min-width:0;background:#171a18}
#media-viewer .media-stage>img,#media-viewer .media-stage>video,#media-viewer .media-stage>iframe{display:block;box-sizing:border-box;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border:0;margin:0;padding:0}
#media-viewer .media-status{margin:0;padding:10px 20px;font-size:16px;color:#315c4b;flex-shrink:0}
#media-viewer .media-status:empty{display:none}
.media-image-trigger{display:block;width:max-content;max-width:100%;flex-shrink:0;line-height:0;border:0;padding:0;margin:0;background:none;cursor:zoom-in}
.media-image-trigger:focus-visible>img{outline:3px solid #315c4b;outline-offset:4px}
button.cover{width:100%;display:block;border:0;padding:0;cursor:pointer;text-align:inherit}
.film-card h2 a,.project-card h2 a,.card h2 a,.workflow-card h3 a{color:inherit;text-decoration:none}
.film-card h2 a:hover,.project-card h2 a:hover,.card h2 a:hover,.workflow-card h3 a:hover{text-decoration:underline}
[data-youtube]{cursor:pointer}
button.film-cover{padding:0}
.media-close:focus-visible,[data-youtube]:focus-visible{outline:3px solid #315c4b;outline-offset:3px}
@media(min-width:2560px){#media-viewer .media-toolbar{padding:18px 28px}#media-viewer #media-title{font-size:24px}#media-viewer .media-close{width:52px;height:52px;font-size:28px}}
@media(max-width:600px){#media-viewer .media-toolbar{padding:8px;gap:8px}#media-viewer #media-title{font-size:14px}}
@media print{#media-viewer{display:none!important}}