/* --- Gallery Page Styles --- */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
}

.gallery-item {
    height: 300px;
    background-color: rgba(43, 5, 11, 0.4);
    border: 1px solid rgba(212, 175, 55, 0.1);
    transition: all var(--transition-fast);
    position: relative;
    overflow: hidden;
}

.gallery-item::before {
    content: 'IMAGE';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--color-gold-dim);
    letter-spacing: 0.2em;
    font-size: 0.8rem;
}

.gallery-item:hover {
    border-color: var(--color-gold);
    background-color: rgba(43, 5, 11, 0.6);
}