.hr-video { position: relative; aspect-ratio: 16 / 9; width: 100%; background: var(--hr-ink, #302d29); margin: 1.5rem 0; }
.hr-video__play { all: unset; box-sizing: border-box; position: absolute; inset: 0; cursor: pointer; display: block; }
.hr-video .hr-video__poster { width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0.85; }
.hr-video__icon {
	position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; margin: -38px 0 0 -38px;
	border-radius: 50%; background: var(--hr-accent, #a6473f); border: 3px solid var(--hr-paper, #f3ebd8);
}
.hr-video__icon::after {
	content: ""; position: absolute; left: 30px; top: 22px;
	border-left: 22px solid var(--hr-paper, #f3ebd8); border-top: 15px solid transparent; border-bottom: 15px solid transparent;
}
.hr-video__play:hover .hr-video__icon { background: var(--hr-ink, #302d29); }
.hr-video__play:focus-visible { outline: 3px solid var(--hr-accent, #a6473f); outline-offset: 3px; }
.hr-video__frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.hr-video__link { position: absolute; right: 8px; bottom: 8px; z-index: 2; font: 600 0.75rem/1 system-ui, sans-serif; padding: 0.5rem 0.7rem; min-height: 32px; background: var(--hr-paper, #f3ebd8); color: var(--hr-ink, #302d29); text-decoration: none; }
.hr-video.is-playing .hr-video__link { display: none; }