.article-banner{align-items:center;display:flex;gap:var(--so-block-gap,32px);position:relative;width:100%;h3{margin:0;max-width:204px;width:100%}&:before{background-color:var(--so-color-mint-mist);bottom:0;content:"";left:0;margin-left:calc((100dvw - var(--so-container-size))/2*-1);margin-right:calc((100dvw - var(--so-container-size))/2*-1);position:absolute;top:0;width:100dvw;z-index:-1}.article-slideshow{position:relative;width:calc(100% - 204px - var(--so-block-gap, 32px));&:after,&:before{background:linear-gradient(-90deg,#d5ece1,rgba(213,236,225,0));bottom:0;content:"";display:block;pointer-events:none;position:absolute;right:calc(var(--so-body-spacing)*-1);top:0;transition:all .1s ease;width:140px}&:before{background:linear-gradient(90deg,#d5ece1,rgba(213,236,225,0));left:calc(var(--so-body-spacing)*-1);opacity:1;z-index:1}&:has(.slick-next.slick-disabled){&:after{opacity:0}}&:has(.slick-prev.slick-disabled){&:before{opacity:0}}.slick-slide{margin:0 16px}.slick-list{margin:0 -16px;width:100%}.slick-arrow{position:absolute;top:50%;transform:translateY(-50%) translateX(50%);z-index:1}.slick-next{right:0}.slick-prev{left:0;transform:translateY(-50%) translateX(-50%) rotate(180deg)}article{align-items:flex-start;display:flex;gap:8px;padding:28px 0;position:relative;a{text-decoration:none}&:hover{.blog-post-tag-link,h4{opacity:.4}}.blog-post-tag-link{background-color:var(--so-color-white);z-index:2;&:hover{background-color:var(--so-color-green);color:var(--so-color-white);opacity:1}}h4{color:var(--so-color-navy);display:-webkit-box;-webkit-line-clamp:3;margin:0;max-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:wrap;-webkit-box-orient:vertical;transition:var(--so-transition-speed) ease all}.button{align-self:center;background-position:50%;flex:0 0 40px;height:40px;margin-left:auto;min-height:40px;padding:0;width:40px;&:before{content:"";height:100%;inset:0;position:absolute;width:100%;z-index:1}}}&.is-scrolled{padding-left:40px}}@media screen and (width <= 1344px){&:before{margin-left:calc(var(--so-body-spacing)*-1);margin-right:calc(var(--so-body-spacing)*-1)}.article-slideshow{.slick-prev{transform:translateY(-50%) translateX(0) rotate(180deg)}.slick-next{transform:translateY(-50%) translateX(0)}}}@media screen and (width <= 880px){flex-direction:column;gap:4px;padding-top:16px;h3{max-width:100%;text-align:center}.article-slideshow{width:100%;.slick-list{width:100vw}article{padding:16px 0}}}@media screen and (width <= 600px){h3{text-align:left}.article-slideshow{margin-left:calc(var(--so-body-spacing)*-1);margin-right:calc(var(--so-body-spacing)*-1);&:before{opacity:0}&:has(.slick-slide:last-of-type:is(.slick-active)){&:before{opacity:1}&:after{opacity:0}}}}}