.mockup-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}@media (min-width:640px){.mockup-gallery--cols-3{grid-template-columns:repeat(3,1fr)}.mockup-gallery--cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:920px){.mockup-gallery--cols-2{grid-template-columns:repeat(2,1fr)}.mockup-gallery--cols-3{grid-template-columns:repeat(3,1fr)}.mockup-gallery--cols-4{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.mockup-gallery{grid-template-columns:1fr}}.mockup-item{margin:0}.mockup-item__trigger{display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:rgba(var(--ink),.03);box-shadow:var(--shadow-sm);cursor:zoom-in;overflow:hidden;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;-webkit-appearance:none;appearance:none;font:inherit;color:inherit}.mockup-item__trigger:hover,.mockup-item__trigger:focus-visible{transform:translateY(-3px);border-color:rgba(var(--ink),.28);box-shadow:var(--shadow-md);outline:none}.mockup-item__trigger img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center}.mockup-item--framed .mockup-item__bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:rgba(var(--ink),.05);border-bottom:1px solid var(--line)}.mockup-item--framed .mockup-item__bar span{width:9px;height:9px;border-radius:999px;background:rgba(var(--ink),.22)}.mockup-item--framed .mockup-item__bar span:nth-child(1){background:#ff5f57}.mockup-item--framed .mockup-item__bar span:nth-child(2){background:#febc2e}.mockup-item--framed .mockup-item__bar span:nth-child(3){background:#28c840}.mockup-item__zoom{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(var(--bg-rgb),.75);backdrop-filter:blur(6px);border:1px solid rgba(var(--ink),.16);color:var(--text);opacity:0;transform:scale(.8);transition:opacity .18s ease,transform .18s ease;pointer-events:none}.mockup-item__zoom svg{width:16px;height:16px}.mockup-item__trigger:hover .mockup-item__zoom,.mockup-item__trigger:focus-visible .mockup-item__zoom{opacity:1;transform:scale(1)}.mockup-item__caption{margin-top:10px;font-size:14px;color:var(--muted);text-align:center}.lzv2-lightbox{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;background:rgba(var(--ink-well),.86);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility 0s linear .24s}.lzv2-lightbox.is-open{opacity:1;visibility:visible;transition:opacity .24s ease,visibility 0s linear}.lzv2-lightbox__stage{position:relative;width:min(94vw,1400px);height:min(88vh,1000px);display:flex;align-items:center;justify-content:center;overflow:hidden}.lzv2-lightbox__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:var(--shadow-lg);cursor:zoom-in;transform:scale(1) translate(0px,0px);transition:transform .25s ease;touch-action:none;user-select:none}.lzv2-lightbox__img.is-zoomed{cursor:grab;transition:none}.lzv2-lightbox__img.is-dragging{cursor:grabbing}.lzv2-lightbox__caption{position:absolute;left:0;right:0;bottom:18px;text-align:center;color:rgba(var(--ink),.85);font-size:14px;font-weight:600;pointer-events:none}.lzv2-lightbox__caption a{pointer-events:auto;text-decoration:underline;text-underline-offset:3px}.lzv2-lightbox__close,.lzv2-lightbox__nav{position:fixed;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.35);color:#fff;cursor:pointer;transition:background .15s ease,transform .15s ease}.lzv2-lightbox__close:hover,.lzv2-lightbox__nav:hover{background:rgba(0,0,0,.55)}.lzv2-lightbox__close svg,.lzv2-lightbox__nav svg{width:20px;height:20px}.lzv2-lightbox__close{top:18px;right:18px;z-index:2}.lzv2-lightbox__nav--prev{left:18px;top:50%;transform:translateY(-50%)}.lzv2-lightbox__nav--next{right:18px;top:50%;transform:translateY(-50%)}.lzv2-lightbox__nav--prev:hover{transform:translateY(-50%) translateX(-2px)}.lzv2-lightbox__nav--next:hover{transform:translateY(-50%) translateX(2px)}.lzv2-lightbox__nav[hidden]{display:none}.lzv2-lightbox__hint{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);font-size:12px;color:rgba(255,255,255,.55);pointer-events:none}@media (max-width:640px){.lzv2-lightbox__close,.lzv2-lightbox__nav{width:40px;height:40px}.lzv2-lightbox__nav--prev{left:8px}.lzv2-lightbox__nav--next{right:8px}.lzv2-lightbox__close{top:10px;right:10px}.lzv2-lightbox__hint{display:none}}@media (prefers-reduced-motion:reduce){.lzv2-lightbox,.lzv2-lightbox__img{transition:none}}