.page-gallery{aspect-ratio:941/1672;isolation:isolate;background:#f8e6dd}
.gallery-art,.gallery-cards{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.gallery-cover{position:absolute;left:0;top:22%;width:100%;height:35%;padding:0;border:0;background:transparent;cursor:zoom-in;-webkit-mask-image:linear-gradient(transparent,rgba(0,0,0,.16) 5%,rgba(0,0,0,.65) 11%,#000 16%);mask-image:linear-gradient(transparent,rgba(0,0,0,.16) 5%,rgba(0,0,0,.65) 11%,#000 16%)}
.gallery-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.gallery-cards{z-index:2;clip-path:polygon(0 24%,16.5% 24%,22.6% 43.8%,15.5% 45.4%,15.5% 54.5%,0 54.5%)}
.page-gallery::after{content:"";position:absolute;z-index:2;inset:0;background:url('../assets/images/gallery/reference.webp') center/100% 100%;clip-path:polygon(91% 24%,100% 24%,100% 54.7%,87.5% 54.7%,88.8% 43%);pointer-events:none}
.gallery-film{position:absolute;z-index:3;left:0;width:100%;height:14%;overflow:hidden;touch-action:pan-y;overscroll-behavior-x:contain;background:#ffeadd;clip-path:ellipse(85% 58% at 50% 50%);cursor:grab}
.gallery-film::-webkit-scrollbar{display:none}
.gallery-film-one{top:54.2%;transform:rotate(1deg)}
.gallery-film-two{top:67.6%;transform:rotate(-1deg)}
.gallery-track{display:flex;width:max-content;height:100%;padding:11px 0;background:linear-gradient(#fbd7c4,#fff4e6 15%,#f7d9c8 85%,#ffe9d7);position:relative;will-change:transform;animation:gallery-drift var(--gallery-duration,65s) linear infinite paused;transform:translate3d(calc(-1 * var(--gallery-cycle,390px)),0,0)}
.gallery-film-two .gallery-track{animation-direction:reverse}
@keyframes gallery-drift{from{transform:translate3d(calc(-1 * var(--gallery-cycle)),0,0)}to{transform:translate3d(calc(-2 * var(--gallery-cycle)),0,0)}}
.gallery-film::before,.gallery-film::after{content:"";position:absolute;z-index:1;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,transparent 0 5px,#aa79654f 5px 12px,transparent 12px 16px);pointer-events:none}
.gallery-film::before{top:3px}.gallery-film::after{bottom:3px}
.gallery-tile{flex:none;width:var(--gallery-cell);height:100%;padding:0 3px;border:0;background:transparent;cursor:zoom-in}
.gallery-tile img{display:block;width:100%;height:100%;object-fit:contain;background:#f4e6d7;border:1px solid #fff9;border-radius:3px;pointer-events:none;user-select:none}
.gallery-viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:20px;border:0;background:rgba(20,15,18,.94);color:white;overflow:hidden;touch-action:none}
.gallery-viewer::backdrop{background:rgba(20,15,18,.65);backdrop-filter:blur(7px)}
.gallery-viewer[open]{display:flex;align-items:center;justify-content:center}
.gallery-full{display:block;max-width:100%;max-height:calc(100% - 100px);object-fit:contain;user-select:none;-webkit-user-drag:none}
.gallery-viewer button{position:absolute;z-index:2;min-width:48px;height:48px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#24191b88;color:#fff;font:32px/1 Georgia;cursor:pointer;touch-action:manipulation}
.gallery-close{top:max(16px,env(safe-area-inset-top));right:16px}.gallery-prev{left:8px;top:50%}.gallery-next{right:8px;top:50%}
.gallery-counter{position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:0;right:0;margin:0;text-align:center;font:14px/1.5 sans-serif;pointer-events:none}
body.gallery-viewer-open{overflow:hidden}
.page-gallery button:focus-visible{outline:2px solid #a64553;outline-offset:-2px}