.project-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.project-gallery__grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}.project-gallery__item{color:#f4f3f2;min-width:0;text-decoration:none}.project-gallery__preview{aspect-ratio:4/3;background:#111218;border:1px solid #34343c;border-radius:3px;position:relative;overflow:hidden}.project-gallery__grid[data-count="1"] .project-gallery__preview{aspect-ratio:16/9}.project-gallery__preview img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .45s;display:block}.project-gallery__preview>span{color:#fff;background:#0b0b10;border:1px solid #66616a;padding:9px 13px;font-size:12px;line-height:1.3;position:absolute;bottom:12px;right:12px}.project-gallery__item:hover .project-gallery__preview img{transform:scale(1.025)}.project-gallery__caption{border-bottom:1px solid #303039;align-items:baseline;gap:14px;padding:18px 0;display:flex}.project-gallery__caption>span{color:#ff566e;font-variant-numeric:tabular-nums;font-size:12px}.project-gallery__caption>strong{font-size:16px;font-weight:500}.project-gallery__item:focus-visible,.project-gallery__dialog button:focus-visible,.project-gallery__dialog a:focus-visible{outline-offset:5px;outline:2px solid #ff526d}.project-gallery__dialog{color:#f7f6f5;background:#101116;border:1px solid #45434b;border-radius:4px;width:min(1120px,100vw - 40px);max-width:none;max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:hidden;box-shadow:0 25px 90px #000a}.project-gallery__dialog::backdrop{background:#030407eb}.project-gallery__dialog-panel{flex-direction:column;max-height:calc(100dvh - 42px);display:flex}.project-gallery__dialog-header,.project-gallery__dialog-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.project-gallery__dialog-header{border-bottom:1px solid #303039}.project-gallery__dialog-header h3{color:#fff;margin:5px 0 0;font-size:20px;line-height:1.3}.project-gallery__dialog-header>div>span{color:#b8b8c0;font-size:12px}.project-gallery__dialog button,.project-gallery__dialog-footer a{color:#faf9f8;cursor:pointer;min-height:44px;font:inherit;background:#1a1b22;border:1px solid #48464f;border-radius:3px;justify-content:center;align-items:center;padding:9px 15px;font-size:13px;line-height:1.35;text-decoration:none;display:inline-flex}.project-gallery__dialog-header button{flex-shrink:0;gap:12px}.project-gallery__dialog button:hover,.project-gallery__dialog-footer a:hover{background:#282129;border-color:#ff526d}.project-gallery__dialog-image{overscroll-behavior:contain;background:#090a0e;min-height:0;overflow:auto}.project-gallery__dialog-image img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 220px);margin:auto;display:block}.project-gallery__dialog-image[data-enlarged=true] img{width:100%;max-height:none}.project-gallery__dialog-footer{border-top:1px solid #303039}.project-gallery__navigation{gap:8px;display:flex}@media (width<=760px){.project-gallery__grid{grid-template-columns:minmax(0,1fr);gap:24px}.project-gallery__preview,.project-gallery__grid[data-count="1"] .project-gallery__preview{aspect-ratio:4/3}.project-gallery__dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.project-gallery__dialog-panel{max-height:calc(100dvh - 22px)}.project-gallery__dialog-header,.project-gallery__dialog-footer{gap:12px;padding:14px}.project-gallery__dialog-header h3{font-size:17px}.project-gallery__dialog-footer{flex-wrap:wrap}.project-gallery__dialog-footer>a{flex:100%}.project-gallery__dialog-image img{max-height:calc(100dvh - 265px)}}@media (prefers-reduced-motion:reduce){.project-gallery__preview img{transition:none}.project-gallery__item:hover .project-gallery__preview img{transform:none}}