.lch-journal-featured {
--lch-jf-ink: #1c1a18;
--lch-jf-body: #2e2a26;
--lch-jf-muted: #9a9288;
--lch-jf-gold: #d4a84b;
--lch-jf-gold-hover: #c49638;
--lch-jf-panel: #ffffff;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr);
min-height: clamp(32rem, 78vh, 46rem);
background: var(--lch-jf-panel);
color: var(--lch-jf-ink);
font-family: "Outfit", system-ui, sans-serif;
overflow: hidden;
box-sizing: border-box;
}
.lch-journal-featured__media {
margin: 0;
position: relative;
min-height: clamp(22rem, 55vh, 46rem);
background: #e8e2d8;
overflow: hidden;
}
.lch-journal-featured__img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center center;
}
.lch-journal-featured__panel {
display: flex;
align-items: center;
justify-content: center;
padding: clamp(2.75rem, 6vw, 4.5rem) clamp(1.75rem, 4.5vw, 3.75rem);
box-sizing: border-box;
background: var(--lch-jf-panel);
}
.lch-journal-featured__copy {
width: min(26rem, 100%);
}
.lch-journal-featured__eyebrow {
display: inline-flex;
flex-direction: column;
align-items: stretch;
gap: 0.55rem;
margin: 0 0 1.15rem;
font-size: 0.7rem;
font-weight: 400;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--lch-jf-gold);
line-height: 1;
}
.lch-journal-featured__eyebrow::before,
.lch-journal-featured__eyebrow::after {
content: "";
display: block;
width: 100%;
height: 1px;
background: currentColor;
}
.lch-journal-featured__date {
margin: 0 0 0.85rem;
font-size: 0.82rem;
font-weight: 300;
letter-spacing: 0.02em;
color: var(--lch-jf-muted);
}
.lch-journal-featured__title,
.wpcursor-component.lch-journal-featured .lch-journal-featured__title,
.lch-journal-featured h2.lch-journal-featured__title {
margin: 0 0 1.15rem !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(1.85rem, 3.2vw, 2.65rem) !important;
line-height: 1.18 !important;
letter-spacing: 0.005em !important;
color: var(--lch-jf-ink) !important;
text-wrap: balance;
}
.lch-journal-featured__text {
margin: 0 0 1.75rem;
font-family: "Cormorant Garamond", Georgia, serif;
font-weight: 400;
font-size: clamp(1.02rem, 1.55vw, 1.15rem);
line-height: 1.65;
color: var(--lch-jf-body);
}
.lch-journal-featured__cta {
display: inline-flex;
align-items: center;
gap: 0.7rem;
padding: 0.95rem 1.45rem;
background: var(--lch-jf-gold);
color: var(--lch-jf-ink);
text-decoration: none;
font-family: "Outfit", system-ui, sans-serif;
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
transition: background 0.25s ease, transform 0.25s ease;
}
.lch-journal-featured__cta:hover,
.lch-journal-featured__cta:focus-visible {
background: var(--lch-jf-gold-hover);
outline: none;
}
.lch-journal-featured__cta svg {
flex-shrink: 0;
transition: transform 0.25s ease;
}
.lch-journal-featured__cta:hover svg,
.lch-journal-featured__cta:focus-visible svg {
transform: translateX(3px);
}
@media (max-width: 900px) {
.lch-journal-featured {
grid-template-columns: 1fr;
min-height: 0;
}
.lch-journal-featured__media {
min-height: clamp(18rem, 52vw, 26rem);
aspect-ratio: 4 / 3;
}
.lch-journal-featured__panel {
padding: 2.75rem 1.5rem 3.5rem;
}
.lch-journal-featured__copy {
width: min(32rem, 100%);
}
}
@media (max-width: 640px) {
.lch-journal-featured__media {
aspect-ratio: 1 / 1;
min-height: 0;
}
.lch-journal-featured__panel {
padding: 2.35rem 1.25rem 3.25rem;
}
.lch-journal-featured__title,
.wpcursor-component.lch-journal-featured .lch-journal-featured__title,
.lch-journal-featured h2.lch-journal-featured__title {
font-size: 1.85rem !important;
}
}
@media (prefers-reduced-motion: reduce) {
.lch-journal-featured__cta,
.lch-journal-featured__cta svg {
transition: none;
}
}