.page-designer-reference .article{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}@media(min-width: 992px){.page-designer-reference .article{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.page-designer-reference .article-image-container{aspect-ratio:1/1;background-repeat:no-repeat;background-size:cover;background-position:center}@media(min-width: 768px){.page-designer-reference .article-image-container{height:-webkit-fill-available;height:-moz-available;height:stretch;aspect-ratio:unset}}.page-designer-reference .article-inner{width:100%}@media(min-width: 768px){.page-designer-reference .article-inner{max-height:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page-designer-reference .article-inner .article-image-container{-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%}.page-designer-reference .article-inner .article-content{-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%}}@media(min-width: 992px){.page-designer-reference .article-image-right .article-inner{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}}.page-designer-reference .article-content{padding:24px}@media(min-width: 992px){.page-designer-reference .article-content{padding:60px}.read-more .page-designer-reference .article-content{width:100%}}@media(min-width: 1200px){.read-more .page-designer-reference .article-content{width:100%}}.page-designer-reference .article-content-title{margin-bottom:16px}@media(min-width: 1200px){.page-designer-reference .article-content-title{margin-bottom:24px}}.page-designer-reference .article-content-text{font-size:16px;font-weight:600}@media(min-width: 992px){.page-designer-reference .article-content-text{font-size:20px}}.page-designer-reference .article-content-text *{color:inherit}.page-designer-reference .article-content-text p{margin-bottom:0}.page-designer-reference .article-content-text p:not(:first-of-type) br{margin-top:45px}.page-designer-reference .article-buttons{margin-top:16px}@media(min-width: 992px){.page-designer-reference .article-buttons{margin-top:24px}}.page-designer-reference .article-buttons .button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.page-designer-reference .article-image{width:100%}