/* Project detail image carousel — matches Figma 2337-32026.
   4:3 rounded image (object-cover) with navy prev/next arrows centred below;
   arrows go grey (disabled) at the first / last image. */
.rf-pgal { width: 100%; }

.rf-pgal__viewport {
	width: 100%;
	aspect-ratio: 4 / 3;
	border-radius: 12px;
	overflow: hidden;
}

.rf-pgal__track {
	display: flex;
	height: 100%;
	transition: transform .4s ease;
	will-change: transform;
}

.rf-pgal__slide {
	position: relative;
	flex: 0 0 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

/* Absolute + inset so a global `img{height:auto}` can't stretch the slide. */
.rf-pgal .rf-pgal__img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	display: block;
}

/* Prev / next controls */
.rf-pgal__nav {
	display: flex;
	gap: 16px;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
}

.rf-pgal__arrow {
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	background: none;
	border-radius: 50%;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: transform .15s ease;
}

.rf-pgal__arrow svg { width: 36px; height: 36px; display: block; }

.rf-pgal__ring { stroke: #004987; }
.rf-pgal__chev { stroke: #004987; }

.rf-pgal__arrow:not(:disabled):hover { transform: scale(1.06); }

.rf-pgal__arrow:disabled {
	cursor: default;
	transform: none;
}
.rf-pgal__arrow:disabled .rf-pgal__ring { stroke: #E9EAEB; }
.rf-pgal__arrow:disabled .rf-pgal__chev { stroke: #D5D7DA; }