.article{display:flex;flex-direction:column;overflow:hidden;position:relative}.article-content{margin:1.6rem 0 0;opacity:1;transition:opacity var(--duration-default) ease}.article-content:first-child{margin-top:0}.article-card{height:100%;position:relative;width:100%}.article-card__overlay{background:rgb(var(--color-overlay));inset:0;position:absolute;transition:all var(--duration-default) ease-in;z-index:1}.article-card__overlay-link{display:block;height:100%;position:absolute;width:100%;z-index:1}@media screen and (min-width:750px){.article-card:not(:hover) .article-card__overlay{opacity:0!important}}.article-card--meta-line{display:flex;flex-wrap:wrap;gap:.6rem}.article-card img{transform:scale(1);transition:transform var(--duration-default) ease}.article-card--hover-effect.article-card--meta-bottom:hover .article-card__image-wrapper .button,.article-card--hover-effect.article-card--meta-top:hover .button{opacity:1}.article-card--meta-bottom .media{background:hsla(0,0%,100%,0)!important}.article-card--meta-bottom .article-card__header>:not(.article-card--meta-line){order:0}.article-card--meta-bottom .article-card__header .article-card--meta-line{margin-top:.4rem;order:4;position:relative}.article-card--meta-bottom .article-card__header .article-card--meta-line--hover-effect .blog__button{left:0;opacity:0;padding-top:0;position:absolute;top:0;transition:var(--duration-default) ease}.article-card--meta-bottom .article-card__header .article-card--meta-line--hover-effect>:not(.blog__button){opacity:1;transition:var(--duration-default) ease}.article-card--meta-bottom .article-card__header .article-card__title--second{position:relative;transition:var(--duration-default) ease;z-index:3}.article-card--meta-bottom:hover .article-card--meta-line--hover-effect .blog__button{opacity:1;position:absolute}.article-card--meta-bottom:hover .article-card--meta-line--hover-effect>:not(.blog__button){opacity:0}.article-card__image{position:relative;z-index:3}.article-card__image--overlay{background:#000;inset:0;opacity:0;position:absolute;transition:var(--duration-default) ease}.article-card__image--portrait.media{padding-bottom:120%}.article-card__image--square.media{padding-bottom:100%}.article-card__image--landscape.media{padding-bottom:70%}@media screen and (min-width:750px){.article-card__image:hover img{transform:scale(1.05)}}.article-card__image:hover:after{opacity:1}.article-card__image-wrapper{border-radius:var(--border-radius-media);overflow:hidden;position:relative}.article-card__image-wrapper .button{color:rgb(var(--color-background))!important;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--duration-default) ease;z-index:1;z-index:3}.article-card__meta{align-items:center;column-gap:.6rem;display:flex;flex-wrap:wrap;justify-content:flex-start}.article-card__date{color:rgb(var(--color-foreground-secondary));display:inline-block}.article-card__tags{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.4rem;list-style:none;margin:0;padding:0;position:relative;z-index:3}.article-card__tags:hover{opacity:.6}.article-card__tag{color:rgb(var(--color-foreground));font-weight:500;margin-bottom:0;transition:opacity var(--duration-default) ease}.article-card__tag a{display:inline-block;text-decoration:none}.article-card__title{letter-spacing:-.02em;line-height:130%;margin-bottom:0;margin-top:0;transition:opacity var(--duration-default);word-break:break-word}.article-card__title:nth-child(2){padding-bottom:1rem}@media screen and (min-width:1200px){.article-card__title{max-width:87%}}.article-card__title a{color:inherit;position:relative;text-decoration:none;z-index:1}.article-card__title:hover{opacity:.6}.article-card__header{display:flex;flex-direction:column;gap:.4rem}.article-card__author{color:rgb(var(--color-foreground-secondary));display:inline-block}.article-card__comments{color:rgb(var(--color-foreground))}.article-card__excerpt{color:rgb(var(--color-foreground-secondary));margin-bottom:0;margin-top:.8rem}.article-card-link{display:block!important;inset:0;position:absolute;z-index:2}