.photography-tile{animation:photography-tile-in .24s var(--ease-out) both;animation-delay:calc(var(--tile-index, 0) * 40ms)}.photography-tile:before{position:absolute;z-index:2;inset:0;background:linear-gradient(110deg,#e7e5e1 8%,#f3f1ed 18%,#e7e5e1 33%);background-size:200% 100%;content:"";animation:photography-skeleton-shimmer 1.25s linear infinite;transition:opacity .26s ease}.photography-tile.is-loaded:before{pointer-events:none;opacity:0}.photography-tile>img{opacity:0;transition:opacity .2s var(--ease-out)}.photography-tile.is-loaded>img{opacity:1}.photography-tile:after{position:absolute;inset:0;background:linear-gradient(0deg,rgb(0 0 0/65%),transparent 45%);content:"";opacity:.65;transition:opacity .18s ease}.photography-tile span{opacity:0;transform:translateY(.4rem);transition:opacity .18s ease,transform .18s ease}.photography-tile:focus-visible span,.photography-tile:focus-visible:after{opacity:1;transform:translateY(0)}.photography-viewer-image-frame:before{position:absolute;z-index:2;inset:0;background:var(--color-line);content:"";transition:opacity .28s ease}.dark .photography-viewer-image-frame:before{background:var(--color-line-dark)}.photography-viewer-image-frame.is-loaded:before{opacity:0;pointer-events:none}.photography-viewer-image-frame .photography-viewer-image{opacity:0;transition:opacity .2s var(--ease-out)}.photography-viewer-image-frame.is-loaded .photography-viewer-image{opacity:1}@keyframes photography-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes photography-tile-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width < 48rem){.photography-tile span{opacity:1;transform:none}}@media (hover:hover) and (pointer:fine){.photography-tile:hover span,.photography-tile:hover:after{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.photography-tile,.photography-tile:before,.photography-viewer-image-frame:before{animation:none}}