.lch-evenements-prives-cta {
--lch-ec-ink: #ffffff;
--lch-ec-muted: rgba(255, 255, 255, 0.88);
--lch-ec-gold: #c5943b;
--lch-ec-gold-hover: #d4a84f;
position: relative;
isolation: isolate;
overflow: hidden;
display: flex;
align-items: center;
min-height: clamp(11.5rem, 22vw, 14.5rem);
background: #2a3228;
color: var(--lch-ec-ink);
padding: clamp(2.4rem, 5vw, 3.4rem) 0;
font-family: "Outfit", system-ui, sans-serif;
}
.lch-evenements-prives-cta__media {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
}
.lch-evenements-prives-cta__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
transform: scale(1.08);
filter: blur(5px) saturate(0.85) brightness(0.55);
}
.lch-evenements-prives-cta__veil {
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(28, 34, 26, 0.72) 0%, rgba(28, 34, 26, 0.55) 45%, rgba(28, 34, 26, 0.62) 100%),
rgba(30, 36, 28, 0.35);
}
.lch-evenements-prives-cta__inner {
position: relative;
z-index: 1;
width: min(1240px, calc(100% - 3rem));
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.2fr) auto;
gap: clamp(1.5rem, 4vw, 3rem);
align-items: center;
box-sizing: border-box;
}
.lch-evenements-prives-cta__title,
.wpcursor-component.lch-evenements-prives-cta .lch-evenements-prives-cta__title,
.lch-evenements-prives-cta h2.lch-evenements-prives-cta__title {
margin: 0 0 0.55rem !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(1.85rem, 3.2vw, 2.55rem) !important;
line-height: 1.15 !important;
color: #fff !important;
}
.lch-evenements-prives-cta__text {
margin: 0;
max-width: 36rem;
font-weight: 300;
font-size: clamp(0.94rem, 1.25vw, 1.05rem);
line-height: 1.6;
color: var(--lch-ec-muted);
}
.lch-evenements-prives-cta__action {
margin: 0;
justify-self: end;
}
.lch-evenements-prives-cta__btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.65rem;
padding: 1rem 1.45rem;
background: var(--lch-ec-gold);
color: #fff !important;
text-decoration: none !important;
font-family: "Outfit", system-ui, sans-serif;
font-weight: 500;
font-size: 0.78rem;
letter-spacing: 0.12em;
text-transform: uppercase;
line-height: 1.2;
border: 0;
border-radius: 0;
white-space: nowrap;
transition: background 0.25s ease, transform 0.25s ease;
}
.lch-evenements-prives-cta__btn:hover,
.lch-evenements-prives-cta__btn:focus-visible {
background: var(--lch-ec-gold-hover);
color: #fff !important;
transform: translateY(-1px);
}
.lch-evenements-prives-cta__arrow {
font-size: 1.05em;
line-height: 1;
}
@media (max-width: 860px) {
.lch-evenements-prives-cta__inner {
grid-template-columns: 1fr;
justify-items: start;
gap: 1.35rem;
}
.lch-evenements-prives-cta__action {
justify-self: start;
}
.lch-evenements-prives-cta__btn {
white-space: normal;
text-align: center;
}
}
@media (max-width: 560px) {
.lch-evenements-prives-cta__inner { width: calc(100% - 2.2rem); }
.lch-evenements-prives-cta__btn {
width: 100%;
box-sizing: border-box;
}
}
@media (prefers-reduced-motion: reduce) {
.lch-evenements-prives-cta__btn { transition: none; }
.lch-evenements-prives-cta__btn:hover { transform: none; }
.lch-evenements-prives-cta__image { filter: brightness(0.45) saturate(0.85); transform: none; }
}