.project-gallery{width:min(1120px,100vw - 32px);color:var(--content-text);margin:42px 0 12px}.project-gallery__header,.project-gallery__meta,.project-gallery__dialog-bar,.project-gallery__dialog-footer{justify-content:space-between;align-items:center;gap:24px;display:flex}.project-gallery__header{margin-bottom:15px}.project-gallery__eyebrow,.project-gallery__hint,.project-gallery__count,.project-gallery__caption,.project-gallery__dialog p{margin:0}.project-gallery__eyebrow,.project-gallery__count{color:var(--content-text);letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;font-weight:720;line-height:1.2}.project-gallery__hint{color:var(--content-muted);font-size:.82rem}.project-gallery__viewport{cursor:grab;touch-action:pan-y pinch-zoom;margin-inline:calc(-50vw + min(1120px,100vw - 32px)/2);padding:16px max(16px,50vw + min(1120px,100vw - 32px)/-2) 36px;overflow:hidden}.project-gallery__viewport:active{cursor:grabbing}.project-gallery__track{gap:clamp(14px,2.2vw,28px);display:flex}.project-gallery__slide{--gallery-scale:.94;--gallery-opacity:.72;min-width:0;opacity:var(--gallery-opacity);transform:scale(var(--gallery-scale));transform-origin:50%;flex:0 0 min(86%,940px);transition:opacity .22s}.project-gallery__frame{width:100%;height:clamp(320px,58vw,610px);color:inherit;cursor:zoom-in;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative;overflow:visible}.project-gallery__frame:focus-visible,.project-gallery__previews button:focus-visible,.project-gallery__arrows button:focus-visible,.project-gallery__dialog button:focus-visible{outline-offset:4px;outline:3px solid}.project-gallery__image-wrap{background:0 0;place-items:center;width:100%;height:100%;display:grid}.project-gallery__image-wrap img{corner-shape:squircle;user-select:none;border-radius:clamp(14px,2vw,22px);width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 3px 8px #20262f14,0 18px 42px #20262f29}.project-gallery__meta{align-items:flex-start;margin-top:-5px}.project-gallery__count{margin-bottom:9px}.project-gallery__caption{max-width:70ch;color:var(--content-muted);font-size:.94rem;line-height:1.55}.project-gallery__arrows,.project-gallery__dialog-arrows{flex:none;gap:9px;display:flex}.project-gallery__arrows button,.project-gallery__dialog button{width:46px;height:46px;color:inherit;cursor:pointer;background:0 0;border:1px solid #20262f33;border-radius:50%;place-items:center;padding:0;transition:color .16s,background .16s,opacity .16s;display:grid}.project-gallery__arrows button:hover:not(:disabled){color:#fff;background:var(--content-text)}.project-gallery__arrows button:disabled{opacity:.3;cursor:default}.project-gallery__previews{gap:10px;margin-top:22px;display:flex}.project-gallery__previews button{corner-shape:squircle;opacity:.62;cursor:pointer;background:#f4f2ed;border:1px solid #0000;border-radius:13px;width:72px;height:50px;padding:5px;transition:opacity .18s,transform .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 5px 12px #20262f14}.project-gallery__previews button:hover,.project-gallery__previews button.is-selected{opacity:1;transform:translateY(-2px)}.project-gallery__previews button.is-selected{border-color:currentColor}.project-gallery__previews img{object-fit:contain;user-select:none;width:100%;height:100%;display:block}.project-gallery__dialog{color:#f7f5ef;backdrop-filter:blur(26px);background:#0d0f12f5;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden}.project-gallery__dialog::backdrop{backdrop-filter:blur(18px);background:#0d0f12d1}.project-gallery__dialog-shell{width:100%;height:100%;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));grid-template-rows:auto minmax(0,1fr) auto;gap:16px;display:grid}.project-gallery__dialog-bar p{letter-spacing:.09em;text-transform:uppercase;font-size:.78rem;font-weight:700}.project-gallery__dialog button{color:#fff;border-color:#ffffff47}.project-gallery__dialog button:hover{background:#ffffff21}.project-gallery__dialog-image{place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.project-gallery__dialog-image img{object-fit:contain;corner-shape:squircle;border-radius:22px;width:100%;height:100%;display:block;position:absolute;inset:0;box-shadow:0 32px 90px #00000070}.project-gallery__dialog-footer{align-items:flex-end}.project-gallery__dialog-footer>p{color:#f7f5efc7;max-width:72ch;font-size:.9rem;line-height:1.45}@media (width<=767px){.project-gallery{width:100%;margin-top:32px}.project-gallery__hint{display:none}.project-gallery__viewport{margin-inline:-24px;padding:12px 24px 30px}.project-gallery__track{gap:12px}.project-gallery__slide{flex-basis:91%}.project-gallery__frame{height:min(82vw,360px)}.project-gallery__arrows{display:none}.project-gallery__previews{margin-top:18px}.project-gallery__previews button{width:62px;height:44px}.project-gallery__dialog-shell{gap:12px}.project-gallery__dialog-image img{border-radius:14px}.project-gallery__dialog-footer>p{font-size:.82rem}}@media (prefers-reduced-motion:reduce){.project-gallery__slide,.project-gallery__arrows button,.project-gallery__previews button{transition:none}}.project-section-body[data-astro-cid-pznzci7v]{min-width:0}
