.article{margin:var(--spacing-m) 0}@media screen and (min-width:768px){.article{grid-template-areas:"article-heading article-image" "article-content article-image" "article-content article-sidebar";grid-template-rows:auto auto 1fr;margin:var(--spacing-xl) 0}.article,.article-section{display:grid;gap:0 8.3333333333%;grid-template-columns:50% 41.6666666667%}.article-section{grid-template-areas:"article-content article-sidebar";grid-template-rows:auto auto auto}.article__heading{grid-area:article-heading}}.article__image{margin-bottom:var(--spacing);width:100%}@media screen and (max-width:767px){.article__image{margin-left:calc(var(--padding-page-mobile)*-1);margin-right:calc(var(--padding-page-mobile)*-1);width:-webkit-calc(100% + var(--padding-page-mobile)*2);width:calc(100% + var(--padding-page-mobile)*2)}.article__image figcaption{padding:0 var(--padding-page-mobile)}}@media screen and (min-width:768px){.article__image{grid-area:article-image}}.article__image img,.article__image picure{height:auto;width:100%}.article__content{font-size:1.25rem}@media screen and (min-width:768px){.article__content{grid-area:article-content}}.article__main-intro{font-size:1.5rem;font-weight:600}.article__main-body>h2{font-size:1.5rem}.article__main-body>h2:not(:first-child){margin-top:2.5rem}.article__main-body>h3{font-size:1.25rem;margin-top:1.875rem}@media screen and (min-width:768px){.article__blocks{grid-area:article-sidebar}}