.aiss-intro {
	--h: 260px;
	--k: 1;
	--run: calc(var(--h) * 2.8);
	--cyan-a: .30;
	--white-a: .08;
	--white-b: .06;
	--w: 22em;
	--fs: clamp(22px, .9vw + 17px, 30px);
	position: relative;
	isolation: isolate;
	overflow: hidden;
	box-sizing: border-box;
	padding: 56px 0;
	font-family: 'Source Sans Pro', sans-serif;
}
.aiss-intro *, .aiss-intro *::before, .aiss-intro *::after { box-sizing: border-box; }
.aiss-intro--m { --w: 31em; }
.aiss-intro--l { --w: 34em; }
.aiss-intro--long { --w: 34em; --fs: clamp(22px, .6vw + 15px, 24px); }

.aiss-intro .aiss-intro__kicker {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 15px;
	margin: 0 0 16px;
	font: 700 12px/1.25 'Montserrat', sans-serif;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.aiss-intro .aiss-intro__kicker::before {
	content: "";
	flex: none;
	width: 24px;
	height: 2px;
	background: #00bcd4;
}

.aiss-intro .aiss-intro__text {
	position: relative;
	z-index: 1;
	max-width: var(--w);
	font: 400 var(--fs)/1.4 'Source Sans Pro', sans-serif;
	text-wrap: pretty;
}
.aiss-intro .aiss-intro__text p {
	margin: 0 0 .6em;
	font: inherit;
	letter-spacing: normal;
	color: inherit;
}
.aiss-intro .aiss-intro__text > :last-child { margin-bottom: 0; }
.aiss-intro .aiss-intro__text a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

#page-title:not(.has-background-image) + .aiss-intro--band { margin-top: -1px; }

.aiss-intro--band {
	background: linear-gradient(165deg, #00476b 0%, #003352 100%);
	color: #fff;
}
.aiss-intro--band .aiss-intro__kicker { color: #a6ecf4; }
.aiss-intro--band .aiss-intro__text { color: #fff; }

.aiss-intro--band::before,
.aiss-intro--band::after,
.aiss-intro--band .aiss-wrap::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: 50%;
	height: var(--h);
	margin-top: calc(var(--h) / -2);
	right: var(--r);
	width: calc(var(--run) + var(--t));
	background: var(--c);
	clip-path: polygon(0 100%, var(--run) 0, calc(var(--run) + var(--t)) 0, var(--t) 100%);
	pointer-events: none;
}
.aiss-intro--band::before {
	--t: calc(var(--k) * 260px);
	--r: calc(var(--k) * -64px);
	--c: rgba(255, 255, 255, var(--white-a));
}
.aiss-intro--band::after {
	--t: calc(var(--k) * 56px);
	--r: calc(var(--k) * -190px);
	--c: rgba(0, 188, 212, var(--cyan-a));
}
.aiss-intro--band .aiss-wrap::before {
	--t: calc(var(--k) * 180px);
	--r: calc(var(--k) * -434px);
	--c: rgba(255, 255, 255, var(--white-b));
}

.aiss-intro--light {
	background: #fff;
	border-top: 1px solid #e1e8e6;
	border-bottom: 1px solid #e1e8e6;
	padding: 48px 0;
	--fs: clamp(22px, 1vw + 14px, 28px);
}
.aiss-intro--long.aiss-intro--light { --fs: clamp(22px, .6vw + 15px, 24px); }
.aiss-intro--light .aiss-wrap {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	column-gap: 48px;
	align-items: start;
}
.aiss-intro--light .aiss-intro__kicker { margin: 14px 0 0; color: #006878; }
.aiss-intro--light .aiss-intro__text { color: #0b2f45; }

@media (max-width: 899px) {
	.aiss-intro--light .aiss-wrap { grid-template-columns: minmax(0, 1fr); row-gap: 14px; }
	.aiss-intro--light .aiss-intro__kicker { margin: 0; }
}
@media (max-width: 767px) {
	.aiss-intro--band {
		--h: 195px;
		--k: .75;
		--cyan-a: .20;
		--white-a: .07;
		--white-b: .05;
	}
	.aiss-intro--light { padding: 40px 0; }
}
@media (max-width: 640px) {
	.aiss-intro { --fs: 22px; padding: 40px 0; }
	.aiss-intro--long, .aiss-intro--long.aiss-intro--light { --fs: 22px; }
	.aiss-intro--light { padding: 36px 0; }
	.aiss-intro .aiss-intro__kicker { margin-bottom: 12px; }
	.aiss-intro--light .aiss-intro__kicker { margin-bottom: 0; }
}