.photo-item{display:block;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:.375rem;cursor:pointer;transition:opacity .3s ease,transform .3s ease}.photo-card{position:relative;border-radius:var(--radius-box, 1rem);overflow:hidden;background:var(--color-base-200);box-shadow:0 2px 8px color-mix(in oklch,var(--color-base-content) 8%,transparent);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1)}.photo-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px color-mix(in oklch,var(--color-base-content) 15%,transparent),0 0 0 2px var(--color-primary/40)}.photo-img{display:block;width:100%;height:auto;transition:transform .6s cubic-bezier(.4,0,.2,1)}.photo-card:hover .photo-img{transform:scale(1.1)}.photo-info{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;text-align:center;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,rgba(0,0,0,.3) 50%,transparent 100%);opacity:0;pointer-events:none;transition:opacity .3s ease}.photo-card:hover .photo-info{opacity:1}.photo-info h3{color:#fff;font-weight:700;font-size:1rem;text-shadow:0 2px 4px rgba(0,0,0,.5);margin:0;transform:translateY(10px);transition:transform .3s ease}.photo-card:hover .photo-info h3{transform:translateY(0)}.photo-info p{color:#fffc;font-size:.875rem;margin-top:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.5);transform:translateY(10px);transition:transform .3s ease .05s}.photo-card:hover .photo-info p{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.photo-item-new{animation:fadeInUp .5s ease forwards}