/**
 * Intro section styles
 * Loaded when: .intro-section or .intro-eyebrow is present
 */

.intro-eyebrow {
	width: 76px;
	height: 3px;
	background: #fd9a00; /* amber eyebrow — not in theme.json palette */
	margin: 0 auto var(--wp--preset--spacing--30);
	border: none;
	opacity: 1;
}

.intro-section {
	position: relative;
    overflow: hidden;

	&::before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 594px;
		height: 645px;
		background: url('/wp-content/themes/campbell-fse/assets/svg/c-logo-outlined.svg') no-repeat center / contain;
		opacity: 0.3;
		pointer-events: none;
		z-index: 0;
        transform: translateX(45%);
	}

	& > * {
		position: relative;
		z-index: 1;
	}
}