.lch-trappeur {
--lch-tr-bg: #f4efe8;
--lch-tr-ink: #2a2622;
--lch-tr-muted: #5f584f;
--lch-tr-gold: #9a7d55;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(16rem, 0.95fr) minmax(0, 1.05fr);
min-height: clamp(28rem, 62vh, 40rem);
background: var(--lch-tr-bg);
color: var(--lch-tr-ink);
overflow: hidden;
}
.lch-trappeur__hero {
position: relative;
margin: 0;
min-height: 100%;
overflow: hidden;
background: #d9d3c8;
}
.lch-trappeur__hero-img,
.lch-trappeur__shot img {
display: block;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center;
}
.lch-trappeur__hero-img {
position: absolute;
inset: 0;
}
.lch-trappeur__script {
position: absolute;
left: 8%;
top: 8%;
z-index: 1;
margin: 0;
max-width: 11ch;
word-break: break-word;
font-family: "Great Vibes", "Cormorant Garamond", cursive !important;
font-size: clamp(1.8rem, 3.2vw, 2.7rem);
line-height: 1.05;
color: rgba(255, 255, 255, 0.92);
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
pointer-events: none;
}
.lch-trappeur__copy {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
padding: clamp(2rem, 4vw, 3.25rem) clamp(1.35rem, 2.8vw, 2.4rem);
box-sizing: border-box;
background: var(--lch-tr-bg);
overflow: hidden;
}
.lch-trappeur__eyebrow {
margin: 0 0 0.85rem;
font-family: "Outfit", system-ui, sans-serif;
font-size: 0.72rem;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--lch-tr-gold);
}
.lch-trappeur__title,
.wpcursor-component.lch-trappeur .lch-trappeur__title,
.lch-trappeur h2.lch-trappeur__title {
margin: 0 0 1rem !important;
font-family: "Cormorant Garamond", Georgia, serif !important;
font-weight: 500 !important;
font-size: clamp(1.9rem, 3.4vw, 2.7rem) !important;
line-height: 1.12 !important;
color: var(--lch-tr-ink) !important;
}
.lch-trappeur__text {
margin: 0 0 1.4rem;
font-family: "Outfit", system-ui, sans-serif;
font-weight: 300;
font-size: 0.95rem;
line-height: 1.7;
color: var(--lch-tr-muted);
}
.lch-trappeur__features {
list-style: none;
margin: 0 0 1.6rem;
padding: 0;
display: grid;
gap: 0.8rem;
}
.lch-trappeur__feature {
display: grid;
grid-template-columns: 1.25rem 1fr;
gap: 0.7rem;
align-items: start;
font-family: "Outfit", system-ui, sans-serif;
font-size: 0.86rem;
line-height: 1.4;
color: var(--lch-tr-ink);
}
.lch-trappeur__feature-icon {
color: var(--lch-tr-gold);
display: grid;
place-items: center;
padding-top: 0.05rem;
}
.lch-trappeur__cta {
display: inline-flex;
align-items: center;
gap: 0.55rem;
align-self: flex-start;
padding: 0.8rem 1.25rem;
border: 1px solid var(--lch-tr-gold);
color: var(--lch-tr-gold);
text-decoration: none;
font-family: "Outfit", system-ui, sans-serif;
font-size: 0.72rem;
letter-spacing: 0.18em;
text-transform: uppercase;
transition: background 0.25s ease, color 0.25s ease;
}
.lch-trappeur__cta:hover,
.lch-trappeur__cta:focus-visible {
background: var(--lch-tr-gold);
color: #fff;
outline: none;
}
.lch-trappeur__leaf {
position: absolute;
right: 0.75rem;
bottom: 0.75rem;
width: 4.5rem;
color: rgba(154, 125, 85, 0.28);
pointer-events: none;
}
.lch-trappeur__collage {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 0.55rem;
padding: 0.55rem;
box-sizing: border-box;
background: var(--lch-tr-bg);
min-height: 100%;
}
.lch-trappeur__shot {
margin: 0;
position: relative;
overflow: hidden;
background: #d9d3c8;
min-height: 0;
}
.lch-trappeur__shot img {
position: absolute;
inset: 0;
}
.lch-trappeur__shot--top {
grid-column: 1 / -1;
}
@media (max-width: 980px) {
.lch-trappeur {
grid-template-columns: 1fr;
min-height: 0;
}
.lch-trappeur__hero {
aspect-ratio: 4 / 5;
min-height: 0;
}
.lch-trappeur__collage {
min-height: 22rem;
}
}
@media (max-width: 700px) {
.lch-trappeur__collage {
min-height: 18rem;
gap: 0.4rem;
padding: 0.4rem;
}
}