.image-lightbox{width:100%;max-width:none;height:100dvh;max-height:none;padding:max(20px, env(safe-area-inset-top)) 36px max(22px, env(safe-area-inset-bottom));color:#f5f2e9;font-family:var(--font-text,sans-serif);background:#101e32db;border:0;margin:0;animation:.3s ease-out lightbox-fade;position:fixed;inset:0;overflow:hidden}.image-lightbox[open]{grid-template-rows:auto minmax(0,1fr) auto;gap:20px;display:grid}.image-lightbox::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:0 0;animation:.3s ease-out lightbox-fade}.image-lightbox.is-closing,.image-lightbox.is-closing::backdrop{animation:.3s ease-in reverse both lightbox-fade}.lightbox-toolbar{justify-content:flex-end;align-items:center;gap:12px;display:flex}.lightbox-count{font-variant-numeric:tabular-nums;margin-right:auto;font-size:14px}.image-lightbox button{min-width:48px;min-height:48px;color:inherit;font:inherit;cursor:pointer;background:#142235;border:1px solid #f5f2e94d;border-radius:30px;padding:10px 18px}.image-lightbox button:hover{background:#293e59}.image-lightbox button:disabled{opacity:.4;cursor:default}.case-page .image-lightbox :focus-visible{outline-offset:4px;outline:3px solid #aabaff}.lightbox-stage{touch-action:pinch-zoom;border-radius:10px;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.lightbox-image{object-fit:contain;cursor:zoom-in;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:100%;display:block;transform:scale(1)}.is-zoomed .lightbox-image{cursor:zoom-out;transform:scale(2)}.lightbox-footer{grid-template-columns:48px minmax(0,800px) 48px;justify-content:center;align-items:center;gap:28px;display:grid}.lightbox-footer button{padding:10px;font-size:23px}.lightbox-copy{text-align:center;max-height:24dvh;overflow-y:auto}.case-page .lightbox-copy h2{font:600 20px/1.3 var(--font-text,sans-serif);letter-spacing:-.02em;margin:0 0 8px}.lightbox-copy p{color:#e0e5ed;margin:0;font-size:14px;line-height:1.6}.lightbox-error:empty{display:none}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}@media (width<=600px){.image-lightbox{padding-inline:16px}.image-lightbox[open]{gap:18px}.lightbox-footer{gap:12px}.case-page .lightbox-copy h2{font-size:17px}.lightbox-copy p{font-size:12px}.lightbox-toolbar{gap:8px}.image-lightbox button{padding-inline:14px;font-size:14px}}@media (prefers-reduced-motion:reduce){.image-lightbox::backdrop,.image-lightbox.is-closing,.image-lightbox.is-closing::backdrop{animation-duration:.12s}}