/* About Raj Consultancy :: Front-end */

.abh-section {
	--abh-hs: 1;
	--abh-bs: 1;
	--abh-art-rise: var( --abh-art-rise-set, 90px );
	--abh-pad-top: var( --abh-pad-top-set, 60px );
	--abh-pad-bot: var( --abh-pad-bot-set, 30px );
	--abh-gutter: calc( ( var( --abh-canvas, 1440px ) - var( --abh-content, 1200px ) ) / 2 );

	width: 100%;
	padding: var( --abh-pad-top ) 0 var( --abh-pad-bot );
	background-color: var( --abh-section-bg, #FFFFFF );
	font-family: 'Google Sans', sans-serif;
	box-sizing: border-box;

}
.abh-section * { box-sizing: border-box; }

.abh-container {
	max-width: var( --abh-canvas, 1440px );
	margin: 0 auto;
	padding: 0 var( --abh-gutter );
}

/* Theme reset guards */
.abh-section h2,
.abh-section p { margin: 0; padding: 0; }
.abh-section h2 { font-family: inherit; letter-spacing: 0; }

/* The two columns */
.abh-grid {
	display: grid;
	grid-template-columns: minmax( 0, var( --abh-text-w, 590px ) ) minmax( 0, 1fr );
	gap: var( --abh-col-gap, 20px );
	align-items: center;
}

.abh-section:not( .abh-has-art ) .abh-grid { grid-template-columns: minmax( 0, 1fr ); }

.abh-flip .abh-grid { grid-template-columns: minmax( 0, 1fr ) minmax( 0, var( --abh-text-w, 590px ) ); }
.abh-flip .abh-copy { order: 2; }
.abh-flip .abh-art { order: 1; }

/* Copy */

.abh-heading,
.abh-lead { max-width: var( --abh-measure, 533px ); }

.abh-heading {
	font-family: 'Anybody', sans-serif !important;
	font-weight: 700;
	line-height: 1.025;
	text-transform: uppercase;
	color: var( --abh-heading, #333333 );
	font-size: max( 22px, calc( var( --abh-heading-fs, 40px ) * var( --abh-hs ) ) );
}

.abh-section .abh-lead {
	margin-top: var( --abh-gap-lead, 10px );
	font-weight: 400;
	line-height: 1.25;
	color: var( --abh-lead, #9F9F9F );
	font-size: max( 14px, calc( var( --abh-lead-fs, 20px ) * var( --abh-bs ) ) );
}

.abh-body {
	margin-top: var( --abh-gap-body, 30px );
	font-weight: 400;
	line-height: 1.25;
	color: var( --abh-body, #333333 );
	font-size: max( 13px, calc( var( --abh-body-fs, 16px ) * var( --abh-bs ) ) );
}
.abh-body p + p { margin-top: var( --abh-gap-para, 10px ); }

/* Line art */
.abh-art {
	position: relative;
	width: 100%;

	overflow: hidden;

	align-self: start;
	margin-top: calc( -1 * ( var( --abh-art-rise, 90px ) + var( --abh-pad-top, 60px ) ) );
}

.abh-art img { pointer-events: none; }

.abh-bleed .abh-art {
	--abh-overhang: min(
		var( --abh-gutter ),
		max( 0px, calc( var( --abh-image-w, 710px ) - ( var( --abh-content, 1200px ) - var( --abh-text-w, 590px ) - var( --abh-col-gap, 20px ) ) ) )
	);

	width: calc( 100% + var( --abh-overhang ) );
	margin-right: calc( -1 * var( --abh-overhang ) );
}
.abh-bleed.abh-flip .abh-art {
	margin-right: 0;
	margin-left: calc( -1 * var( --abh-overhang ) );
}

.abh-art img {
    opacity: 0.7;
	display: block;
	width: 100% !important;
	height: auto !important;
	max-width: 100% !important;
	margin-top: calc( -1 * var( --abh-art-trim-top, 0% ) );
	margin-bottom: calc( -1 * var( --abh-art-trim-bot, 0% ) );
	border-radius: var( --abh-image-radius, 0 );
}

/* REVEAL */

.abh-js .abh-rv { opacity: 0; }

.abh-js .abh-rv--rise.abh-rv-in {
	animation: abh-rise .8s cubic-bezier( .22, .8, .26, 1 ) both;
	animation-delay: calc( var( --abh-rv-i, 0 ) * 90ms );
}
@keyframes abh-rise {
	0% {
		opacity: 0;
		transform: translate3d( 0, 20px, 0 );
		filter: blur( 6px );
	}
	55% { opacity: 1; }
	100% {
		opacity: 1;
		transform: translate3d( 0, 0, 0 );
		filter: none;
	}
}

.abh-js .abh-rv--art.abh-rv-in {
	animation: abh-drift 1.15s cubic-bezier( .22, .8, .26, 1 ) both;
	animation-delay: calc( var( --abh-rv-i, 0 ) * 90ms + 140ms );
}
@keyframes abh-drift {
	0% {
		opacity: 0;
		transform: translate3d( 56px, 0, 0 ) scale( 1.04 );
	}
	60% { opacity: 1; }
	100% {
		opacity: 1;
		transform: translate3d( 0, 0, 0 ) scale( 1 );
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.abh-js .abh-rv,
	.abh-js .abh-rv.abh-rv-in {
		opacity: 1;
		transform: none;
		filter: none;
		animation: none !important;
	}
}

/* Breakpoints */

@media ( max-width: 1439px ) {
	.abh-section { --abh-gutter: clamp( 40px, 6vw, 120px ); }
}

@media ( max-width: 1200px ) {
	.abh-section { --abh-hs: .9; --abh-bs: .95; }
	.abh-grid { grid-template-columns: minmax( 0, 1.05fr ) minmax( 0, 1fr ); }
	.abh-flip .abh-grid { grid-template-columns: minmax( 0, 1fr ) minmax( 0, 1.05fr ); }
}

@media ( max-width: 1024px ) {
	.abh-section {
		--abh-hs: .82;
		--abh-bs: .92;
		--abh-art-rise: 48px;
		--abh-pad-top: 48px;
		--abh-pad-bot: 24px;
	}
}

@media ( max-width: 900px ) {
	.abh-section {
		--abh-hs: .8;
		--abh-bs: .95;
		--abh-pad-top: 32px;
		--abh-pad-bot: 22px;
	}

	.abh-grid,
	.abh-flip .abh-grid {
		grid-template-columns: minmax( 0, 1fr );
		gap: 32px;
	}
	.abh-art,
	.abh-flip .abh-art { order: 1; }
	.abh-copy,
	.abh-flip .abh-copy { order: 2; }

	.abh-heading,
	.abh-lead { max-width: none; }

	.abh-bleed .abh-art,
	.abh-bleed.abh-flip .abh-art {
		--abh-overhang: 0px;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.abh-art { margin-top: 0; }
}

@media ( max-width: 600px ) {
	.abh-section {
		--abh-hs: .7;
		--abh-bs: .9;
		--abh-gutter: 20px;
		--abh-pad-top: 24px;
		--abh-pad-bot: 20px;
	}
	.abh-grid { gap: 24px; }
}

@media ( max-width: 400px ) {
	.abh-section {
		--abh-hs: .64;
		--abh-bs: .88;
		--abh-gutter: 16px;
		--abh-pad-top: 20px;
		--abh-pad-bot: 18px;
	}
}