.photos-main{max-width:72rem;margin:0 auto;padding:2rem max(20px,env(safe-area-inset-left)) 4rem max(20px,env(safe-area-inset-right));box-sizing:border-box}.photos-intro{max-width:36rem;margin-bottom:2rem}.photos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}@media (min-width:720px){.photos-grid{grid-template-columns:repeat(3,1fr);gap:.85rem}}@media (min-width:1100px){.photos-grid{grid-template-columns:repeat(4,1fr)}}.photos-tile{position:relative;aspect-ratio:1;overflow:hidden;border:0;padding:0;background:#f3f3f3;cursor:pointer;-webkit-tap-highlight-color:transparent}.photos-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .3s ease}.photos-tile:hover img{transform:scale(1.04);filter:brightness(.96)}.photos-tile--skeleton{animation:photos-pulse 1.2s ease-in-out infinite}@keyframes photos-pulse{0%,to{opacity:.45}50%{opacity:.85}}.photos-note{margin-top:1.5rem;max-width:36rem}.photos-lightbox{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;box-sizing:border-box;animation:photos-fade .2s ease}@keyframes photos-fade{0%{opacity:0}to{opacity:1}}.photos-lightbox-img{max-width:min(92vw,960px);max-height:78vh;object-fit:contain;box-shadow:0 20px 60px rgba(0,0,0,.45)}.photos-lightbox-close{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:max(.75rem,env(safe-area-inset-right));width:2.75rem;height:2.75rem;border:0;background:transparent;color:#fff;font-size:1.75rem;line-height:1;cursor:pointer;opacity:.7;transition:opacity .15s ease}.photos-lightbox-close:hover{opacity:1}