.card img,.photo-item{object-fit:cover;width:100%}.btn-back,.card,.photo-item{cursor:pointer}.close,.next{right:30px}:root{--primary:#2d5a27;--accent:#8eb057;--bg:#f4f7f1;--text:#333;--card-bg:#fff;--transition-speed:0.3s}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg);color:var(--text);margin:0;text-align:center;overflow-x:hidden}::view-transition-new(root),::view-transition-old(root){animation-duration:.5s}#album-container{view-transition-name:album-grid}#gallery-view{view-transition-name:gallery-grid}header{background:var(--primary);color:#fff;padding:2rem 1rem;box-shadow:0 4px 10px rgba(0,0,0,.1)}header h1{margin:0;font-size:2.5rem}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;padding:30px;max-width:1200px;margin:0 auto}.hidden{display:none!important}.card{background:var(--card-bg);border-radius:15px;overflow:hidden;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;box-shadow:0 4px 15px rgba(0,0,0,.05)}.card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.card img{height:220px;border-bottom:3px solid var(--accent)}.card-info{padding:20px;text-align:left}.card-info h3{margin:0 0 10px;color:var(--primary)}.card-info p{margin:0;font-size:.9rem;color:#666}.gallery-header{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.btn-back{padding:10px 20px;background:var(--primary);border:none;color:#fff;border-radius:25px;transition:background var(--transition-speed)}.btn-back:hover{background:var(--accent)}.photo-item{height:250px;border-radius:10px;transition:transform var(--transition-speed) ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.photo-item:hover{transform:scale(1.03)}.lightbox{position:fixed;z-index:2000;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;transition:opacity var(--transition-speed) ease,visibility var(--transition-speed) ease}.lightbox-hidden{opacity:0;visibility:hidden;pointer-events:none}.lightbox-content{transition:transform var(--transition-speed) ease;transform:scale(.9);display:flex;justify-content:center;align-items:center}.lightbox:not(.lightbox-hidden) .lightbox-content{transform:scale(1)}.lightbox img{max-width:90%;max-height:85vh;object-fit:contain;border:5px solid #fff;border-radius:4px;box-shadow:0 0 30px rgba(0,0,0,.5);transition:opacity var(--transition-speed) ease-in-out}.lightbox-img-fade{opacity:0}.close,.next,.prev{position:absolute;color:rgba(255,255,255,.7);font-size:50px;cursor:pointer;background:0 0;border:none;transition:color var(--transition-speed),transform var(--transition-speed);z-index:2010}.close:hover,.next:hover,.prev:hover{color:#fff;transform:scale(1.1)}.close{top:20px;font-size:60px}.prev{left:30px}@media (max-width:768px){.grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:15px}.card img,.photo-item{height:180px}.next,.prev{font-size:40px}.prev{left:10px}.next{right:10px}}