.scroll-list{--header-height: 100px;--column-top: calc(var(--header-height) + var(--spacing-md));--bullet-size: var(--spacing-sm);--bullet-position: calc(var(--spacing-md) * -1);--line-position: calc(var(--bullet-size) / 2);background:var(--color-section-bg)}.scroll-list__content{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.scroll-list__column.column--image{order:1}.scroll-list__image .scroll-list__img{width:100%;height:auto}.scroll-list__columnContent{display:grid;grid-template-columns:repeat(2,auto);gap:var(--spacing-md)}.scroll-list__columnContent .scroll-list__columnLine{display:block;width:2px;height:100%;background:#000;transform-origin:top;transform:translate(var(--line-position))}.scroll-list__item{position:relative}.scroll-list__item:before{content:"";position:absolute;top:0;left:var(--bullet-position);width:var(--bullet-size);height:var(--bullet-size);border:2px solid black;border-radius:100%;background:#000}.scroll-list__item:first-child .scroll-list__detailsDescription p{margin-top:0}@media (min-width: 768px){.scroll-list__content{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.scroll-list__column.image--left{order:0}.scroll-list__column.image--right{order:1}.scroll-list__image{position:sticky;top:var(--column-top)}}@media (min-width: 1200px){.scroll-list__content{gap:var(--spacing-lg)}.scroll-list__content.layout-full-width .column--details{max-width:70%}}