.U963HW_gallery{width:min(100%,100svh - 16rem);margin-inline:auto}.U963HW_board{--gap:clamp(4px, 1vw, 10px);gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.U963HW_tile{aspect-ratio:1;perspective:1100px;outline-offset:4px;border-radius:clamp(8px,1.5vw,16px);min-width:0;position:relative}.U963HW_tile:has(:focus-visible){outline:2px solid var(--foreground)}.U963HW_rotor{border-radius:inherit;width:100%;height:100%;transform-style:preserve-3d;--turn:rotateX(-180deg);position:relative}.U963HW_rotor[data-axis=y]{--turn:rotateY(180deg)}.U963HW_face{border-radius:inherit;background:var(--secondary);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.U963HW_back{transform:var(--turn)}.U963HW_photo{object-fit:cover;border-radius:inherit}.U963HW_artwork{width:calc(300% + 2 * var(--gap));height:calc(300% + 2 * var(--gap));left:calc(var(--column) * (-100% - var(--gap)));top:calc(var(--row) * (-100% - var(--gap)));position:absolute}.U963HW_artwork img{object-fit:contain;padding:7%}.U963HW_opening .U963HW_front:after{content:"";background:var(--border);height:1px;box-shadow:0 1px 0 var(--background);position:absolute;inset:50% 0 auto}.U963HW_opening{animation:U963HW_flip .8s cubic-bezier(.35, .05, .2, 1) var(--delay) both}.U963HW_turning{animation:.9s cubic-bezier(.35,.05,.2,1) both U963HW_flip}@keyframes U963HW_flip{0%{transform:rotateX(0)rotateY(0)}to{transform:var(--turn)}}.U963HW_caption{border-radius:inherit;color:#fff;white-space:pre-line;overflow-wrap:anywhere;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000bf);outline:none;flex-direction:column;padding:clamp(6px,1.5vw,16px);font-size:18px;line-height:1.5;transition:opacity .2s;display:flex;position:absolute;inset:0;overflow:auto}.U963HW_caption>span{flex-shrink:0;margin-top:auto}.U963HW_tile:focus-within .U963HW_caption{opacity:1;pointer-events:auto}@media (hover:hover){.U963HW_tile:hover .U963HW_caption{opacity:1;pointer-events:auto}}@media not (min-width:640px){.U963HW_caption{font-size:14px}}@keyframes U963HW_crossfade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.U963HW_rotor,.U963HW_back{animation:none;transform:none}.U963HW_opening .U963HW_front{display:none}.U963HW_turning .U963HW_back{animation:.25s ease-out both U963HW_crossfade}.U963HW_caption{transition:none}}
