/* Garage Projects – front end carousel */
.gp-projects { display: flex; flex-direction: column; gap: 40px; color: inherit; font-family: inherit; line-height: normal; }
.gp-projects, .gp-projects * { box-sizing: border-box; }

.gp-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; }
.gp-head--arrows-only { justify-content: flex-end; }
.gp-head__title { display: flex; flex-direction: column; gap: 10px; }

.gp-projects .gp-eyebrow { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .14em; color: var(--gm-olive, #B5B762); }
.gp-projects .gp-title {
	margin: 0; font-family: inherit; color: inherit;
	font-size: clamp(30px, 3.6vw, 46px); line-height: 1.08; font-weight: 800; letter-spacing: -.02em;
}
.gp-projects .gp-muted { color: var(--gm-muted, #8C8C8C); }

.gp-arrows { display: flex; gap: 8px; }
.gp-arrows[hidden] { display: none; }
.gp-projects .gp-arrow {
	width: 48px; height: 48px; border-radius: 50%; padding: 0; cursor: pointer;
	display: flex; align-items: center; justify-content: center; transition: opacity .2s;
}
.gp-projects .gp-arrow--prev,
.gp-projects .gp-arrow--prev:hover,
.gp-projects .gp-arrow--prev:focus { border: 1px solid #4A4A4A; background: transparent; color: #FFFFFF; }
.gp-projects .gp-arrow--next,
.gp-projects .gp-arrow--next:hover,
.gp-projects .gp-arrow--next:focus { border: 0; background: #FFFFFF; color: #141414; }
.gp-projects .gp-arrow:hover { opacity: .8; }
.gp-projects .gp-arrow.is-disabled { opacity: .35; cursor: default; }

.gp-track {
	display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory;
	scrollbar-width: none; -ms-overflow-style: none;
}
.gp-track::-webkit-scrollbar { display: none; }
.gp-track:focus-visible { outline: 2px solid var(--gm-accent, #92943E); outline-offset: 4px; }

.gp-projects .gp-item {
	flex: 0 0 calc((100% - 32px) / 3); min-width: 260px; scroll-snap-align: start;
	display: flex; flex-direction: column; gap: 14px; margin: 0;
}
.gp-photo { height: 302px; border-radius: var(--gm-radius, 12px); overflow: hidden; background: #1E1E1E; }
.gp-projects .gp-photo img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.gp-photo--ph {
	display: flex; align-items: center; justify-content: center; text-align: center;
	border: 1px dashed #3A3A3A; color: #8A8A8A; font-size: 13px; letter-spacing: .08em;
}
.gp-meta { display: flex; justify-content: space-between; gap: 12px; font-size: 15px; line-height: normal; }
.gp-meta strong { font-weight: 700; }
.gp-meta span { color: #A8A8A8; text-align: right; }

@media (max-width: 960px) {
	.gp-projects .gp-item { flex-basis: calc((100% - 16px) / 2); }
}
@media (max-width: 560px) {
	.gp-projects .gp-item { flex-basis: 85%; }
}