/* ═══════════════════════════════════════════════════════════════
   Media + accordion split.
   Image 764x561 r20 one side, a three-item accordion on the other in
   a 704px column, vertically centred against the image.
   Closed headings sit at 60% opacity.
   ═══════════════════════════════════════════════════════════════ */
.media-accordion__intro {
	margin-top: 10px;
	max-width: 1137px;
}

.media-accordion__grid {
	align-items: center;
	display: flex;
	gap: 60px;
	margin-top: 30px;
}

.media-accordion__media {
	flex: 0 0 50%; /* 764 / 1528 */
}

/* Stacked frames share one grid cell so the panel keeps the height of the
   tallest image instead of collapsing the way absolute positioning would.
   Every frame carries the same aspect-ratio below, so they agree anyway. */
.media-accordion__media--stack {
	display: grid;
}

.media-accordion__frame {
	grid-area: 1 / 1;
	margin: 0;
	opacity: 0;
	transition: opacity 0.45s var(--gd-ease);
}

.media-accordion__frame.is-active {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.media-accordion__frame {
		transition: none;
	}
}

.media-accordion__media img {
	aspect-ratio: 764 / 561;
	border-radius: var(--gd-radius-card);
	object-fit: cover;
	width: 100%;
}

.media-accordion__list {
	flex: 0 0 46.07%; /* 704 / 1528 */
}

.media-accordion__item {
	border-bottom: 2px solid rgba(43, 95, 148, 0.6);
	padding-bottom: 20px;
}

.media-accordion__item + .media-accordion__item {
	padding-top: 20px;
}

.media-accordion__heading {
	margin: 0;
}

.media-accordion__toggle {
	background: none;
	border: 0;
	color: var(--gd-blue);
	cursor: pointer;
	display: block;
	font-size: clamp(22px, 20.25px + 0.4484vw, 28px);
	font-weight: var(--gd-heavy);
	line-height: clamp(30px, 26.5px + 0.8969vw, 42px);
	opacity: 0.6;
	padding: 0;
	text-align: left;
	transition: opacity 0.3s var(--gd-ease);
	width: 100%;
}

.media-accordion__toggle:hover,
.media-accordion__toggle:focus-visible {
	opacity: 1;
}

.media-accordion__item.is-open .media-accordion__toggle {
	opacity: 1;
}

.media-accordion__panel {
	display: grid;
	grid-template-rows: 0fr;
	transition: grid-template-rows 0.45s var(--gd-ease);
}

.media-accordion__item.is-open .media-accordion__panel {
	grid-template-rows: 1fr;
}

.media-accordion__panel > * {
	min-height: 0;
	overflow: hidden;
}

.media-accordion__text {
	color: var(--gd-ink);
	font-size: 16px;
	line-height: 26px;
	margin: 0;
	opacity: 0;
	padding-top: 10px;
	transition: opacity 0.35s var(--gd-ease);
}

.media-accordion__item.is-open .media-accordion__text {
	opacity: 1;
}

.media-accordion__text p {
	color: var(--gd-ink);
}

.media-accordion__text p + p {
	margin-top: 14px;
}

@media (max-width: 1100px) {
	.media-accordion__grid {
		flex-direction: column;
		gap: 32px;
	}

	.media-accordion__media,
	.media-accordion__list {
		flex: 0 0 auto;
		width: 100%;
	}
	
	.media-accordion__item:last-of-type {
		border-bottom: 0px;
	}
}