/* atomicplan/blog-featured-story — 2-column "Main Story / Editor's Pick".
   Scoped to the frame; structural classes are plb-prefixed. Colours/fonts use
   generic --lr-* tokens with neutral fallbacks so the extension stays generic. */

.frame-type-atomicplan_blogfeaturedstory .plb-section-head {
	margin-bottom: clamp(1.4rem, 3vw, 2.4rem);
}

.frame-type-atomicplan_blogfeaturedstory .plb-exp-block {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(1.6rem, 5vw, 5.5rem);
	align-items: center;
}

/* --- media (server-side crop, 4:3) with slow hover zoom --- */
.frame-type-atomicplan_blogfeaturedstory .plb-media {
	display: block;
	overflow: hidden;
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: var(--lr-media-radius, 4px);
}

.frame-type-atomicplan_blogfeaturedstory .plb-media picture,
.frame-type-atomicplan_blogfeaturedstory .plb-media img {
	display: block;
	width: 100%;
	height: 100%;
}

.frame-type-atomicplan_blogfeaturedstory .plb-media img {
	object-fit: cover;
	transition: transform 1.2s var(--lr-ease-out, cubic-bezier(0.22, 0.61, 0.36, 1));
}

.frame-type-atomicplan_blogfeaturedstory .plb-featured:hover .plb-media img {
	transform: scale(1.05);
}

.frame-type-atomicplan_blogfeaturedstory .plb-media-empty {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: var(--lr-media-empty-bg, rgba(0, 0, 0, 0.05));
}

.frame-type-atomicplan_blogfeaturedstory .plb-media-empty img {
	width: 40%;
	height: auto;
	opacity: 0.35;
}

/* --- text column --- */
.frame-type-atomicplan_blogfeaturedstory .plb-j-tag {
	font-size: 0.66rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--lr-bronze-deep, var(--bs-primary, #9c8255));
	margin-bottom: 0.8rem;
}

.frame-type-atomicplan_blogfeaturedstory .plb-fs-title,
.frame-type-atomicplan_blogfeaturedstory .plb-fs-title * {
	font-family: var(--lr-font-display, inherit);
	line-height: 1.15;
	margin: 0 0 1rem;
}

.frame-type-atomicplan_blogfeaturedstory .plb-title-link {
	color: inherit;
	text-decoration: none;
}

.frame-type-atomicplan_blogfeaturedstory .plb-fs-teaser {
	color: var(--lr-ink-soft, inherit);
	margin-bottom: 1.2rem;
	max-width: 46ch;
}

.frame-type-atomicplan_blogfeaturedstory .plb-j-meta {
	font-size: 0.78rem;
	letter-spacing: 0.04em;
	color: var(--lr-ink-faint, #6b6b6b);
	margin-bottom: 1.4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.2rem 0.55rem;
}

.frame-type-atomicplan_blogfeaturedstory .plb-j-meta > span + span::before {
	content: "\00b7";
	margin-right: 0.55rem;
}

/* --- read link --- */
.frame-type-atomicplan_blogfeaturedstory .plb-link-arrow {
	display: inline-flex;
	align-items: center;
	gap: 0.6em;
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--lr-bronze-deep, var(--bs-primary, #9c8255));
	text-decoration: none;
	width: fit-content;
}

.frame-type-atomicplan_blogfeaturedstory .plb-link-arrow .arw {
	transition: transform 0.45s var(--lr-ease-out, ease);
}

.frame-type-atomicplan_blogfeaturedstory .plb-link-arrow:hover .arw {
	transform: translateX(5px);
}

@media (max-width: 800px) {
	.frame-type-atomicplan_blogfeaturedstory .plb-exp-block {
		grid-template-columns: 1fr;
		gap: 1.6rem;
	}
}