.photos-container{margin:1rem}.photo-tabs{border-bottom:1px solid var(--c-border);display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem}.photo-tab{align-items:center;background:var(--c-bg-soft);border:1px solid transparent;border-radius:2rem;color:var(--c-text-2);cursor:pointer;display:inline-flex;font-size:.875rem;gap:.375rem;padding:.5rem 1rem;transition:all .2s}.photo-tab:hover{background:var(--c-primary-soft);color:var(--c-primary)}.photo-tab.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.photo-tab .tab-count{background:#0000001a;border-radius:1rem;font-size:.75rem;padding:.125rem .5rem}.photo-tab.active .tab-count{background:#fff3}.photo-group{margin-bottom:2rem}.group-title{align-items:center;color:var(--c-text);display:flex;font-family:var(--font-creative);font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.group-title .group-count{color:var(--c-text-2);font-size:.875rem;font-weight:400;margin-left:auto}.photo-masonry{column-count:4;column-gap:.75rem}@media(max-width:1200px){.photo-masonry{column-count:3}}@media(max-width:768px){.photo-masonry{column-count:2}}@media(max-width:480px){.photo-masonry{column-count:2;column-gap:.5rem}}.photo-item{animation:photo-fade-in .5s ease backwards;background:var(--c-bg-soft);border-radius:.5rem;break-inside:avoid;cursor:url(/themes/theme-clarity/assets/images/zoom-in.cur),zoom-in;margin-bottom:.75rem;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease,opacity .4s ease}.photo-item:hover{box-shadow:0 12px 32px var(--ld-shadow);transform:translateY(-4px) scale(1.02)}.photo-item:hover img{transform:scale(1.05)}.photo-item:hover figcaption{opacity:1;transform:translateY(0)}.photo-item:active{transform:translateY(-2px) scale(.98)}.photo-item img{cursor:url(/themes/theme-clarity/assets/images/zoom-in.cur),zoom-in;display:block;height:auto;transition:transform .3s;width:100%}.photo-item img[loading=lazy]{animation:photo-skeleton 1.5s infinite;background:linear-gradient(90deg,var(--c-bg-soft) 25%,var(--c-bg-mute) 50%,var(--c-bg-soft) 75%);background-size:200% 100%;min-height:100px}.photo-item img:not([src]){visibility:hidden}.photo-item figcaption{background:linear-gradient(0deg,rgba(0,0,0,.7),transparent);bottom:0;color:#fff;cursor:url(/themes/theme-clarity/assets/images/zoom-in.cur),zoom-in;font-size:.875rem;left:0;opacity:0;padding:2rem .75rem .75rem;position:absolute;right:0;text-shadow:0 1px 2px rgba(0,0,0,.5);transform:translateY(100%);transition:opacity .3s,transform .3s}@media(max-width:480px){.photo-item figcaption{font-size:.75rem;padding:1.5rem .5rem .5rem}}@keyframes photo-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes photo-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{align-items:center;color:var(--c-text-3);display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.empty-state>span{font-size:4rem;opacity:.5}.empty-state>p{font-size:1rem}.page-header{margin:2rem 1rem 1.5rem;text-align:center}.page-title{align-items:center;color:var(--c-text);display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.5rem}.page-desc{color:var(--c-text-2);font-size:.9rem}.photo-loader{align-items:center;color:var(--c-text-2);display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:2rem}.photo-loader .animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.photo-end{color:var(--c-text-3);font-size:.875rem;padding:1.5rem;text-align:center}