.cc_5wnqhdky_PXHfKL1b6I .crec { padding: clamp(4rem, 8vw, 7rem) 0; color: var(--hanne-ink); transition: background .8s var(--hanne-ease); }
.cc_5wnqhdky_PXHfKL1b6I .crec__in { display: grid; gap: 2.4rem; }
@media (min-width: 1024px) { .cc_5wnqhdky_PXHfKL1b6I .crec__in { grid-template-columns: .8fr 1.2fr; align-items: center; } }
.cc_5wnqhdky_PXHfKL1b6I .crec__title { font-size: clamp(2.8rem, 6vw, 5.4rem); }
.cc_5wnqhdky_PXHfKL1b6I .crec__title span { display: block; }
.cc_5wnqhdky_PXHfKL1b6I .crec__text { max-width: 26rem; margin: 1rem 0 0; }
.cc_5wnqhdky_PXHfKL1b6I .crec__walls { display: flex; flex-wrap: wrap; gap: .6rem; margin-top: 1.6rem; }
.cc_5wnqhdky_PXHfKL1b6I .crec__walls button { display: flex; align-items: center; gap: .6rem; padding: .35rem .9rem .35rem .35rem; border: 0; border-radius: 3rem; background: rgba(255, 255, 255, .6); color: inherit; cursor: pointer; }
.cc_5wnqhdky_PXHfKL1b6I .crec__walls i { width: 2rem; height: 2rem; border-radius: 50%; border: 2px solid var(--hanne-white); }
.cc_5wnqhdky_PXHfKL1b6I .crec__walls button.on { background: var(--hanne-ink); color: var(--hanne-white); }
.cc_5wnqhdky_PXHfKL1b6I .crec__trio { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; align-items: end; }
.cc_5wnqhdky_PXHfKL1b6I .crec__item { display: grid; gap: .2rem; color: inherit; text-decoration: none; transition: transform .7s var(--hanne-ease), opacity .3s; }
.cc_5wnqhdky_PXHfKL1b6I .crec__item--arch { transform: translateY(-2rem); }
.cc_5wnqhdky_PXHfKL1b6I .crec__ph { display: block; aspect-ratio: 3 / 4; border-radius: 1.6rem; overflow: hidden; margin-bottom: .5rem; }
.cc_5wnqhdky_PXHfKL1b6I .crec__item--arch .crec__ph { border-radius: 50vw 50vw 1.6rem 1.6rem; }
.cc_5wnqhdky_PXHfKL1b6I .crec__ph img { width: 100%; height: 100%; object-fit: cover; }
.cc_5wnqhdky_PXHfKL1b6I .crec__trio.is-swap .crec__item { opacity: 0; transform: translateY(1.5rem); }