.aiss-yt {
	--navy: #00476b; --navy-2: #003352; --navy-3: #00253c;
	--cyan: #00bcd4; --mist: #d5dee4;
	--ease: cubic-bezier(.2, .7, .2, 1);
	--p: .5;
	position: relative; isolation: isolate; overflow: hidden;
	padding: 112px 0 120px; text-align: center; color: #fff;
	font: 400 17px/1.6 'Source Sans Pro', system-ui, sans-serif;
	background: radial-gradient(120% 130% at 80% 45%, #00598a 0%, var(--navy-2) 46%, var(--navy-3) 100%);
}
.aiss-yt *, .aiss-yt *::before, .aiss-yt *::after { box-sizing: border-box; }
.aiss-yt img { display: block; max-width: none; }
.aiss-yt__inner { width: min(1170px, calc(100% - 48px)); margin: 0 auto; }

.aiss-yt__stripes { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.aiss-yt__stripe { position: absolute; top: -10%; height: 120%; transform: skewX(-19deg) translateX(calc((var(--p) * 2 - 1) * var(--travel, 40px) * var(--dir, 1))); }
.aiss-yt__stripe--a { left: -6%; width: 22%; background: rgba(255, 255, 255, .045); --dir: 1; }
.aiss-yt__stripe--b { left: 58%; width: 4.5%; background: rgba(0, 188, 212, .22); --dir: -1; }
.aiss-yt__stripe--c { left: 66%; width: 15%; background: rgba(255, 255, 255, .04); --dir: -1; }

.aiss-yt__kicker { display: inline-flex; align-items: center; gap: 12px; margin: 0; font: 700 13px/1 'Montserrat', sans-serif; letter-spacing: .2em; text-transform: uppercase; color: var(--mist); }
.aiss-yt__kicker svg { flex: none; }
#main .aiss-yt h2.aiss-yt__title {
	margin: 22px auto; max-width: 14em; padding: 0;
	font: 700 clamp(38px, 5vw, 70px)/1.04 'Montserrat', sans-serif !important;
	font-size: clamp(38px, 5vw, 70px) !important; line-height: 1.04 !important;
	letter-spacing: -.012em; text-transform: none; text-wrap: balance; color: #fff;
}
.aiss-yt__w { display: inline-block; }
.aiss-yt__mark { position: relative; white-space: nowrap; }
.aiss-yt__mark::after { content: ""; position: absolute; left: 0; right: 0; bottom: .02em; height: .11em; background: var(--cyan); transform-origin: left center; }
#main .aiss-yt p.aiss-yt__lead { margin: 0 auto; max-width: 34em; font-size: 19px; line-height: 1.6; color: #c9d6de; text-align: center; }

.aiss-yt__media { position: relative; width: min(860px, 100%); margin: 60px auto 0; }
.aiss-yt__glow { position: absolute; inset: -12% -10%; z-index: -1; border-radius: 48px; overflow: hidden; filter: blur(60px) saturate(1.6); opacity: .55; }
.aiss-yt__glow img { width: 100%; height: 100%; object-fit: cover; }
#main .aiss-yt a.aiss-yt__card {
	position: relative; display: block; width: 100%; margin: 0; padding: 0; border-radius: 6px; text-align: left; text-decoration: none; color: #fff; background: var(--navy-3);
	box-shadow: 0 34px 70px -24px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .08);
	transition: transform .45s var(--ease);
}

.aiss-yt__card::after { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 6px; box-shadow: 0 44px 80px -26px rgba(0, 0, 0, .75), 0 0 0 1px rgba(255, 255, 255, .14); opacity: 0; transition: opacity .45s var(--ease); }
.aiss-yt__thumb { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 6px 6px 0 0; background: var(--navy-3); }
.aiss-yt__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.aiss-yt__play { position: relative; flex: none; width: 64px; height: 64px; border-radius: 50%; background: #fff; display: grid; place-items: center; box-shadow: 0 8px 22px rgba(0, 0, 0, .35); transition: transform .35s var(--ease); }
.aiss-yt__play::before { content: ""; position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .8); animation: aiss-yt-pulse 2.8s var(--ease) infinite; }
@keyframes aiss-yt-pulse { 0% { transform: scale(1); opacity: .85; } 70%, 100% { transform: scale(1.7); opacity: 0; } }
@media (hover: hover) {
	.aiss-yt a.aiss-yt__card:hover { transform: translateY(-5px); }
	.aiss-yt__card:hover::after { opacity: 1; }
	.aiss-yt__card:hover .aiss-yt__thumb img { transform: scale(1.035); }
	.aiss-yt__card:hover .aiss-yt__play { transform: scale(1.08); }
}
.aiss-yt__meta { display: flex; align-items: center; gap: 22px; padding: 20px 28px 22px; border-radius: 0 0 6px 6px; background: var(--navy-3); }
.aiss-yt__txt { display: block; flex: 1 1 auto; min-width: 0; }
.aiss-yt__tag { display: inline-block; padding: 6px 10px 5px; border-radius: 2px; background: var(--cyan); color: #00283f; font: 700 11px/1 'Montserrat', sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.aiss-yt__vtitle { display: block; margin-top: 10px; font: 700 22px/1.3 'Montserrat', sans-serif; text-wrap: balance; overflow-wrap: anywhere; }
.aiss-yt__vcta { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 16px; color: var(--mist); }

.aiss-yt__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 16px; margin-top: 52px; }
#main .aiss-yt a.aiss-yt__btn { margin: 0; }
#main .aiss-yt a.aiss-yt__card:focus-visible { outline: 2px solid #fff; outline-offset: 3px; box-shadow: 0 0 0 6px rgba(0, 188, 212, .5); }

.aiss-yt.fx .aiss-yt__kicker, .aiss-yt.fx .aiss-yt__lead, .aiss-yt.fx .aiss-yt__btns, .aiss-yt.fx .aiss-yt__w { transition: opacity .6s var(--ease), transform .6s var(--ease); }
.aiss-yt.fx .aiss-yt__w { transition-delay: calc(120ms + var(--i) * 55ms); }
.aiss-yt.fx .aiss-yt__lead { transition-delay: .45s; }
.aiss-yt.fx .aiss-yt__btns { transition-delay: .6s; }
.aiss-yt.fx .aiss-yt__mark::after { transition: transform .7s var(--ease) .75s; }
.aiss-yt.fx .aiss-yt__media { transition: opacity .9s var(--ease) .25s, transform .9s var(--ease) .25s; }
.aiss-yt.fx .aiss-yt__glow { transition: opacity 1.4s ease .6s; }
.aiss-yt.fx:not(.is-in) .aiss-yt__kicker, .aiss-yt.fx:not(.is-in) .aiss-yt__lead, .aiss-yt.fx:not(.is-in) .aiss-yt__btns, .aiss-yt.fx:not(.is-in) .aiss-yt__w { opacity: 0; transform: translateY(16px); }
.aiss-yt.fx:not(.is-in) .aiss-yt__mark::after { transform: scaleX(0); }
.aiss-yt.fx:not(.is-in) .aiss-yt__media { opacity: 0; transform: translateY(28px) scale(.97); }
.aiss-yt.fx:not(.is-in) .aiss-yt__glow { opacity: 0; }

@media (max-width: 1279px) {
	.aiss-yt__vcta { display: none; }
}
@media (max-width: 767px) {
	.aiss-yt { --travel: 16px; padding: 72px 0 80px; }
	.aiss-yt__inner { width: calc(100% - 32px); }
	#main .aiss-yt h2.aiss-yt__title { font-size: 38px !important; margin: 18px auto; }
	#main .aiss-yt p.aiss-yt__lead { font-size: 18px; }
	.aiss-yt__media { margin-top: 44px; }
	.aiss-yt__play { width: 56px; height: 56px; }
	.aiss-yt__play svg { width: 22px; height: 22px; }
	.aiss-yt__meta { gap: 14px; padding: 14px 16px 16px; }
	.aiss-yt__vtitle { font-size: 15px; margin-top: 8px; }
	.aiss-yt__btns { flex-direction: column; align-items: stretch; max-width: 380px; margin: 40px auto 0; }
}

@media (prefers-reduced-motion: reduce) {
	.aiss-yt *, .aiss-yt *::before, .aiss-yt *::after { transition: none !important; animation: none !important; }
	.aiss-yt__stripe { transform: skewX(-19deg) !important; }
	.aiss-yt .aiss-yt__card, .aiss-yt .aiss-yt__thumb img, .aiss-yt .aiss-yt__play, .aiss-yt .aiss-yt__btn { transform: none !important; }
}