.lch-evenements-prives-experience {
--lch-ee-bg: #f9f8f4;
--lch-ee-ink: #2a2622;
--lch-ee-muted: #5a534c;
--lch-ee-gold: #b8924a;
--lch-ee-gold-soft: #9a7d55;
position: relative;
isolation: isolate;
overflow-x: clip;
background: var(--lch-ee-bg);
color: var(--lch-ee-ink);
padding: clamp(3rem, 6.5vw, 5rem) 0;
font-family: "Outfit", system-ui, sans-serif;
}
.lch-evenements-prives-experience__inner {
width: min(1240px, calc(100% - 3rem));
margin: 0 auto;
box-sizing: border-box;
}
.lch-evenements-prives-experience__header {
margin: 0 0 clamp(2rem, 4vw, 2.85rem);
}
.lch-evenements-prives-experience__eyebrow {
margin: 0 0 0.85rem;
font-size: 0.72rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--lch-ee-gold-soft);
font-weight: 400;
}
.lch-evenements-prives-experience__title,
.wpcursor-component.lch-evenements-prives-experience .lch-evenements-prives-experience__title,
.lch-evenements-prives-experience h2.lch-evenements-prives-experience__title {
margin: 0 !important;
max-width: 18ch;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(2rem, 3.6vw, 2.9rem) !important;
line-height: 1.15 !important;
color: var(--lch-ee-ink) !important;
}
.lch-evenements-prives-experience__title-mark {
display: inline;
border-bottom: 1.5px solid var(--lch-ee-gold);
padding-bottom: 0.18em;
}
.lch-evenements-prives-experience__grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: clamp(1.25rem, 2.5vw, 2rem);
}
.lch-evenements-prives-experience__item {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.7rem;
min-width: 0;
}
.lch-evenements-prives-experience__icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--lch-ee-gold);
margin-bottom: 0.15rem;
}
.lch-evenements-prives-experience__name,
.wpcursor-component.lch-evenements-prives-experience .lch-evenements-prives-experience__name,
.lch-evenements-prives-experience h3.lch-evenements-prives-experience__name {
margin: 0 !important;
font-family: "Outfit", system-ui, sans-serif !important;
font-weight: 500 !important;
font-size: clamp(1rem, 1.35vw, 1.12rem) !important;
line-height: 1.3 !important;
color: var(--lch-ee-ink) !important;
}
.lch-evenements-prives-experience__text {
margin: 0;
font-weight: 300;
font-size: clamp(0.9rem, 1.15vw, 0.98rem);
line-height: 1.65;
color: var(--lch-ee-muted);
}
@media (max-width: 960px) {
.lch-evenements-prives-experience__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.75rem 1.35rem;
}
}
@media (max-width: 560px) {
.lch-evenements-prives-experience__inner { width: calc(100% - 2.2rem); }
.lch-evenements-prives-experience__grid {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.lch-evenements-prives-experience__title {
max-width: none;
}
}