/* ==========================================================================
   Accreditations — modern stage opening
   ========================================================================== */

.accreditations {
	position: relative;
	z-index: 1;
	padding: clamp(20px, 2.6vw, 32px) 0 clamp(36px, 4vw, 52px);
	overflow: hidden;
	background: var(--white);
	isolation: isolate;
}

.accreditations > .container {
	position: relative;
	z-index: 3;
	max-width: min(96vw, 1780px);
}

/* Stage backdrop */
.accreditations__stage {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.4s ease 0.2s;
}

.accreditations.is-stage-open .accreditations__stage {
	opacity: 1;
}

.accreditations__stage-base {
	position: absolute;
	inset: 0;
	background: #f4f7fb;
}

.accreditations__stage-panel {
	position: absolute;
	top: 0;
	bottom: 0;
	width: clamp(88px, 14vw, 200px);
	background: #0f2a4a;
}

.accreditations__stage-panel--left {
	left: 0;
	clip-path: polygon(0 0, 100% 0, 78% 100%, 0 100%);
}

.accreditations__stage-panel--right {
	right: 0;
	clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%);
}

.accreditations__stage-panel--left::after,
.accreditations__stage-panel--right::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 4px;
	background: #f59e0b;
}

.accreditations__stage-panel--left::after {
	right: 18%;
}

.accreditations__stage-panel--right::after {
	left: 18%;
}

.accreditations__stage-accent {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	background: #00a896;
}

/* Split screen — opens center to left & right */
.accreditations__screen {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	overflow: hidden;
}

.accreditations__screen-panel {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50.2%;
	background: #ffffff;
	transition: transform 2.4s cubic-bezier(0.55, 0, 0.15, 1);
	will-change: transform;
}

.accreditations__screen-panel--left {
	left: 0;
	transform: translateX(0);
}

.accreditations__screen-panel--right {
	right: 0;
	transform: translateX(0);
}

.accreditations.is-stage-open .accreditations__screen-panel--left {
	transform: translateX(-102%);
}

.accreditations.is-stage-open .accreditations__screen-panel--right {
	transform: translateX(102%);
}

.accreditations.is-stage-open .accreditations__screen-panel {
	opacity: 0;
	transition:
		transform 2.4s cubic-bezier(0.55, 0, 0.15, 1),
		opacity 0.5s ease 1.9s;
}

@media (prefers-reduced-motion: reduce) {
	.accreditations__screen-panel,
	.accreditations__stage {
		transition: none;
	}

	.accreditations__screen {
		display: none;
	}

	.accreditations__stage {
		opacity: 1;
	}
}

@media (max-width: 768px) {
	.accreditations__stage-panel {
		width: clamp(48px, 10vw, 72px);
	}
}