:root{--stories-gap:4rem;@media (min-width:768px){--stories-gap:3rem}@media (min-width:1024px){--stories-gap:4rem}}.stories-wrapper{display:flex;flex-direction:column;justify-content:center;@media (min-width:768px){flex-direction:row}}.story{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:var(--padding-y) var(--padding-x) var(--padding-y) calc(var(--padding-x)*1.5);position:relative;width:100%;@media (min-width:768px){overflow:visible}}.story:nth-child(2n){background:var(--color-green-500)}.story:nth-child(odd){background:var(--color-green-200)}.story-icon{filter:brightness(0) saturate(100%) invert(73%) sepia(59%) saturate(6904%) hue-rotate(117deg) brightness(91%) contrast(101%);margin-bottom:1rem;max-width:2rem}.story-line{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23000' stroke-dasharray='6, 14' stroke-linecap='square' stroke-width='3'/%3E%3C/svg%3E");bottom:0;height:100%;left:calc(var(--padding-x)*.75);position:absolute;right:var(--padding-x);top:0;width:1px;z-index:0;&:after,&:before{background:var(--color-white);border:1px solid var(--color-black);border-radius:11px;content:"";display:block;height:11px;position:absolute;width:11px}&:before{left:-5px;top:-5px}&:after{bottom:-5px;left:-5px}@media (min-width:768px){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-dasharray='6, 14' stroke-linecap='square' stroke-width='4'/%3E%3C/svg%3E");height:1px;left:0;right:0;top:0;width:100%;&:after{bottom:-5px;left:auto;right:-6px}}}.story-title{margin-bottom:.5rem}