.body__code-block{font-size:.8rem}.cover-image{display:block;height:24rem;margin-bottom:var(--spacing-lg);position:relative;width:100%}.cover-image p{margin:0}.cover-image p a{text-decoration:none}.cover-image__image{height:100%;height:24rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.cover-image__attribution{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);z-index:10}.cover-image__attribution-text{margin:0;font-size:var(--font-size-sm)}.cover-image__attribution-link{text-decoration:underline}@media (min-width:640px){.cover-image,.cover-image__image{height:36rem}}.meta-data{color:var(--color-gray-500);flex-direction:row;font-size:var(--font-size-xs);gap:var(--spacing-md);margin-top:var(--spacing-3xl)}.meta-data,.meta-data__author{align-items:center;display:flex}.meta-data__author{gap:var(--spacing-sm);z-index:20}.meta-data__avatar{background-color:var(--color-gray-800);border-radius:50%;border:var(--spacing-xs) solid var(--color-gray-900);height:var(--spacing-5xl);width:var(--spacing-5xl)}.meta-data__content{background-color:var(--color-gray-900);border-radius:9999px 0 0 9999px;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-left:calc(-1 * var(--spacing-5xl));padding:var(--spacing-md) var(--spacing-5xl);width:100%;z-index:10}.meta-data__item{align-items:center;display:flex;gap:var(--spacing-sm)}.meta-data__icon{color:var(--color-gray-600);height:var(--spacing-md);width:var(--spacing-md)}@media (min-width:1024px){.meta-data{font-size:var(--font-size-sm)}.meta-data__content{padding-right:var(--spacing-3xl)}}.more-pages{background-color:var(--color-gray-900)}.more-pages__grid{margin-left:auto;margin-right:auto;display:grid;grid-template-columns:1fr;justify-items:center;gap:var(--spacing-3xl)}.more-pages__link{display:block;text-decoration:none;color:inherit}.more-pages__item{background-color:var(--color-gray-800)}.more-pages__title{margin-top:calc(-1 * var(--spacing-sm));padding:var(--spacing-lg);transition:color .2s ease}.more-pages__link:hover .more-pages__title{color:var(--color-gray-800)}@media (min-width:768px){.more-pages{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}}@media (min-width:1024px){.more-pages__grid{grid-template-columns:repeat(3,1fr)}}.post-header{width:100vw;height:33rem}.post-header__info{margin-left:auto;margin-right:auto;margin-bottom:var(--spacing-lg);display:flex;max-width:48rem;align-items:center;justify-content:space-between}.post-header__date{font-weight:300;color:var(--color-gray-500)}.post-header__cover-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.post-header__metadata-item{display:flex;align-items:center;gap:var(--spacing-sm)}.post-header__metadata-icon{height:1rem;width:1rem;color:var(--color-gray-600)}.post-link{background-color:var(--color-gray-900);display:flex;flex-direction:column;font-size:var(--font-size-xl);gap:var(--spacing-sm);width:100%}.post-link__image{-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom}.post-link__content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.post-link__text{flex:1;margin-bottom:var(--spacing-md)}.post-link__title{margin-bottom:var(--spacing-sm)}.post-link__excerpt{color:var(--color-gray-300);font-size:var(--font-size-sm);margin-top:var(--spacing-sm)}.post-link__metadata{color:var(--color-gray-500);display:flex;flex-direction:column;font-size:var(--font-size-sm);font-weight:300;gap:var(--spacing-xs)}.post-link__metadata-item{align-items:center;display:flex;gap:var(--spacing-sm)}.post-link__metadata-icon{color:var(--color-gray-600);height:var(--font-size-xs);width:var(--font-size-xs)}.post-link:hover .post-link__excerpt,.post-link:hover .post-link__title{color:var(--color-gray-800)}.post-link:hover .post-link__metadata{color:var(--color-gray-600)}@media (min-width:1024px){.post-link{align-items:start;display:grid;gap:var(--spacing-5xl);grid-template-columns:1fr 2fr}.post-link__image{height:18.75rem;width:100%}.post-link__content{gap:0}.post-link__metadata{flex-direction:row;gap:var(--spacing-lg)}}.more-posts__list .post-link{display:flex;flex-direction:column;gap:var(--spacing-sm);height:100%}.more-posts__list .post-link__image{height:12.5rem;width:100%;flex-shrink:0}.more-posts__list .post-link__content{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);flex:1}.more-posts__list .post-link__text{flex:1}.more-posts__list .post-link__metadata{flex-direction:column;gap:var(--spacing-xs);margin-top:auto}.post-preview__image-link{height:18rem}.post-preview__image{height:18rem;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.post-preview__content{margin-left:auto;margin-right:auto;margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex;max-width:65ch;flex-direction:column;gap:var(--spacing-md)}.post-preview__title{font-size:1.875rem;line-height:1.375}.post-preview__metadata{flex-direction:column;font-size:.875rem;color:var(--color-gray-500)}.post-preview__metadata,.post-preview__metadata-primary{display:flex;justify-content:space-between;gap:var(--spacing-md)}.post-preview__metadata-primary{flex-direction:row;align-items:center}.post-preview__metadata-item{display:flex;align-items:center;gap:var(--spacing-sm)}.post-preview__metadata-icon{height:1rem;width:1rem;color:var(--color-gray-600)}.post-preview__date{display:flex;align-items:center;gap:var(--spacing-sm)}.post-preview__excerpt{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);line-height:1.625;color:var(--color-gray-300)}.post-preview__read-more{margin-top:var(--spacing-sm);background-color:var(--color-gray-900);padding:var(--spacing-sm) var(--spacing-md)}.post-preview__read-more:hover{color:var(--color-gray-800)}@media (min-width:640px){.post-preview__image,.post-preview__image-link{height:24rem}}@media (min-width:1024px){.post-preview__metadata{flex-direction:row;align-items:center}.post-preview__metadata-primary{justify-content:flex-start}.post-preview__date{justify-content:flex-end}}