/* image container with fixed aspect ratio for consistency */ .image-container position: relative; width: 100%; padding-bottom: 125%; /* 4:5 ratio (portrait fashion) */ overflow: hidden; background: #f0ede8;
.gallery-item:hover transform: translateY(-6px); box-shadow: 0 20px 32px -12px rgba(0, 0, 0, 0.15);
imgSrc: "https://images.pexels.com/photos/4754450/pexels-photo-4754450.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", title: "MINIMALIST CHIC", desc: "Clean lines, monochrome palette — power of simplicity." , Fotos De Nashla Bogaert Desnuda
.hero h1 font-size: 2.8rem; font-weight: 500; letter-spacing: -0.02em; background: linear-gradient(135deg, #2b2b3a 0%, #5e4b3c 100%); background-clip: text; -webkit-background-clip: text; color: transparent; margin-bottom: 0.5rem;
</style> </head> <body>
/* card style — editorial minimal */ .gallery-item background: #ffffff; border-radius: 20px; overflow: hidden; box-shadow: 0 12px 28px -8px rgba(0, 0, 0, 0.08); transition: all 0.35s ease; cursor: pointer; display: flex; flex-direction: column;
document.addEventListener('keydown', (e) => if (e.key === 'Escape' && lightboxModal.classList.contains('active')) closeLightbox(); /* image container with fixed aspect ratio for
);
imgSrc: "https://images.pexels.com/photos/3395535/pexels-photo-3395535.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", title: "SCULPTURAL WHITE", desc: "Architectural folds, fresh modern elegance for summer soirées." , .gallery-item:hover transform: translateY(-6px)
imgSrc: "https://images.pexels.com/photos/4946598/pexels-photo-4946598.jpeg?auto=compress&cs=tinysrgb&w=800&h=1000&fit=crop", title: "EDITORIAL SHARP", desc: "Structured shoulders, bold accessories — high fashion narrative." ,