/* Selected original cards on the coaching-card reference pages. */
body.public-reference-page .deck-gallery-section {
	max-width: none;
}

body.public-reference-page .deck-gallery__intro {
	max-width: 48rem;
}

body.public-reference-page .deck-gallery {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(2rem, 5vw, 4.5rem);
	margin: var(--public-space-6) 0 var(--public-space-5);
}

body.public-reference-page .deck-gallery__item {
	display: flex;
	min-width: 0;
	flex-direction: column;
}

body.public-reference-page .deck-gallery__spread {
	position: relative;
	order: -1;
	width: 100%;
	aspect-ratio: 1.55;
	isolation: isolate;
}

body.public-reference-page .deck-gallery__spread::before {
	position: absolute;
	z-index: -1;
	inset: 6% 0 1%;
	border-radius: 50%;
	background: radial-gradient(ellipse at 50% 65%, rgba(155, 126, 95, .16), rgba(59, 52, 56, .08) 48%, transparent 72%);
	content: "";
}

body.public-reference-page .deck-gallery__spread--antwort::before {
	background: radial-gradient(ellipse at 50% 65%, rgba(103, 130, 107, .17), rgba(50, 61, 69, .08) 48%, transparent 72%);
}

body.public-reference-page .deck-gallery__spread img {
	position: absolute;
	display: block;
	width: 29%;
	height: auto;
	border-radius: 5px;
	box-shadow: 0 20px 28px -13px rgba(0, 0, 0, .7), 0 4px 9px rgba(0, 0, 0, .35);
	transform-origin: 50% 88%;
}

body.public-reference-page .deck-gallery__spread img:nth-child(1) {
	z-index: 1;
	top: 19%;
	left: 10%;
	transform: rotate(-13deg);
}

body.public-reference-page .deck-gallery__spread img:nth-child(2) {
	z-index: 2;
	top: 9%;
	left: 19%;
	transform: rotate(-6deg);
}

body.public-reference-page .deck-gallery__spread img:nth-child(3) {
	z-index: 5;
	top: 3%;
	left: 35.5%;
	transform: rotate(1deg);
}

body.public-reference-page .deck-gallery__spread img:nth-child(4) {
	z-index: 3;
	top: 10%;
	left: 54%;
	transform: rotate(7deg);
}

body.public-reference-page .deck-gallery__spread img:nth-child(5) {
	z-index: 1;
	top: 19%;
	left: 63%;
	transform: rotate(13deg);
}

body.public-reference-page .deck-gallery__item h3 {
	margin: var(--public-space-2) 0 var(--public-space-2);
	font-size: clamp(1.35rem, 2vw, 1.65rem);
	line-height: 1.25;
}

body.public-reference-page .deck-gallery__item p {
	max-width: 29rem;
	margin: 0;
	color: var(--public-text-muted);
	font-size: 1rem;
	line-height: 1.55;
}

body.public-reference-page .deck-gallery__upload {
	max-width: 48rem;
	margin: var(--public-space-6) 0 0;
	padding-top: var(--public-space-4);
	border-top: 1px solid var(--public-border);
	color: var(--public-text-muted);
	font-size: .9375rem;
	line-height: 1.55;
}

@media screen and (max-width: 767.98px) {
	body.public-reference-page .deck-gallery {
		grid-template-columns: 1fr;
		gap: var(--public-space-7);
	}
}