section.counter-block{display:grid;grid-template-columns:1fr 1fr;& h2{grid-column-end:span 2;padding:0 clamp(var(--regular-padding),calc(calc(100% - var(--content-width)) / 2),9999px) clamp(20px,7.4vmin,80px) clamp(var(--regular-padding),calc(calc(100% - var(--content-width)) / 2),9999px)}& aside{position:relative}.image{position:absolute;height:100%;width:100%;object-fit:cover;object-position:center;box-shadow:0 14px 0 -8px #e2dedce5}& article{width:clamp(300px,49vw,1200px);position:relative;display:grid;grid-template-columns:1fr;gap:40px;padding:0 clamp(var(--regular-padding),calc(calc(100% - var(--content-width)) / 2),9999px) 0 100px}& article:after{content:"";position:absolute;display:block;width:calc(100% + clamp(20px,7.4vmin,80px));height:calc(100% + clamp(20px,7.4vmin,80px)*2);top:calc(0px - clamp(20px,7.4vmin,80px));left:calc(0px - clamp(20px,7.4vmin,80px));bottom:calc(0px - clamp(20px,7.4vmin,80px));z-index:-1;background:#faf8f7}& article>div{position:relative;flex-basis:200px;font-size:.88em}& article>div:nth-child(1):after{content:"";position:absolute;height:100%;width:100%;top:20px;left:0;border-bottom:1px solid rgb(226,222,220)}& article>div:nth-child(2):after{content:"";position:absolute;height:100%;width:100%;top:20px;left:0;border-bottom:1px solid rgb(226,222,220)}& article div .counter{color:var(--tredion-orange);font-size:80px;font-family:BeauSansThin;font-weight:300}& article div h4{margin-block-start:0px;margin-block-end:0px}}@media(width>1200px){section.counter-block>article{grid-template-columns:220px 220px}}@media(width<1200px){section.counter-block{grid-template-columns:1fr;grid-template-rows:auto 3fr 1fr;& h2{grid-column-end:span 1;padding-top:var(--regular-padding)}& article{width:100%;padding:var(--regular-padding) clamp(var(--regular-padding),calc(calc(100% - var(--content-width)) / 2),9999px);grid-template-columns:1fr 1fr}& aside{order:2}}}@media(width<800px){section.counter-block{& article{grid-template-columns:1fr;& div:after{content:none!important}}}}