:root {
			--op-text-bright: #ffffff;
			--op-shadow-dark: rgba(0, 0, 0, 0.72);
		}

		.op-parallax-section {
			position: relative;
			width: 100%;
			overflow: hidden;
			background: #04101d;
			border-top: 1px solid rgba(255, 255, 255, 0.05);
			border-bottom: 1px solid rgba(255, 255, 255, 0.05);
		}
		
		.op-parallax-short {
		    min-height: 20vh;
		}
		
		.op-parallax-tall {
		    min-height: 60vh;
		}

		.op-parallax-bg {
			position: absolute;
			inset: -8%;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			transform: translate3d(0, 0, 0) scale(1.08);
			will-change: transform;
			filter: saturate(1.02) contrast(1.02);
		}

		.op-parallax-bg::after {
			content: "";
			position: absolute;
			inset: 0;
			background:
				linear-gradient(
					180deg,
					rgba(3, 10, 20, 0.12) 0%,
					rgba(3, 10, 20, 0.2) 28%,
					rgba(2, 7, 16, 0.52) 72%,
					rgba(1, 4, 10, 0.9) 100%
				),
				radial-gradient(circle at 18% 20%, rgba(170, 220, 255, 0.14) 0, transparent 24%),
				radial-gradient(circle at 82% 24%, rgba(82, 160, 255, 0.12) 0, transparent 28%);
		}

		.op-parallax-inner {
			position: relative;
			z-index: 1;
			display: flex;
			align-items: flex-end;
		}

		.op-parallax-title {
			margin: 0;
			font-size: clamp(2.2rem, 6vw, 5rem);
			line-height: 0.95;
			font-weight: 760;
			letter-spacing: -0.04em;
			color: var(--op-text-bright);
			text-shadow:
				0 2px 10px var(--op-shadow-dark),
				0 14px 34px rgba(0, 0, 0, 0.55);
			max-width: 11ch;
		}
		
		.op-parallax-content {
			padding: 0 0 1.1rem;
		}

		@media (min-width: 768px) {
			.op-parallax-content {
				padding: 0 0 1.35rem;
			}
		}

		@media (min-width: 1200px) {
			.op-parallax-content {
				padding: 0 0 1.6rem;
			}
		}

		@media (max-width: 991.98px) {
			.op-parallax-section,
			.op-parallax-inner {
				min-height: 40vh;
			}
		}

		@media (prefers-reduced-motion: reduce) {
			.op-parallax-bg {
				transform: translate3d(0, 0, 0) scale(1.08) !important;
			}
		}