.lch-journal-discover {
--lch-jd-cream: #f7f3ec;
--lch-jd-ink: #1c1a18;
--lch-jd-body: #5c554c;
--lch-jd-muted: #8a8278;
--lch-jd-gold: #c4a46a;
--lch-jd-leaf: rgba(140, 132, 120, 0.28);
position: relative;
isolation: isolate;
overflow: hidden;
background-color: var(--lch-jd-cream);
background-image:
radial-gradient(rgba(28, 26, 24, 0.035) 0.6px, transparent 0.7px),
radial-gradient(rgba(28, 26, 24, 0.02) 0.5px, transparent 0.6px);
background-size: 3px 3px, 5px 5px;
background-position: 0 0, 1px 2px;
color: var(--lch-jd-ink);
font-family: "Outfit", system-ui, sans-serif;
padding: clamp(4rem, 8vw, 6.5rem) clamp(1.25rem, 4vw, 3rem) clamp(4.5rem, 9vw, 7rem);
box-sizing: border-box;
}
.lch-journal-discover__ornament {
position: absolute;
right: clamp(-1rem, 2vw, 1.5rem);
bottom: clamp(1rem, 4vw, 3rem);
z-index: 0;
pointer-events: none;
color: var(--lch-jd-leaf);
width: clamp(8rem, 18vw, 13rem);
opacity: 0.9;
}
.lch-journal-discover__leaf {
display: block;
width: 100%;
height: auto;
}
.lch-journal-discover__inner {
position: relative;
z-index: 1;
width: min(72rem, 100%);
margin: 0 auto;
}
.lch-journal-discover__header {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1.5rem 2rem;
margin: 0 0 clamp(2.5rem, 5vw, 3.5rem);
flex-wrap: wrap;
}
.lch-journal-discover__heading {
display: flex;
align-items: center;
gap: 1.1rem;
min-width: 0;
flex: 1 1 auto;
}
.lch-journal-discover__title,
.wpcursor-component.lch-journal-discover .lch-journal-discover__title,
.lch-journal-discover h2.lch-journal-discover__title {
margin: 0 !important;
flex: 0 0 auto;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(2.35rem, 4.5vw, 3.35rem) !important;
line-height: 1.1 !important;
letter-spacing: 0.01em !important;
color: var(--lch-jd-ink) !important;
white-space: nowrap;
}
.lch-journal-discover__rule {
display: block;
flex: 1 1 4rem;
height: 1px;
min-width: 2.5rem;
max-width: 8rem;
background: linear-gradient(90deg, var(--lch-jd-gold) 0 2.4rem, rgba(28, 26, 24, 0.18) 2.4rem);
}
.lch-journal-discover__eyebrow {
margin: 0;
flex: 0 0 auto;
font-size: 0.7rem;
font-weight: 400;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--lch-jd-muted);
text-align: right;
}
.lch-journal-discover__grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: clamp(2rem, 4vw, 3.25rem) clamp(1.75rem, 3.5vw, 2.75rem);
}
.lch-journal-discover__card {
display: flex;
flex-direction: column;
min-width: 0;
}
.lch-journal-discover__media {
display: block;
position: relative;
aspect-ratio: 16 / 11;
overflow: hidden;
background: #e5dfd4;
margin: 0 0 1.35rem;
text-decoration: none;
}
.lch-journal-discover__img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover;
object-position: center center;
transition: transform 0.55s ease;
}
.lch-journal-discover__media:hover .lch-journal-discover__img,
.lch-journal-discover__media:focus-visible .lch-journal-discover__img {
transform: scale(1.035);
}
.lch-journal-discover__body {
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 1 auto;
}
.lch-journal-discover__meta {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.65rem 1rem;
margin: 0 0 0.7rem;
}
.lch-journal-discover__cat {
font-size: 0.7rem;
font-weight: 400;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--lch-jd-gold);
}
.lch-journal-discover__date {
font-size: 0.82rem;
font-weight: 300;
color: var(--lch-jd-muted);
}
.lch-journal-discover__card-title,
.wpcursor-component.lch-journal-discover .lch-journal-discover__card-title,
.lch-journal-discover h3.lch-journal-discover__card-title {
margin: 0 0 0.75rem !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(1.45rem, 2.2vw, 1.85rem) !important;
line-height: 1.22 !important;
color: var(--lch-jd-ink) !important;
}
.lch-journal-discover__card-title a {
color: inherit;
text-decoration: none;
transition: color 0.2s ease;
}
.lch-journal-discover__card-title a:hover,
.lch-journal-discover__card-title a:focus-visible {
color: var(--lch-jd-gold);
outline: none;
}
.lch-journal-discover__text {
margin: 0 0 1.25rem;
max-width: 34rem;
font-family: "Outfit", system-ui, sans-serif;
font-weight: 300;
font-size: 0.95rem;
line-height: 1.65;
color: var(--lch-jd-body);
}
.lch-journal-discover__cta {
display: inline-flex;
align-items: center;
gap: 0.55rem;
margin-top: auto;
color: var(--lch-jd-ink);
text-decoration: none;
font-size: 0.72rem;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
transition: color 0.2s ease;
}
.lch-journal-discover__cta svg {
transition: transform 0.25s ease;
}
.lch-journal-discover__cta:hover,
.lch-journal-discover__cta:focus-visible {
color: var(--lch-jd-gold);
outline: none;
}
.lch-journal-discover__cta:hover svg,
.lch-journal-discover__cta:focus-visible svg {
transform: translateX(3px);
}
@media (max-width: 800px) {
.lch-journal-discover__grid {
grid-template-columns: 1fr;
gap: 2.75rem;
}
.lch-journal-discover__header {
flex-direction: column;
align-items: flex-start;
gap: 0.85rem;
}
.lch-journal-discover__heading {
width: 100%;
}
.lch-journal-discover__rule {
max-width: none;
}
.lch-journal-discover__eyebrow {
text-align: left;
}
.lch-journal-discover__ornament {
width: 7rem;
opacity: 0.55;
bottom: 0.5rem;
}
}
@media (max-width: 640px) {
.lch-journal-discover {
padding: 3.5rem 1.25rem 4.25rem;
}
.lch-journal-discover__title,
.wpcursor-component.lch-journal-discover .lch-journal-discover__title,
.lch-journal-discover h2.lch-journal-discover__title {
white-space: normal;
}
.lch-journal-discover__media {
aspect-ratio: 4 / 3;
margin-bottom: 1.15rem;
}
.lch-journal-discover__ornament {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.lch-journal-discover__img,
.lch-journal-discover__cta svg {
transition: none;
}
}