*{margin:0;padding:0;box-sizing:border-box;font-family:Open Sans,Arial,sans-serif}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--light);color:var(--dark);line-height:1.6}section{max-width:1200px;margin:40px auto;padding:0 20px}h1{text-align:center;margin:30px 0 10px;font-weight:700;font-size:2.2rem;color:var(--primary)}h2{margin-bottom:20px;font-weight:600;border-bottom:2px solid #eee;padding-bottom:8px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.gallery-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 6px 15px #ffffff1a;background:#222;height:300px;width:100%}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:all .5s ease;border-radius:12px}.gallery18 .gallery-item{overflow:hidden}.gallery18 .info{position:absolute;left:-100%;top:0;height:100%;width:80%;background:#00000080;color:#fff;padding:20px;transition:left .5s ease;border-radius:12px 0 0 12px;display:flex;flex-direction:column;justify-content:center}.gallery18 .gallery-item:hover .info{left:0}