.home-intro { width: 100vw; max-width: none; margin: 0; padding: 80px 20px 64px; overflow: hidden; background: #087ff5; color: #fff; text-align: center; }
.home-intro__content { width: min(100%, 900px); margin: 0 auto; }
.home-intro h2, .home-intro h3 { color: #fff; font-family: 'DM Sans', system-ui, sans-serif; font-weight: 700; letter-spacing: .04em; }
.home-intro h2 { margin: 0 0 8px; font-size: clamp(1.8rem, 2vw, 2.15rem); line-height: 1.25; }
.home-intro h3 { margin: 8px 0 12px; font-size: clamp(1.65rem, 1.85vw, 2rem); line-height: 1.25; }
.home-intro p { margin: 0 auto 18px; color: #fff; font-size: 1.03rem; font-weight: 500; line-height: 1.5; }
.home-intro__video { position: relative; width: min(100%, 780px); aspect-ratio: 16 / 9; margin: 20px auto 0; overflow: hidden; background: #066ed4; }
.home-intro__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.home-intro__video-cover { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; overflow: hidden; border: 0; background: #066ed4; cursor: pointer; }
.home-intro__video-cover::after { content: ''; position: absolute; inset: 0; background: rgb(0 31 66 / 10%); transition: background .2s ease; }
.home-intro__video-cover:hover::after { background: rgb(0 31 66 / 20%); }
.home-intro__video-cover > img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .35s ease; }
.home-intro__video-cover:hover > img { transform: scale(1.015); }
.home-intro__play { position: absolute; z-index: 1; top: 50%; left: 50%; display: grid; width: 86px; height: 86px; place-items: center; border: 4px solid #fff; border-radius: 50%; background: rgb(0 0 0 / 18%); color: #fff; font-size: 2rem; transform: translate(-50%, -50%); transition: background .2s ease, transform .2s ease; }
.home-intro__play i { margin-left: 5px; }
.home-intro__video-cover:hover .home-intro__play { background: #087ff5; transform: translate(-50%, -50%) scale(1.06); }

@media (max-width: 700px) {
	.home-intro { padding: 48px 20px 44px; }
	.home-intro h2 { font-size: 1.65rem; }
	.home-intro h3 { margin-top: 15px; font-size: 1.45rem; }
	.home-intro p { font-size: .95rem; line-height: 1.55; }
	.desktop-only { display: none; }
	.home-intro__video { margin-top: 25px; }
	.home-intro__play { width: 68px; height: 68px; border-width: 3px; font-size: 1.5rem; }
}

@media (max-width: 420px) {
	.home-intro { padding: 40px 16px; }
	.home-intro h2 { font-size: 1.45rem; }
	.home-intro h3 { font-size: 1.3rem; }
	.home-intro p { font-size: .9rem; }
}