section{margin-bottom:6rem}.photos-header{margin-bottom:4rem}.photos-header h1{font-size:3rem;margin-bottom:1rem}.photos-header p{opacity:.8;max-width:500px}.fade-in{animation:fadeIn 1.2s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.photo-card{background:#000;border:3px solid #fff;overflow:hidden;cursor:pointer}.photo-wrapper{aspect-ratio:4/3;overflow:hidden}.photo-wrapper img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.photo-wrapper img:hover{transform:scale(1.05)}.photo-caption{padding:1rem;font-size:.9rem;opacity:.9}@media(max-width:768px){.photo-grid{grid-template-columns:1fr}}.modal{position:fixed;inset:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;padding:2rem;cursor:pointer}.modal-close{position:absolute;top:1.5rem;right:2rem;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;opacity:.8;line-height:1}.modal-close:hover{opacity:1}.modal-image{max-width:90%;max-height:80vh;object-fit:contain;cursor:default}.modal-caption{color:#fff;margin-top:1.5rem;font-size:1.1rem;opacity:.9}