.hero-bg { background: linear-gradient(180deg, rgba(255,241,208,0.9), rgba(255,255,255,0.9)); }
.card-shadow { box-shadow: 0 6px 18px rgba(16,24,40,0.06); }
.rounded-image { border-radius: 0.75rem; }
.nav-active { color: #d97706; font-weight: 600; }
.font-devanagari { font-family: 'Noto Serif Devanagari', serif; }

#photo-gallery img {
    cursor: pointer;
    transition: transform 0.2s ease-in-out;
}

#photo-gallery img:hover {
    transform: scale(1.05);
}

#image-modal {
    transition: opacity 0.3s ease-in-out;
}

#modal-image {
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 0.5rem;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}