.lch-book-cta {
--lch-bc-gold: #c6a87a;
--lch-bc-ink: #f7f2ea;
position: relative;
isolation: isolate;
min-height: clamp(24rem, 56vh, 34rem);
display: flex;
align-items: center;
overflow: hidden;
background: #1a1612;
color: var(--lch-bc-ink);
}
.lch-book-cta__media {
position: absolute;
inset: 0;
z-index: 0;
}
.lch-book-cta__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.lch-book-cta__veil {
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(12, 10, 8, 0.72) 0%, rgba(12, 10, 8, 0.42) 42%, rgba(12, 10, 8, 0.12) 72%, rgba(12, 10, 8, 0.2) 100%),
linear-gradient(180deg, rgba(12, 10, 8, 0.18) 0%, transparent 40%, rgba(12, 10, 8, 0.28) 100%);
}
.lch-book-cta__inner {
position: relative;
z-index: 1;
width: min(42rem, calc(100% - 3.5rem));
margin-left: clamp(1.5rem, 8vw, 6.5rem);
padding: clamp(3rem, 7vh, 4.5rem) 0;
box-sizing: border-box;
}
.lch-book-cta__eyebrow {
margin: 0 0 1rem;
font-family: "Outfit", system-ui, sans-serif;
font-weight: 400;
font-size: 0.75rem;
letter-spacing: 0.24em;
text-transform: uppercase;
color: var(--lch-bc-gold);
}
.lch-book-cta__title,
.wpcursor-component.lch-book-cta .lch-book-cta__title,
.lch-book-cta h2.lch-book-cta__title {
margin: 0 0 1.1rem !important;
max-width: 16ch;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(2.2rem, 4.6vw, 3.5rem) !important;
line-height: 1.1 !important;
color: #fff !important;
text-wrap: balance;
}
.lch-book-cta__text {
margin: 0 0 1.85rem;
max-width: 32rem;
font-family: "Outfit", system-ui, sans-serif;
font-weight: 300;
font-size: clamp(0.95rem, 1.6vw, 1.08rem);
line-height: 1.65;
color: rgba(247, 242, 234, 0.9);
}
.lch-book-cta__btn {
display: inline-flex;
align-items: center;
gap: 0.65rem;
padding: 0.95rem 1.35rem;
background: var(--lch-bc-gold);
color: #2a2118;
text-decoration: none;
font-family: "Outfit", system-ui, sans-serif;
font-weight: 500;
font-size: 0.74rem;
letter-spacing: 0.16em;
text-transform: uppercase;
border: 0;
cursor: pointer;
transition: background 0.25s ease, transform 0.25s ease;
}
.lch-book-cta__btn:hover,
.lch-book-cta__btn:focus-visible {
background: #d4b78a;
outline: none;
}
@media (max-width: 700px) {
.lch-book-cta__inner {
width: calc(100% - 2.4rem);
margin-left: 1.2rem;
padding-bottom: 5rem;
}
.lch-book-cta__title {
max-width: none;
}
.lch-book-cta__btn {
max-width: 100%;
justify-content: center;
text-align: center;
letter-spacing: 0.1em;
white-space: normal;
line-height: 1.35;
}
}