.case-media{border-radius:inherit;width:100%;min-width:0;color:inherit;cursor:zoom-in;text-align:inherit;background:0 0;border:0;padding:0;display:block;overflow:hidden}.case-media>img{width:100%;height:auto;display:block}.case-media:focus-visible{outline:3px solid var(--portfolio-accent);outline-offset:4px}.case-video{border-radius:inherit;width:100%;min-width:0;display:block}.case-viewer-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#121417b8;position:fixed;inset:0}.portfolio-page.case-viewer{z-index:101;background:var(--portfolio-background-page);border-radius:24px;min-height:0;position:fixed;inset:20px;overflow:hidden}.case-viewer-tools{z-index:2;gap:8px;display:flex;position:absolute;top:12px;right:12px}.case-viewer-tools button{min-width:44px;height:44px;color:var(--portfolio-text-primary);font:400 16px/24px var(--portfolio-font-family);cursor:pointer;background:#fff;border:0;border-radius:100px;place-items:center;padding:0 12px;display:grid;box-shadow:0 2px 12px #12141712}.case-viewer-tools button:last-child{font-size:28px}.case-viewer-stage{justify-content:center;align-items:center;height:100%;padding:64px 24px 24px;display:flex;overflow:auto}.case-viewer-stage img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.case-viewer-stage.is-full-size{display:block}.case-viewer-stage.is-full-size img{max-width:none;max-height:none;margin:auto}@media (prefers-reduced-motion:no-preference){.case-viewer-overlay{animation:.16s ease-out case-fade-in}.case-viewer{animation:.2s ease-out case-zoom-in}@keyframes case-fade-in{0%{opacity:0}to{opacity:1}}@keyframes case-zoom-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}}@media (width<=640px){.portfolio-page.case-viewer{border-radius:16px;inset:8px}.case-viewer-stage{padding:64px 12px 12px}}