.hero-pattern{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.4'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.masonry-container{position:relative;min-height:200px}.masonry-container.masonry-loading .masonry-item{opacity:0}.masonry-container.masonry-loaded .masonry-item{opacity:1;transition:opacity .5s ease-out}.masonry-container.masonry-loaded .masonry-item:nth-child(1){transition-delay:.05s}.masonry-container.masonry-loaded .masonry-item:nth-child(2){transition-delay:.1s}.masonry-container.masonry-loaded .masonry-item:nth-child(3){transition-delay:.15s}.masonry-container.masonry-loaded .masonry-item:nth-child(4){transition-delay:.2s}.masonry-container.masonry-loaded .masonry-item:nth-child(5){transition-delay:.25s}.masonry-container.masonry-loaded .masonry-item:nth-child(6){transition-delay:.3s}.masonry-container.masonry-loaded .masonry-item:nth-child(7){transition-delay:.35s}.masonry-container.masonry-loaded .masonry-item:nth-child(8){transition-delay:.4s}.masonry-container.masonry-loaded .masonry-item:nth-child(9){transition-delay:.45s}.masonry-container.masonry-loaded .masonry-item:nth-child(n+10){transition-delay:.5s}.masonry-item{position:absolute;margin-bottom:12px}.frame-image{opacity:0;transform:scale(1);transition:opacity .3s ease,transform .4s cubic-bezier(.4,0,.2,1)}.frame-image.loaded,.masonry-container.masonry-loaded .frame-image{opacity:1}.frame-card-link{display:block;text-decoration:none;color:inherit}.frame-card-link:hover .frame-card{box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-color:#e2e8f0}.frame-card-link:hover .frame-image{transform:scale(1.05)}.frame-card-link:hover .frame-title{color:#475569}.skeleton-item{animation:skeleton-pulse 2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.gallery-main{aspect-ratio:4/3}.gallery-thumb{aspect-ratio:1}.gallery-thumb.active{ring:2px;ring-color:rgb(30,41,59)}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lightbox-overlay{backdrop-filter:blur(8px)}.scroll-hint{mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.prose-slate{--tw-prose-body: #475569;--tw-prose-headings: #1e293b;--tw-prose-links: #1e293b}.prose-slate p{margin-bottom:1em}.prose-slate ul,.prose-slate ol{margin:1em 0;padding-left:1.5em}.prose-slate li{margin:.5em 0}h1:focus{outline:none}.thumbnail-gallery{position:relative}.thumbnail-item{border:2px solid transparent;box-shadow:0 1px 3px #0000000d}.thumbnail-item:hover{border-color:#e2e8f0;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.thumbnail-item:focus{outline:none;border-color:#1e293b}.thumbnail-item.active{border-color:#1e293b;box-shadow:0 4px 12px #0000001f}.thumbnail-item.active .thumbnail-indicator{width:60%}.thumbnail-item:not(.active):hover .thumbnail-indicator{width:30%;background-color:#94a3b8}.thumbnail-item:not(.active){opacity:.7}.thumbnail-item:not(.active):hover{opacity:1}[data-thumbnail-dot]{transition:all .3s ease}