.gallery{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.gallery-stage{aspect-ratio:16/10;background:linear-gradient(135deg,#a5c7ff47,#ffd1ff3d);border:1px solid #fffc;border-radius:18px;position:relative;overflow:hidden}.gallery-main{object-fit:contain;opacity:0;filter:blur(6px);width:calc(100% - 20px);height:calc(100% - 20px);transition:opacity .55s,filter .55s,transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:10px;transform:scale(.97)}.gallery-main[data-on]{opacity:1;filter:drop-shadow(0 14px 28px #1e29422e);transform:none}.gallery-thumbs{justify-content:center;gap:8px;display:flex}.gallery-thumbs button{aspect-ratio:16/10;opacity:.62;cursor:pointer;background:#fff9;border:1px solid #fffc;border-radius:10px;flex:0 88px;place-items:center;min-width:0;padding:4px;transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;display:grid}.gallery-thumbs button:hover,.gallery-thumbs button[aria-pressed=true]{opacity:1}.gallery-thumbs button:hover{transform:translateY(-3px)}.gallery-thumbs button[aria-pressed=true]{box-shadow:0 0 0 2px #0a6cff,0 6px 16px #1e294224}.gallery-thumbs button:focus-visible{outline-offset:3px;outline:2px solid #004ba0}.gallery-thumbs img{object-fit:contain;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.gallery-main,.gallery-thumbs button{transition:none}.gallery-thumbs button:hover{transform:none}}