/* ==========================================================================
   3. Latest From The Channel (.hlp-channel): Ink band.
   ========================================================================== */

/* soft tan glow, top right (the design's .channel::after; ::after carries the grain) */
.e-con.hlp-channel { overflow: hidden; }
.e-con.hlp-channel::before {
	content: "";
	position: absolute;
	width: 640px;
	height: 640px;
	right: -200px;
	top: -160px;
	left: auto;
	bottom: auto;
	border-radius: 50%;
	z-index: 0;
	pointer-events: none;
	background: radial-gradient(closest-side, rgba(165, 131, 90, .28), transparent);
	opacity: 1;
	mix-blend-mode: normal;
}

/* offset tan frame behind the video */
.hlp-media-frame { position: relative; }
.e-con.hlp-media-frame::before {
	content: "";
	position: absolute;
	inset: 22px -22px -22px 22px;
	width: auto;
	height: auto;
	border: 1.5px solid var(--hlp-tan);
	pointer-events: none;
	z-index: 0;
}
.hlp-media-frame > .hlp-video { position: relative; z-index: 1; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .55); }
.hlp-video .elementor-custom-embed-image-overlay { cursor: pointer; }
.hlp-video .elementor-custom-embed-image-overlay::after {   /* gentle zoom on hover, like the design's .fill */
	content: none;
}

/* "Latest episode / YouTube" over the top of the frame */
.e-con.hlp-yt-meta {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 2;
	padding: 14px 16px;
	pointer-events: none;
	background: linear-gradient(180deg, rgba(0, 0, 0, .45), transparent);
}
.hlp-yt-meta > .elementor-widget { width: auto; }

/* White play button with a ring that opens out on hover */
.hlp-video .elementor-custom-embed-play {
	width: 84px;
	height: 84px;
	border-radius: 50%;
	background: rgba(251, 250, 247, .95);
	display: grid;
	place-items: center;
	transition: transform .35s ease;
}
.hlp-video .elementor-custom-embed-play::after {
	content: "";
	position: absolute;
	inset: -10px;
	border-radius: 50%;
	border: 1.5px solid rgba(251, 250, 247, .6);
	transition: inset .35s ease, opacity .35s ease;
}
.hlp-video .elementor-custom-embed-play svg { width: 26px; height: 26px; fill: var(--hlp-ink); margin-left: 5px; filter: none; opacity: 1; }
.hlp-video .elementor-custom-embed-play i { font-size: 26px; color: var(--hlp-ink); margin-left: 5px; text-shadow: none; opacity: 1; }
.hlp-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play { transform: translate(-50%, -50%) scale(1.07); }
.hlp-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play::after { inset: -18px; opacity: 0; }
.hlp-video .elementor-custom-embed-play:focus-visible { outline: 3px solid var(--hlp-tan); outline-offset: 6px; }

@media (max-width: 767px) {
	.e-con.hlp-media-frame::before { inset: 14px -10px -14px 10px; }
	.hlp-video .elementor-custom-embed-play { width: 68px; height: 68px; }
}