/* ================================
   Music Page Specific Styles
   ================================ */

/* Instruments Grid Layout */
.instruments-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
	gap: var(--gap-2xl);
	max-width: 1200px;
	margin: 0 auto;
}

/* Override aspect ratio for instrument images (3:4 portrait ratio) */
.instruments-grid .project-image {
	aspect-ratio: 3 / 4;
}

/* ================================
   Responsive Design
   ================================ */
@media (max-width: 768px) {
	.instruments-grid {
		grid-template-columns: 1fr;
		gap: var(--gap-lg);
	}
}