.stan-vh{
	--svh-accent:#ccff00;
	--svh-bg:#fff;
	--svh-text:#111;
	background:var(--svh-bg);
	color:var(--svh-text);
	margin:2.5rem auto;
	font-family:inherit;
}
.stan-vh *{box-sizing:border-box}
.stan-vh a{color:inherit;text-decoration:none}
.stan-vh-head{
	display:flex;align-items:end;justify-content:space-between;
	border-top:6px solid currentColor;border-bottom:1px solid currentColor;
	padding:.7rem 0 .8rem;margin-bottom:1.1rem;
}
.stan-vh-head span{font-size:.78rem;font-weight:900;letter-spacing:.12em}
.stan-vh-head strong{
	display:grid;place-items:center;width:42px;height:42px;
	background:var(--svh-accent);border:2px solid currentColor;
	box-shadow:4px 4px 0 currentColor;font-size:.9rem;
}
.stan-vh-layout{display:grid;grid-template-columns:1fr;gap:1.35rem}
.stan-vh.is-feature2 .stan-vh-layout{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}
.stan-vh-support{display:grid;gap:1.35rem;align-content:start}
.stan-vh-card{
	border:1px solid currentColor;background:var(--svh-bg);
	box-shadow:6px 6px 0 currentColor;overflow:hidden;
}
.stan-vh-media{
	position:relative;aspect-ratio:16/9;background:#111;overflow:hidden;
}
.stan-vh-media>img,
.stan-vh-media>iframe{
	position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover;
}
.stan-vh-media>iframe{z-index:2}
.stan-vh-play{
	position:absolute;z-index:4;inset:50% auto auto 50%;transform:translate(-50%,-50%);
	display:grid;place-items:center;width:72px;height:72px;border-radius:50%;
	border:4px solid #111;background:var(--svh-accent);color:#111;
	box-shadow:5px 5px 0 #111;cursor:pointer;font-size:1.4rem;
	transition:transform .16s ease,box-shadow .16s ease;
}
.stan-vh-play:hover,.stan-vh-play:focus-visible{
	transform:translate(calc(-50% + 3px),calc(-50% + 3px));box-shadow:2px 2px 0 #111;
}
.stan-vh-teaser-note{
	position:absolute;z-index:3;left:.7rem;bottom:.7rem;
	background:#111;color:#fff;padding:.36rem .5rem;
	font-size:.65rem;font-weight:900;letter-spacing:.08em;
}
.stan-vh-media.has-player .stan-vh-teaser-note{opacity:.86}
.stan-vh-media.is-clicked .stan-vh-play,
.stan-vh-media.is-clicked .stan-vh-teaser-note{display:none}
.stan-vh-copy{padding:1rem 1.1rem 1.2rem}
.stan-vh-kicker{
	display:inline-block;background:var(--svh-accent);color:#111;
	border:1px solid #111;padding:.3rem .5rem;margin-bottom:.65rem;
	font-size:.68rem;font-weight:900;letter-spacing:.09em;
}
.stan-vh-title{
	font-size:clamp(1.65rem,3.6vw,4rem);line-height:.92;
	letter-spacing:-.045em;margin:0;font-weight:900;
}
.stan-vh-description{margin:.8rem 0 0;max-width:62ch;line-height:1.45}
.stan-vh-read{
	display:inline-block;margin-top:1rem;font-weight:900;
	border-bottom:3px solid var(--svh-accent);padding-bottom:.1rem;
}
.stan-vh-read:hover{background:var(--svh-accent);color:#111}
.stan-vh-support .stan-vh-card{box-shadow:4px 4px 0 currentColor}
.stan-vh-support .stan-vh-play{width:54px;height:54px;border-width:3px;box-shadow:3px 3px 0 #111;font-size:1rem}
.stan-vh-support .stan-vh-copy{padding:.8rem .9rem 1rem}
.stan-vh-support .stan-vh-title{font-size:clamp(1.15rem,1.7vw,1.7rem);line-height:.98}
.stan-vh-support .stan-vh-description{font-size:.86rem}
.stan-vh-support .stan-vh-teaser-note{display:none}
.stan-vh-empty{padding:1rem;border:1px dashed #999}

@media(max-width:760px){
	.stan-vh{margin:2rem 0}
	.stan-vh.is-feature2 .stan-vh-layout{grid-template-columns:1fr}
	.stan-vh-support{grid-template-columns:1fr 1fr;gap:.9rem}
	.stan-vh-card{box-shadow:4px 4px 0 currentColor}
	.stan-vh-title{font-size:clamp(1.8rem,9vw,3.2rem)}
}
@media(max-width:520px){
	.stan-vh-support{grid-template-columns:1fr}
	.stan-vh-play{width:60px;height:60px}
	.stan-vh-head strong{width:36px;height:36px;box-shadow:3px 3px 0 currentColor}
}
@media(prefers-reduced-motion:reduce){
	.stan-vh-play{transition:none}
}