.project-gallery{background:var(--card);border-radius:16px;justify-content:center;align-items:center;height:310px;margin-bottom:19px;display:flex;position:relative;overflow:hidden}.project-gallery.project-gallery_purple{background:var(--card)}.project-gallery.project-gallery_sky{background:var(--tone-sky)}.project-gallery.project-gallery_green{background:var(--tone-green)}.project-gallery.project-gallery_rose{background:var(--tone-rose)}.project-gallery.project-gallery_dark{background:var(--text-color);color:#fff}.project-gallery__placeholder{width:82%;height:75%;color:var(--muted);rotate:calc((1 - var(--scroll-progress,0)) * var(--placeholder-tilt,-3deg));translate:0 calc((1 - var(--scroll-progress,0)) * var(--placeholder-shift,14px));background:#ffffff38;border:1px dashed #0003;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.project-gallery__caption{letter-spacing:1.6px;text-transform:uppercase;text-align:center;font-size:10px}.project-gallery_dark .project-gallery__placeholder{color:var(--accent-soft-text);background:#ffffff06;border-color:#fff4}.project-gallery__label{letter-spacing:1.2px;text-transform:uppercase;font-size:10px;position:absolute;top:20px;left:20px}.project-gallery__image{width:100%;height:100%;scale:var(--gallery-zoom,1);object-fit:cover;object-position:center top;transition:scale .5s cubic-bezier(.2,.6,.2,1)}.project-gallery__controls{z-index:2;background:var(--bg-color);color:var(--text-color);border-radius:25px;align-items:center;gap:10px;padding:6px;font-size:12px;display:flex;position:absolute;bottom:16px;right:16px}.project-gallery__control{width:36px;height:36px;color:var(--text-color);background:#fff;border:0;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex}.project-gallery__control:hover{background:var(--surface-accent);color:var(--secondary-color);box-shadow:var(--shadow-soft)}.project-gallery__control svg{width:16px;height:16px;display:block}.project-gallery__control path{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.project-gallery.project-gallery_large{height:510px}.project-gallery__image.project-gallery__image_contain{object-fit:contain;object-position:center;padding:24px}.project-gallery_large .project-gallery__image{scale:calc(1.08 - var(--scroll-progress,1) * .08)}.project-gallery_large .project-gallery__placeholder{--placeholder-tilt:0deg;--placeholder-shift:0px}@media (max-width:640px){.project-gallery{height:240px}.project-gallery.project-gallery_large{height:280px}.project-gallery__caption{font-size:8px}}
