.access {
	position: relative;
	display: grid;
	grid-template-columns: 49.34% 1fr;
	align-items: start;
}

.access__media {
	position: relative;
	aspect-ratio: 746 / 382;
}

.access .access__deco {
	top: -13.61%;
	left: -20.64%;
	width: 80.97%;
	color: var(--c-copper);
}

.access__image {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.access__content {
	position: relative;
	z-index: 1;
	padding: 40px 0 0 19.45%;
	line-height: 25px;
}

.access__title {
	font-size: 1rem;
	line-height: 25px;
	font-weight: var(--fw-semi);
	text-transform: uppercase;
}

.access__group {
	margin-top: 25px;
}

.access__group-title {
	font-size: 1rem;
	line-height: 25px;
	font-weight: var(--fw-semi);
	font-style: italic;
}

.access__lines {
	margin: 0;
	padding: 0;
	list-style: none;
}

.access__line {
	display: flex;
	align-items: center;
	gap: 5px;
}

.access__text {
	margin-left: 1px;
}

.line-badge {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	font-size: 0.75rem;
	line-height: 1;
	font-weight: var(--fw-semi);
	color: var(--c-white);
	background: #9b993a;
	border-radius: 50%;
}

.line-badge--m1 { background: #ffcd00; color: var(--c-navy); }
.line-badge--m2 { background: #003ca6; }
.line-badge--m3 { background: #9b993a; }
.line-badge--m4 { background: #cf009e; }
.line-badge--m5 { background: #ff7e2e; }
.line-badge--m6 { background: #6eca97; color: var(--c-navy); }
.line-badge--m7 { background: #ffa8bd; }
.line-badge--m8 { background: #c5a2cd; color: var(--c-navy); }
.line-badge--m9 { background: #d6c900; color: var(--c-navy); }
.line-badge--m10 { background: #c9910d; }
.line-badge--m11 { background: #704b1c; }
.line-badge--m12 { background: #007852; }
.line-badge--m13 { background: #6ec4e8; color: var(--c-navy); }
.line-badge--m14 { background: #62259d; }

.line-badge--rer {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	border-radius: 5px;
	background: #ff1400;
}

.line-badge--rer-b { background: #5291ce; }
.line-badge--rer-c { background: #ffce00; color: var(--c-navy); }
.line-badge--rer-d { background: #00814f; }
.line-badge--rer-e { background: #c04191; }

.line-badge--rer + .access__text {
	margin-left: -2px;
}

@media (max-width: 860px) {
	.access {
		grid-template-columns: 1fr;
	}

	.access__media {
		width: calc(100% - var(--gutter));
	}

	.access__content {
		padding: calc(7vw + 32px) var(--gutter) 0;
	}
}