.lch-detendez-activites {
--lch-da-bg: #f7f3ed;
--lch-da-card: #ffffff;
--lch-da-ink: #2a2622;
--lch-da-muted: #5a534c;
--lch-da-gold: #b8924a;
--lch-da-gold-soft: #9a7d55;
--lch-da-line: rgba(42, 38, 34, 0.12);
position: relative;
isolation: isolate;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
min-height: min(72vh, 40rem);
background: var(--lch-da-bg);
color: var(--lch-da-ink);
overflow: hidden;
font-family: "Outfit", system-ui, sans-serif;
}
.lch-detendez-activites__media {
margin: 0;
min-height: 100%;
background: #d9d3c8;
overflow: hidden;
}
.lch-detendez-activites__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.lch-detendez-activites__panel {
display: flex;
align-items: center;
padding: clamp(2.5rem, 5vw, 4rem) clamp(1.75rem, 4.5vw, 3.75rem);
box-sizing: border-box;
}
.lch-detendez-activites__copy {
width: min(34rem, 100%);
}
.lch-detendez-activites__eyebrow {
margin: 0 0 0.85rem;
font-size: 0.72rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--lch-da-gold-soft);
font-weight: 400;
}
.lch-detendez-activites__title,
.wpcursor-component.lch-detendez-activites .lch-detendez-activites__title,
.lch-detendez-activites h2.lch-detendez-activites__title {
margin: 0 0 1.2rem !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(2.05rem, 3.7vw, 2.95rem) !important;
line-height: 1.12 !important;
color: var(--lch-da-ink) !important;
}
.lch-detendez-activites__title-lead,
.lch-detendez-activites__title-accent,
.wpcursor-component.lch-detendez-activites .lch-detendez-activites__title-lead,
.wpcursor-component.lch-detendez-activites .lch-detendez-activites__title-accent,
.lch-detendez-activites h2.lch-detendez-activites__title span {
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
letter-spacing: normal !important;
text-transform: none !important;
}
.lch-detendez-activites__title-accent,
.wpcursor-component.lch-detendez-activites .lch-detendez-activites__title-accent {
font-family: "Cormorant Garamond", Georgia, serif !important;
display: inline !important;
margin-left: 0.28em !important;
color: #b8924a !important;
font-weight: 600 !important;
}
.lch-detendez-activites__text {
margin: 0 0 0.95rem;
font-weight: 300;
font-size: clamp(0.94rem, 1.3vw, 1.02rem);
line-height: 1.7;
color: var(--lch-da-muted);
}
.lch-detendez-activites__features {
list-style: none;
margin: 1.75rem 0 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.lch-detendez-activites__feature {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 0.7rem;
min-height: 7.5rem;
padding: 1rem 0.7rem;
background: var(--lch-da-card);
border: 1px solid var(--lch-da-line);
text-align: center;
box-sizing: border-box;
}
.lch-detendez-activites__feature-icon {
display: grid;
place-items: center;
color: var(--lch-da-gold);
}
.lch-detendez-activites__feature-label {
font-size: 0.88rem;
line-height: 1.3;
font-weight: 400;
color: var(--lch-da-ink);
}
@media (max-width: 980px) {
.lch-detendez-activites {
grid-template-columns: 1fr;
min-height: 0;
}
.lch-detendez-activites__media {
min-height: min(58vw, 22rem);
aspect-ratio: 4 / 3;
}
}
@media (max-width: 640px) {
.lch-detendez-activites__panel {
padding: 2.25rem 1.2rem 2.5rem;
}
.lch-detendez-activites__features {
grid-template-columns: 1fr;
}
.lch-detendez-activites__feature {
min-height: 0;
flex-direction: row;
justify-content: flex-start;
gap: 0.9rem;
padding: 0.95rem 1rem;
text-align: left;
}
.lch-detendez-activites__title-accent {
font-family: "Cormorant Garamond", Georgia, serif !important;
display: inline-block !important;
margin-left: 0 !important;
}
}