.lch-detendez-intro {
--lch-di-bg: #f7f3ed;
--lch-di-ink: #2a2622;
--lch-di-muted: #5a534c;
--lch-di-gold: #9a7d55;
--lch-di-line: rgba(154, 125, 85, 0.35);
--lch-di-leaf: rgba(154, 125, 85, 0.42);
position: relative;
isolation: isolate;
background: var(--lch-di-bg);
color: var(--lch-di-ink);
padding: clamp(3.5rem, 7.5vw, 5.75rem) 0;
overflow: hidden;
font-family: "Outfit", system-ui, sans-serif;
}
.lch-detendez-intro__botanical {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
color: var(--lch-di-leaf);
}
.lch-detendez-intro__branch {
position: absolute;
left: clamp(-3.5rem, -2vw, -0.5rem);
top: 50%;
transform: translateY(-52%);
width: clamp(7.5rem, 14vw, 11rem);
height: auto;
opacity: 0.95;
}
.lch-detendez-intro__inner {
position: relative;
z-index: 1;
width: min(1180px, calc(100% - 3rem));
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(0, 1fr);
align-items: start;
box-sizing: border-box;
}
.lch-detendez-intro__col {
min-width: 0;
padding: 0 clamp(1.35rem, 2.8vw, 2.35rem);
}
.lch-detendez-intro__col--title {
padding-left: clamp(2.5rem, 5vw, 4rem);
}
.lch-detendez-intro__col--text + .lch-detendez-intro__col--text,
.lch-detendez-intro__col--title + .lch-detendez-intro__col--text {
border-left: 1px solid var(--lch-di-line);
}
.lch-detendez-intro__eyebrow {
margin: 0 0 1rem;
font-size: 0.72rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--lch-di-gold);
font-weight: 400;
}
.lch-detendez-intro__title,
.wpcursor-component.lch-detendez-intro .lch-detendez-intro__title,
.lch-detendez-intro h2.lch-detendez-intro__title {
margin: 0 !important;
max-width: 11ch;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(1.9rem, 3.3vw, 2.65rem) !important;
line-height: 1.18 !important;
letter-spacing: 0.01em !important;
color: var(--lch-di-ink) !important;
text-wrap: balance;
}
.lch-detendez-intro__text {
margin: 0;
font-weight: 300;
font-size: clamp(0.95rem, 1.35vw, 1.05rem);
line-height: 1.75;
color: var(--lch-di-muted);
}
@media (max-width: 980px) {
.lch-detendez-intro__inner {
grid-template-columns: 1fr 1fr;
gap: 1.75rem 0;
}
.lch-detendez-intro__col--title {
grid-column: 1 / -1;
padding-left: clamp(1.5rem, 4vw, 2.5rem);
padding-right: clamp(1.35rem, 2.8vw, 2.35rem);
padding-bottom: 0.35rem;
}
.lch-detendez-intro__title {
max-width: 18ch;
}
.lch-detendez-intro__col--title + .lch-detendez-intro__col--text {
border-left: 0;
}
.lch-detendez-intro__col--text + .lch-detendez-intro__col--text {
border-left: 1px solid var(--lch-di-line);
}
.lch-detendez-intro__branch {
opacity: 0.55;
width: clamp(5.5rem, 18vw, 8rem);
}
}
@media (max-width: 700px) {
.lch-detendez-intro {
padding: 2.85rem 0 2.6rem;
}
.lch-detendez-intro__inner {
width: calc(100% - 2.3rem);
grid-template-columns: 1fr;
gap: 1.35rem;
}
.lch-detendez-intro__col,
.lch-detendez-intro__col--title {
padding: 0;
}
.lch-detendez-intro__col--text + .lch-detendez-intro__col--text,
.lch-detendez-intro__col--title + .lch-detendez-intro__col--text {
border-left: 0;
border-top: 1px solid var(--lch-di-line);
padding-top: 1.35rem;
}
.lch-detendez-intro__title {
max-width: none;
}
.lch-detendez-intro__branch {
left: -2.8rem;
top: 1.2rem;
transform: none;
width: 5.5rem;
opacity: 0.4;
}
}