.section-blog{position:relative}.section-blog__header{text-align:center;max-width:1024px;margin:0 auto;display:grid;grid-template-rows:auto;gap:.5em;margin-bottom:2em}.section-blog__header h1,.section-blog__header p{margin-bottom:0}.section-blog__header p{font-size:1.2em}.section-blog__content{display:grid;grid-template-columns:repeat(2,1fr);gap:2em 1em}@media (max-width:768px){.section-blog__content{grid-template-columns:repeat(1,1fr)}}.section-blog__article{display:grid;grid-template-rows:auto 1fr;gap:1em;position:relative;top:0;opacity:1;transition-property:top,opacity;transition-duration:.5s;transition-timing-function:ease-out}.section-blog__article.preload{top:.5em;opacity:0}.section-blog__image a{display:block;position:relative;overflow:hidden;height:0;padding-bottom:66.66666%}.section-blog__image a img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.section-blog__details{display:grid;grid-template-rows:auto auto 1fr;gap:.25em}.section-blog__details--tags{grid-template-rows:auto auto auto 1fr}.section-blog__details h3{font-size:1.6em;margin:0}.section-blog__details h3 a{text-decoration:none}.section-blog__details h3 a:focus,.section-blog__details h3 a:hover{text-decoration:underline}.section-blog__details p{margin:0;margin-top:.6em;line-height:1.5}.section-blog__details .read-more{display:inline-block;font-weight:700;text-underline-offset:3px;margin-top:.6em}.section-blog__details .tags{display:flex;gap:.5em;flex-wrap:wrap}.section-blog__details .tags a{font-size:.7em;border:1px solid var(--color-black);border-radius:.25em;display:flex;justify-content:center;align-items:center;text-decoration:none;padding:.35em .5em;line-height:1}.section-blog__details .tags a::before{content:'o';margin-right:.45em;font-size:.85em}