filter: grayscale(0%); } .card-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.85), rgba(0,0,0,0.3)); color: #F0EDE0; padding: 20px 15px; transform: translateY(100%); transition: transform 0.3s ease; font-family: 'Space Mono', monospace; } .gallery-card:hover .card-overlay { transform: translateY(0%); } .card-category { font-size: 11px; letter-spacing: 2px; color: #BE8C7A; } .card-title { font-size: 1.4rem; margin: 8px 0 5px; font-weight: 500; color: #F2E9DD; } .card-description { font-size: 12px; margin: 8px 0 12px; line-height: 1.4; color: #CEC5B5; } .card-link { display: inline-block; font-size: 11px; font-weight: bold; text-decoration: none; color: #D6B08C; border-bottom: 1px solid #6E3F3F; transition: 0.2s; } .card-link:hover { color: #F0BC9A; border-bottom-color: #F0BC9A; } footer { margin-top: 60px; text-align: center; border-top: 1px solid #3F2A2A; padding-top: 25px; font-family: 'Space Mono', monospace; font-size: 12px; color: #A28E8E; } .footer-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }