.photo-item{-moz-column-break-inside:avoid;break-inside:avoid;cursor:pointer;border-radius:var(--photo-radius,.75rem);background:var(--color-base-200);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-base-content) 6%, transparent);backface-visibility:hidden;transition:box-shadow .45s cubic-bezier(.25,1,.5,1),transform .45s cubic-bezier(.25,1,.5,1);display:block;position:relative;overflow:hidden}@media (hover:hover){.photo-item:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-base-content) 8%, transparent), 0 8px 24px -6px color-mix(in srgb, var(--color-base-content) 12%, transparent);transform:translateY(-2px)}}.photo-item:not(.loaded){min-height:180px}.photo-item:not(.loaded):before{content:"";z-index:1;border-radius:inherit;background:linear-gradient(90deg, var(--color-base-200) 0%, color-mix(in srgb, var(--color-base-content) 4%, var(--color-base-200)) 20%, var(--color-base-200) 40%, var(--color-base-200) 100%);pointer-events:none;background-size:200% 100%;animation:1.8s ease-in-out infinite shimmer;position:absolute;inset:0}.photo-item.loaded:before{opacity:0;pointer-events:none;transition:opacity .3s}.photo-item img{z-index:2;opacity:0;backface-visibility:hidden;width:100%;height:auto;transition:opacity .5s,transform .5s cubic-bezier(.25,1,.5,1);display:block;position:relative;transform:scale(1.01)}.photo-item img.loaded{opacity:1;transform:scale(1)}@media (hover:hover){.photo-item:hover img.loaded{transform:scale(1.02)}}.photo-overlay{z-index:3;opacity:0;pointer-events:none;background:linear-gradient(#0000 40%,#0000001f 65%,#00000080 100%);flex-direction:column;justify-content:flex-end;padding:.875rem 1rem;transition:opacity .35s;display:flex;position:absolute;inset:0}@media (hover:hover){.photo-item:hover .photo-overlay{opacity:1}}@media (hover:none){.photo-item:active .photo-overlay,.photo-item:focus-within .photo-overlay{opacity:1}}.photo-overlay-content{opacity:0;transition:transform .4s cubic-bezier(.25,1,.5,1) 40ms,opacity .35s 40ms;transform:translateY(4px)}@media (hover:hover){.photo-item:hover .photo-overlay-content{opacity:1;transform:translateY(0)}}.photo-download-btn,.photo-detail-btn{z-index:4;opacity:0;pointer-events:auto;align-items:center;gap:.25rem;transition:opacity .25s,transform .3s cubic-bezier(.25,1,.5,1),background-color .2s,color .2s;display:inline-flex;position:absolute;transform:scale(.85)}.photo-download-btn{top:.625rem;right:.625rem}.photo-detail-btn{top:.625rem;left:.625rem}@media (hover:hover){.photo-item:hover .photo-download-btn,.photo-item:hover .photo-detail-btn{opacity:1;transform:scale(1)}.photo-download-btn:hover,.photo-detail-btn:hover{color:#111!important;background-color:#fff!important}}@media (hover:none){.photo-download-btn,.photo-detail-btn{opacity:.92;transform:scale(1)}.photo-item:active .photo-download-btn,.photo-item:active .photo-detail-btn,.photo-item:focus-within .photo-download-btn,.photo-item:focus-within .photo-detail-btn{opacity:1;transform:scale(1)}}.photo-detail-viewer{border:1px solid color-mix(in srgb, var(--color-base-content) 5%, transparent);background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--color-base-content) 7%, transparent), transparent 34%), color-mix(in srgb, var(--color-base-200) 55%, transparent);border-radius:1.5rem;justify-content:center;align-items:center;height:clamp(30rem,100vh - 14rem,48rem);padding:clamp(.75rem,3vw,2rem);display:flex;overflow:hidden}.photo-detail-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;max-height:calc(100vh - 16rem);filter:drop-shadow(0 1.5rem 2rem color-mix(in srgb, var(--color-base-content) 18%, transparent));display:block}.photo-detail-panel{flex-direction:column;gap:1.5rem;display:flex}.photo-detail-secondary-action{text-decoration:none;box-shadow:none!important}@media (width>=1024px){.photo-detail-panel{align-self:start;position:sticky;top:6rem}}.photo-detail-meta-card{border:1px solid color-mix(in srgb, var(--color-base-content) 5%, transparent);background:color-mix(in srgb, var(--color-base-200) 45%, transparent);border-radius:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem;padding:1rem;display:grid}.photo-detail-meta-item{min-width:0}.photo-detail-meta-item span{color:color-mix(in srgb, var(--color-base-content) 45%, transparent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.photo-detail-meta-item strong{color:var(--color-base-content);text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:.875rem;font-weight:650;display:block;overflow:hidden}.photo-detail-title{word-break:break-all}@media (width<=767px){.photo-detail-viewer{border-radius:1.25rem;height:60vh}.photo-detail-image{max-height:58vh}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up,.photo-item-new{animation:.5s cubic-bezier(.16,1,.3,1) both fade-in-up}