.wp-block-ralify-featured-videos,.ralify-featured-videos{box-sizing:border-box;width:100%;min-width:0;color:var(--ralify-color-text,#f8fafc);font-family:var(--ralify-font,"Sora",sans-serif)}.ralify-featured-videos__header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.ralify-featured-videos__eyebrow{margin:0 0 5px;color:var(--ralify-color-purple,#885cf6);font-size:.64rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.ralify-featured-videos h3{margin:0;font-size:clamp(1.2rem,2vw,1.55rem)}.ralify-featured-videos__header>a{display:inline-flex;align-items:center;gap:7px;color:var(--ralify-color-cyan,#00e5ff);font-size:.72rem;font-weight:700;text-decoration:none}.ralify-featured-videos__layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr);gap:14px}.ralify-featured-videos__lead,.ralify-featured-videos__rail{min-width:0}.ralify-featured-videos__lead>.ralify-video-card{height:100%}.ralify-featured-videos__rail{display:grid;gap:10px}.ralify-featured-videos__rail>.ralify-video-card--compact{grid-template-columns:150px minmax(0,1fr);min-height:120px}.ralify-featured-videos__rail .ralify-video-card__media,.ralify-featured-videos__rail .ralify-video-card__image,.ralify-featured-videos__rail .ralify-video-card__fallback{height:120px;min-height:120px}.ralify-featured-videos__sample{position:relative;display:grid;min-height:120px;align-content:end;padding:17px;border:1px solid var(--ralify-color-border,#273142);border-radius:12px;background:radial-gradient(circle at 15% 0,rgba(136,92,246,.24),transparent 48%),linear-gradient(135deg,#151b27,#0b0f17);overflow:hidden}.ralify-featured-videos__sample--lead{min-height:100%;padding:clamp(26px,5vw,52px)}.ralify-featured-videos__play{position:absolute;top:16px;left:16px;display:grid;width:38px;height:38px;place-items:center;border-radius:999px;background:rgba(255,255,255,.14);font-size:.72rem;backdrop-filter:blur(8px)}.ralify-featured-videos__duration{position:absolute;top:17px;right:17px;padding:5px 7px;border-radius:6px;background:rgba(11,15,23,.8);font-size:.58rem;font-weight:800}.ralify-featured-videos__sample h4{max-width:28ch;margin:0 0 8px;font-size:.84rem;line-height:1.35}.ralify-featured-videos__sample--lead h4{max-width:18ch;font-size:clamp(1.5rem,3vw,2.4rem)}.ralify-featured-videos__sample small{color:var(--ralify-color-text-muted,#94a3b8);font-size:.62rem}.ralify-featured-videos__empty{display:grid;min-height:210px;place-items:center;align-content:center;padding:28px;border:1px dashed rgba(148,163,184,.22);border-radius:16px;background:rgba(17,24,39,.5);text-align:center}.ralify-featured-videos__empty>span{display:grid;width:42px;height:42px;margin-bottom:12px;place-items:center;border-radius:999px;background:rgba(136,92,246,.14);color:#a78bfa}.ralify-featured-videos__empty p{margin:8px 0 16px;color:var(--ralify-color-text-muted,#94a3b8);font-size:.78rem}.ralify-featured-videos__empty a{color:var(--ralify-color-cyan,#00e5ff);font-size:.72rem;font-weight:700;text-decoration:none}@media(max-width:900px){.ralify-featured-videos__layout{grid-template-columns:1fr}.ralify-featured-videos__rail{grid-template-columns:repeat(3,minmax(0,1fr))}.ralify-featured-videos__rail>.ralify-video-card--compact{grid-template-columns:1fr}}@media(max-width:620px){.ralify-featured-videos__rail{grid-template-columns:1fr}.ralify-featured-videos__rail>.ralify-video-card--compact{grid-template-columns:120px minmax(0,1fr)}}

/*
 * Featured Videos sizing pass — 7 Aug 2026 (Founder call).
 *
 * The rail stretched its three cards to match the lead card's height while
 * their thumbnails stayed pinned at a fixed 120px, so every rail card
 * rendered a band of empty background under its image. Rows now divide the
 * lead height evenly and the media fills the row it sits in, which is what
 * makes the column read as deliberate rather than broken.
 *
 * The lead was also unbounded: a portrait-ish source image pushed the whole
 * section past 900px tall on desktop and dragged the rail with it. Capping
 * the lead media at 16:9 keeps the section proportional to the rest of the
 * homepage.
 */
@media(min-width:901px){
	.ralify-featured-videos__layout{
		grid-template-columns:minmax(0,1.15fr) minmax(340px,1fr);
		gap:clamp(18px,2vw,26px);
		align-items:stretch;
	}

	.ralify-featured-videos__rail{
		gap:clamp(12px,1.4vw,16px);
		grid-auto-rows:1fr;
	}

	.ralify-featured-videos__rail>.ralify-video-card--compact{
		grid-template-columns:172px minmax(0,1fr);
		min-height:0;
	}

	.ralify-featured-videos__rail .ralify-video-card__media,
	.ralify-featured-videos__rail .ralify-video-card__image,
	.ralify-featured-videos__rail .ralify-video-card__fallback{
		height:100%;
		min-height:104px;
	}

	.ralify-featured-videos__rail .ralify-video-card__image img{
		height:100%;
		width:100%;
		object-fit:cover;
	}

	.ralify-featured-videos__lead .ralify-video-card__media,
	.ralify-featured-videos__lead .ralify-video-card__image{
		aspect-ratio:16/9;
		height:auto;
		max-height:none;
	}

	.ralify-featured-videos__lead .ralify-video-card__image img{
		height:100%;
		width:100%;
		object-fit:cover;
	}
}