.article{--article-wrapper-offset:0px;--article-wrapper-padding-inline:0px;-webkit-margin-after:var(--section-vertical-spacing);margin-block-end:var(--section-vertical-spacing)}.article__toolbar{width:100vw;visibility:hidden;z-index:1;padding-block:1rem;transition:transform .2s,visibility .2s;position:fixed;inset-block-start:var(--sticky-area-height);transform:translateY(-100%)}.article__toolbar.is-visible{visibility:visible;transform:translateY(0)}.article__toolbar .social-media{gap:.75rem 1rem}.article__toolbar .social-media svg{width:1rem;height:1rem}.article__image{overflow:hidden}.article__image.aspect-ratio{max-height:var(--article-image-height);display:block}.article__image>img{height:var(--article-image-height);-o-object-fit:cover;object-fit:cover}.article__wrapper{padding:1.5rem var(--article-wrapper-padding-inline) 0;background:rgba(var(--background),1);gap:5rem;-webkit-margin-start:calc(max(var(--container-gutter),50% - var(--container-max-width)/ 2 - var(--article-wrapper-padding-inline)));margin-inline-start:calc(max(var(--container-gutter),50% - var(--container-max-width)/ 2 - var(--article-wrapper-padding-inline)));-webkit-margin-end:calc(max(var(--container-gutter),50% - var(--container-max-width)/ 2 - var(--article-wrapper-padding-inline)));margin-inline-end:calc(max(var(--container-gutter),50% - var(--container-max-width)/ 2 - var(--article-wrapper-padding-inline)));display:grid;position:relative}.article__image+.article__wrapper{-webkit-margin-before:var(--article-wrapper-offset);margin-block-start:var(--article-wrapper-offset)}.article__comments{gap:inherit;scroll-margin-block-start:calc(var(--sticky-area-height) + 20px);display:grid}.article__footer{gap:2.5rem;display:grid}@media screen and (min-width:700px){.article{--article-wrapper-offset:-2.75rem;--article-wrapper-padding-inline:3.125rem}.article__wrapper{gap:6.25rem;-webkit-padding-before:2.5rem;padding-block-start:2.5rem}.article__footer{grid:auto/auto-flow minmax(0,1fr);align-items:center}}@media screen and (min-width:1000px){.article{--article-wrapper-offset:-4.375rem}}.comment{gap:1.125rem;display:grid}.comment:not(:first-child){-webkit-padding-before:2rem;padding-block-start:2rem}.article__wrapper .aspect-ratio{display:block}