:root {--gutter: 26px;--mobile-margin: 16px;--locking-grid: true;}:root {--mq-xs: 320px;--mq-sm: 479px;--mq-md: 700px;--mq-lg: 1024px;--mq-xl: 1280px;--max-width: 1080px;}.section--collelement {position: relative;margin-bottom: 2em;border-top: 5px solid var(--color-quaternary-500);}.section--collelement .section__img {display: block;width: 100%;height: auto;}.section--collelement .section__header {position: relative;padding: 1em calc(var(--gutter) / 2) 0.25em;background-color: white;}.section--collelement .section__title {margin: 0 0 .25em;font-weight: 500;font-size: 1.5em;line-height: 1.3em;}.section--collelement .section__description>*:first-child {margin-top: 0;}.section--collelement .section__description>*:last-child {margin-bottom: 0;}.section--collelement .section__list {list-style-type: none;position: relative;margin: 0;padding: calc(var(--gap) * 3/4) 0 0;background-color: var(--cbg);}.section--collelement .post__link {display: block;padding: .5em 1em .5em 0;font-weight: 500;border-top: 1px solid var(--color-secondary-400);-webkit-transition: padding .05s;transition: padding .05s;}.section--collelement .post__link:hover,.section--collelement .post__link:focus {padding: .5em .5em .5em .5em;color: white;background-color: var(--color-secondary-400);}@media screen and (min-width: 700px) {.section--collelement {margin-bottom: 4em;}.section--collelement .section__media {position: absolute;top: 0;left: 50%;width: 50vw;height: 100%;max-height: 400px;overflow: hidden;}.section--collelement .section__img {height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 50% 50%;object-position: 50% 50%;}.section--collelement .section__header {width: 50%;padding: 2em var(--gutter) 1em 0;}.section--collelement .section__header::before {content: '';position: absolute;display: block;top: 0;left: 50%;right: 50%;margin-left: -50vw;width: 100vw;height: 100%;z-index: -1;background-color: white;}.section--collelement .section__title {font-size: 2em;}.section--collelement .section__description p {font-size: 1.1em;line-height: 1.5em;}.section--collelement .section__list {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: calc(var(--gap) / 4) var(--gap);}}@media screen and (min-width: 1024px) {.section--collelement .section__description p {font-size: 1.2em;}.section--collelement .section__list {max-width: 75%;padding-right: var(--gap);}}