.mcc-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mcc-work-photo{margin:0;min-width:0;background:#f3f7fb;border:1px solid #dbe5ee}
.mcc-work-photo a{display:block;position:relative;overflow:hidden;color:#fff}
.mcc-work-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#0b2036}
.mcc-work-photo a:focus-visible{outline:3px solid #1975e9;outline-offset:4px}
.mcc-work-enlarge{position:absolute;right:12px;bottom:12px;padding:8px 12px;background:#08233e;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em}
.mcc-work-photo figcaption{padding:16px 18px;font-weight:600;color:#0b2036}
.mcc-work-note{margin-top:16px;font-size:14px;color:#526174}
.mcc-work-dialog{position:fixed;inset:0;margin:auto;padding:52px 16px 16px;max-width:min(94vw,1000px);max-height:92vh;max-height:92dvh;overflow:auto;background:#0b2036;color:#fff;border:0;border-radius:4px;box-shadow:0 16px 60px #0008}
.mcc-work-dialog::backdrop{background:#04101ee6}
.mcc-work-dialog figure{margin:0;text-align:center}
.mcc-work-dialog img{display:block;max-width:100%;max-height:72vh;max-height:72dvh;width:auto;height:auto;margin:auto;object-fit:contain}
.mcc-work-dialog figcaption{padding:12px 4px 0;color:#fff}
.mcc-work-close{position:absolute;top:8px;right:8px;min-height:40px;padding:8px 14px;border:1px solid #71869a;background:#0b2036;color:#fff;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.mcc-work-close:focus-visible{outline:3px solid #64b5ff;outline-offset:2px}
@media(max-width:900px){.mcc-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mcc-work-grid{grid-template-columns:minmax(0,1fr);gap:20px}.mcc-work-dialog{max-width:96vw;padding-left:10px;padding-right:10px}}