.gallery{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--yellow);touch-action:pan-y}.gallery-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--photo-position,center);opacity:0;transition:opacity 1.7s ease;transform:scale(1.005)}.gallery-image.is-active{opacity:1;animation:photo-drift 9s linear both}.gallery-arrow{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:3.2rem;height:3.2rem;border:1px solid #ffffff82;border-radius:50%;background:#ffffffb0;backdrop-filter:blur(10px);box-shadow:0 4px 22px #00000018;transition:transform .2s,background .2s;transform:translateY(-50%)}.gallery-arrow:hover:not(:disabled){background:var(--yellow);transform:translateY(-50%) scale(1.09)}.gallery-arrow:active:not(:disabled){transform:translateY(-50%) scale(.95)}.gallery-arrow:disabled{opacity:.48}.gallery-prev{left:clamp(1rem,3.2vw,3.75rem)}.gallery-next{right:clamp(5.5rem,8.3vw,9.5rem)}.gallery-status{display:flex;align-items:center;justify-content:center;gap:.65rem;margin-top:.75rem;color:#fff;font-size:.75rem;font-weight:650;letter-spacing:.08em;text-shadow:0 1px 5px #0009}.gallery-status-line{width:2rem;height:1px;background:#ffffff69}.gallery-pause{display:grid;place-items:center;width:2.5rem;height:2.5rem;padding:.6rem;border:0;border-radius:50%;background:#ffffff15;color:#fff}.gallery-pause:disabled{opacity:.4}.gallery-pause:hover:not(:disabled){background:#ffffff35}.gallery-pause svg{width:1rem;height:1rem}@keyframes photo-drift{from{transform:scale(1.005)}to{transform:scale(1.045)}}
@media(max-width:650px){.gallery-image{object-position:var(--photo-mobile-position,10% center)}.gallery-prev{left:.65rem}.gallery-next{right:.65rem}.gallery-arrow{width:2.5rem;height:2.5rem;top:55%}.gallery-status{margin-top:.25rem}.gallery-status-line{width:1.25rem}}
@media(max-height:600px){.gallery-arrow{top:45%}.gallery-status{margin-top:.15rem}}