.pg-gallery{grid-template-columns:76px minmax(0,1fr);align-items:start;gap:16px;display:grid}.pg-thumbs{gap:10px;display:grid;position:sticky;top:110px}.pg-thumb{aspect-ratio:4/5;background:var(--sand);cursor:pointer;opacity:.5;outline-offset:3px;border:0;outline:1px solid #0000;transition:opacity .3s,outline-color .3s;position:relative;overflow:hidden}.pg-thumb img{object-fit:cover}.pg-thumb:hover{opacity:.85}.pg-thumb-active,.pg-thumb-active:hover{opacity:1;outline-color:var(--black)}.pg-stage{--pg-x:50%;--pg-y:50%;aspect-ratio:4/5;background:var(--sand);cursor:zoom-in;grid-column:2;position:relative;overflow:hidden}.pg-gallery:not(:has(.pg-thumbs)) .pg-stage{grid-column:1/-1}.pg-main{object-fit:cover;opacity:0;transform-origin:var(--pg-x) var(--pg-y);transition:opacity .6s,transform .5s cubic-bezier(.22,1,.36,1)}.pg-main-active{opacity:1}.pg-stage:hover .pg-main-active{transform:scale(1.7)}.pg-empty{cursor:default;place-items:center;display:grid}.pg-placeholder{color:var(--rose);font-size:80px}.pg-tag{z-index:1;background:var(--black);letter-spacing:.22em;text-transform:uppercase;color:var(--pink);padding:6px 12px;font-size:10.5px;font-weight:500;position:absolute;top:16px;left:16px}.pg-index{z-index:1;background:color-mix(in srgb, var(--cream) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--font-heading), serif;letter-spacing:.08em;color:var(--black);pointer-events:none;padding:6px 10px;font-size:14px;position:absolute;bottom:16px;right:16px}.pg-mobile,.pg-dots{display:none}.pg-slide{position:relative}@media (max-width:960px){.pg-gallery{grid-template-columns:minmax(0,1fr);gap:14px;margin:0 -20px}.pg-thumbs,.pg-stage{display:none}.pg-mobile{display:block;position:relative}.pg-track{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.pg-track::-webkit-scrollbar{display:none}.pg-slide{aspect-ratio:4/5;background:var(--sand);scroll-snap-align:start;flex:0 0 100%}.pg-slide img{object-fit:cover}.pg-dots{justify-content:center;gap:8px;display:flex}.pg-dot{background:var(--line);cursor:pointer;border:0;width:22px;height:2px;transition:background .3s,width .3s}.pg-dot-active{background:var(--black);width:36px}}