.lch-journal-intro {
--lch-ji-cream: #f7f3ec;
--lch-ji-ink: #1c1a18;
--lch-ji-body: #3a342e;
--lch-ji-muted: #8a8278;
--lch-ji-gold: #c4a46a;
--lch-ji-branch: rgba(140, 132, 120, 0.38);
position: relative;
isolation: isolate;
overflow: hidden;
background-color: var(--lch-ji-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-ji-ink);
font-family: "Outfit", system-ui, sans-serif;
padding: clamp(4.5rem, 10vw, 7.25rem) clamp(1.25rem, 4vw, 3rem);
box-sizing: border-box;
}
.lch-journal-intro__ornament {
position: absolute;
top: 50%;
right: clamp(-0.5rem, 1vw, 1.25rem);
transform: translateY(-48%);
z-index: 0;
pointer-events: none;
color: var(--lch-ji-branch);
width: clamp(7rem, 16vw, 12rem);
opacity: 0.95;
}
.lch-journal-intro__branch {
display: block;
width: 100%;
height: auto;
}
.lch-journal-intro__inner {
position: relative;
z-index: 1;
width: min(40rem, 100%);
margin: 0 auto;
text-align: center;
}
.lch-journal-intro__eyebrow {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 0.7rem;
margin: 0 0 1.35rem;
font-size: 0.72rem;
font-weight: 400;
letter-spacing: 0.28em;
text-transform: uppercase;
color: var(--lch-ji-gold);
}
.lch-journal-intro__eyebrow::after {
content: "";
display: block;
width: 2.35rem;
height: 1px;
background: currentColor;
}
.lch-journal-intro__title,
.wpcursor-component.lch-journal-intro .lch-journal-intro__title,
.lch-journal-intro h2.lch-journal-intro__title {
margin: 0 0 1.45rem !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(2.5rem, 5.2vw, 3.85rem) !important;
line-height: 1.12 !important;
letter-spacing: 0.01em !important;
color: var(--lch-ji-ink) !important;
white-space: nowrap;
}
.lch-journal-intro__title-word {
display: inline;
}
.lch-journal-intro__amp {
display: inline-block;
margin: 0 0.28em;
font-family: "Great Vibes", "Cormorant Garamond", cursive !important;
font-weight: 400;
font-size: 1.18em;
line-height: 1;
color: var(--lch-ji-gold);
transform: translateY(0.06em);
}
.lch-journal-intro__text {
margin: 0 auto;
max-width: 36rem;
font-family: "Cormorant Garamond", Georgia, serif;
font-weight: 400;
font-size: clamp(1.05rem, 1.6vw, 1.2rem);
line-height: 1.7;
color: var(--lch-ji-body);
}
@media (max-width: 900px) {
.lch-journal-intro__ornament {
width: clamp(5rem, 18vw, 7.5rem);
opacity: 0.55;
right: -0.75rem;
}
}
@media (max-width: 640px) {
.lch-journal-intro {
padding: 3.75rem 1.25rem 4.5rem;
}
.lch-journal-intro__ornament {
display: none;
}
.lch-journal-intro__title,
.wpcursor-component.lch-journal-intro .lch-journal-intro__title,
.lch-journal-intro h2.lch-journal-intro__title {
white-space: normal;
text-wrap: balance;
}
.lch-journal-intro__text {
max-width: none;
}
.lch-journal-intro__amp {
margin: 0 0.18em;
}
}
@media (prefers-reduced-motion: reduce) {
.lch-journal-intro__ornament {
transition: none;
}
}