/* Original canvas composition, scoped away from the catalogue and other images. */
.pg-world{background:#111715;color:#f4f2ed;padding-bottom:35px;overflow:hidden}
.pg-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}
.pg-heading h2 em{color:#e7363b}
.pg-heading>div:last-child{max-width:360px}
.pg-heading p,.pg-instruction,.pg-bar{color:#c4cdc7}
.pg-instruction{font-size:12px;line-height:1.6;margin-top:12px}
.pg-instruction>strong{display:block;font-size:15px;font-weight:600;color:#f0f2ea;margin-bottom:5px}
.pg-instruction>span{display:block}
.pg-canvas{height:550px;position:relative;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;isolation:isolate}
.pg-canvas:focus-visible{outline:2px solid #e7363b;outline-offset:-4px}
.pg-canvas,.pg-canvas *{cursor:grab}
.pg-canvas.dragging,.pg-canvas.dragging *{cursor:grabbing}
.pg-pool{position:absolute;inset:0;z-index:1}
.pg-tile{position:absolute;left:0;top:0;will-change:transform;overflow:hidden;background:#242a27}
.pg-tile img{width:100%;height:100%;object-fit:cover;pointer-events:none;filter:saturate(.8)}
.pg-watermark{position:absolute;z-index:0;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);font-family:BarlowCondensed,Impact,sans-serif;font-style:italic;font-size:clamp(50px,13vw,190px);font-weight:700;letter-spacing:-.07em;color:#fff;opacity:.16}
.pg-drag-hint{position:absolute;left:50%;top:min(32%,140px);z-index:3;transform:translate(-50%,-50%);width:280px;max-width:calc(100% - 48px);padding:22px 26px 24px;text-align:center;pointer-events:none;background:#f5f3ecef;color:#18211b;border-top:3px solid var(--red);box-shadow:0 12px 45px #0005;backdrop-filter:blur(12px);transition:opacity .3s,transform .3s;user-select:none}
.pg-gesture{display:flex;align-items:center;justify-content:center;gap:23px;margin-bottom:12px;color:#c72830}
.pg-gesture>svg{width:32px;height:36px;color:#18211b}
.pg-gesture>span{font-size:25px;line-height:1}
.pg-drag-hint>strong{display:block;font-family:BarlowCondensed,Impact,sans-serif;font-size:29px;font-weight:700;line-height:1.15}
.pg-drag-hint>span{display:block;font-size:13px;margin-top:7px;line-height:1.4;color:#505e53}
.pg-canvas.hint-visible .pg-gesture{animation:pg-gesture 2.4s ease-in-out 3}
.pg-canvas.explored .pg-drag-hint{opacity:0;visibility:hidden;transform:translate(-50%,-44%);transition:opacity .3s,transform .3s,visibility 0s .3s}
.pg-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}
.pg-bar>span{font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.5}
.pg-bar>div{display:flex;gap:8px}
.pg-bar button{width:44px;min-height:44px;background:transparent;border:1px solid #56615b;color:white;font-size:18px}
.pg-bar button:hover{background:#ffffff12;border-color:#e7363b}
.pg-world .pg-touch{display:none}
@keyframes pg-gesture{0%,100%{transform:translateX(0)}25%{transform:translateX(-9px)}65%{transform:translateX(9px)}}
@media(pointer:coarse){.pg-world .pg-mouse{display:none}.pg-world .pg-touch{display:block}}
@media(max-width:760px){
  .pg-heading{display:block;margin-bottom:24px}.pg-heading>div:last-child{margin-top:20px;max-width:none}
  .pg-canvas{height:430px}.pg-drag-hint{width:250px;padding:18px 20px 20px}.pg-drag-hint>strong{font-size:27px}
  .pg-bar>span{max-width:140px;font-size:11px}
}
@media(max-width:430px){.pg-bar{gap:12px}.pg-bar>span{max-width:84px}.pg-bar>div{gap:5px}}
@media(prefers-reduced-motion:reduce){.pg-canvas.hint-visible .pg-gesture{animation:none}.pg-drag-hint,.pg-canvas.explored .pg-drag-hint{transition:none}}