.sk-citaatband-wrapper {
	position: relative;
	overflow: hidden;
	background-color: #1E060B;
	min-height: min(100vh, 940px);
	display: flex;
	align-items: flex-end;
	width: 100%;
}

.sk-citaatband-image-layer {
	position: absolute;
	inset: 0;
}

.sk-citaatband-image-layer::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(30,6,11,.95) 0%, rgba(30,6,11,.78) 24%, rgba(30,6,11,0) 50%);
	pointer-events: none;
}

.sk-citaatband-image-layer img {
	width: 100%;
	height: 110%;
	object-fit: cover;
	will-change: transform;
}

.sk-citaatband-overlay {
	position: absolute;
	inset: clamp(12px, 2vw, 28px);
	border: 1px solid rgba(212,180,127,.75);
	pointer-events: none;
	z-index: 2;
}

.sk-citaatband-overlay::after {
	content: "";
	position: absolute;
	inset: 6px;
	border: 1px solid rgba(212,180,127,.35);
}

.sk-citaatband-ornament {
	position: absolute;
	width: 44px;
	height: 44px;
	color: #D4B47F;
}

.sk-citaatband-ornament.top-left {
	top: -1px;
	left: -1px;
}

.sk-citaatband-ornament.top-right {
	top: -1px;
	right: -1px;
	transform: scaleX(-1);
}

.sk-citaatband-ornament.bottom-left {
	bottom: -1px;
	left: -1px;
	transform: scaleY(-1);
}

.sk-citaatband-ornament.bottom-right {
	bottom: -1px;
	right: -1px;
	transform: scale(-1, -1);
}

.sk-citaatband-text-block {
	position: relative;
	z-index: 3;
	width: 100%;
	display: flex;
	justify-content: center;
	padding-left: clamp(20px, 4vw, 48px);
	padding-right: clamp(20px, 4vw, 48px);
	padding-top: 120px;
	padding-bottom: clamp(64px, 8vw, 104px);
    opacity: 0;
    transform: translateY(26px);
    transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.1,1);
}

.elementor-editor-active .sk-citaatband-text-block,
.sk-citaatband-text-block.in {
    opacity: 1;
    transform: none;
}

.sk-citaatband-text-wrap {
	max-width: 1240px;
	width: 100%;
}

.sk-citaatband-figure {
	margin: 0;
	padding: 0;
}

.sk-citaatband-quote-icon {
	width: 40px;
	height: 30px;
	fill: #D4B47F;
	margin-bottom: 18px;
}

.sk-citaatband-quote {
	margin: 0;
	padding: 0;
	font-family: 'Cinzel', serif;
	font-weight: 400;
	font-size: clamp(1.25rem, 2.1vw, 1.85rem);
	line-height: 1.38;
	letter-spacing: .02em;
	color: #ECE4D3;
	max-width: 46ch;
}

.sk-citaatband-name {
	display: flex;
	align-items: center;
	gap: 14px;
	margin-top: 22px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: .9rem;
	letter-spacing: .06em;
	color: rgba(236,228,211,.78);
	font-style: normal;
}

.sk-citaatband-name::before {
	content: "";
	width: 40px;
	border-top: 1px solid #B8925A;
}

@media (max-width: 760px) {
	.sk-citaatband-wrapper {
		display: block;
		min-height: auto;
	}

	.sk-citaatband-image-layer {
		position: relative;
		aspect-ratio: 1/1;
	}

	.sk-citaatband-image-layer img {
		height: 100%;
		transform: none !important;
	}
    
    .sk-citaatband-image-layer::after {
        background: linear-gradient(0deg, rgba(30,6,11,1) 0%, rgba(30,6,11,0) 28%);
    }

	.sk-citaatband-text-block {
		padding-top: 8px;
		padding-bottom: 64px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sk-citaatband-image-layer img {
		height: 100%;
		transform: none !important;
	}
}