body { font-family: 'Playfair Display', serif; background-color: #f9f9f9; color: #0a0a0a; margin: 0; }
header { padding: 60px 40px; text-align: center; }
.lang-switcher { margin-bottom: 20px; font-size: 0.9em; }
.lang-switcher a { color: #888; text-decoration: none; margin: 0 10px; }
.lang-switcher a.active { color: #000; font-weight: bold; }
.art-grid { column-count: 3; column-gap: 40px; padding: 50px; }
.art-item { break-inside: avoid; margin-bottom: 40px; position: relative; transition: all 0.4s ease; background: #fff; }
.art-item img { width: 100%; display: block; filter: grayscale(20%); transition: 0.4s; }
.art-item:hover img { filter: grayscale(0%); transform: scale(1.02); }
.overlay { position: absolute; bottom: 0; background: rgba(255,255,255,0.95); width: 100%; padding: 20px; box-sizing: border-box; opacity: 0; transition: 0.3s; text-align: center; }
.art-item:hover .overlay { opacity: 1; }
.blur-effect img { filter: blur(15px) grayscale(100%); }
.lock-overlay { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; text-align: center; color: white; text-shadow: 0 0 10px black;}
@media (max-width: 900px) { .art-grid { column-count: 2; } }
@media (max-width: 600px) { .art-grid { column-count: 1; } }