.main-blog .blog-articles{row-gap:clamp(20px,3vw,36px)}
@media screen and (min-width:990px){.main-blog .blog-articles{grid-template-columns:repeat(3,1fr)}}
.main-blog .title--primary{margin-bottom:clamp(20px,3vw,36px)}
.main-blog .article-card-wrapper .card{border:0;box-shadow:none}
.main-blog .article-card-wrapper .card,.main-blog .article-card-wrapper .card__inner{border-radius:0}
.main-blog .article-card-wrapper .card__inner{overflow:hidden}
.main-blog .article-card-wrapper .card__inner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.78),rgba(0,0,0,.42) 30%,rgba(0,0,0,0) 64%)}
.main-blog .article-card-wrapper .card__inner>.card__content{display:block;position:absolute;inset:auto 0 0 0;z-index:2;margin:0;padding:clamp(14px,2.2vw,24px)}
.main-blog .article-card-wrapper .card>.card__content{display:none}
.main-blog .article-card-wrapper .card__inner .card__information{display:block;padding:0}
.main-blog .article-card-wrapper .card__inner>.card__content:before{content:"Brand Journal";display:block;font-family:"Archivo","Noto Sans TC",sans-serif;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);margin:0 0 .5rem;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.main-blog .article-card-wrapper .card__inner .card__heading{display:block;margin:0 0 .4rem}
.main-blog .article-card-wrapper .card__inner .card__heading a,.main-blog .article-card-wrapper .card__inner .card__heading a:hover,.main-blog .article-card-wrapper .card__inner .card__heading a:focus{color:#fff;text-decoration:none;font-size:clamp(1.15rem,1.9vw,1.5rem);font-weight:600;line-height:1.34;letter-spacing:-.005em;text-shadow:0 1px 14px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.main-blog .article-card-wrapper .card__inner .article-card__info,.main-blog .article-card-wrapper .card__inner time{color:rgba(255,255,255,.85);font-size:.74rem;letter-spacing:.03em;text-shadow:0 1px 12px rgba(0,0,0,.55)}
.main-blog .article-card-wrapper .card__inner .circle-divider:after{content:none}
.main-blog .article-card-wrapper .card__inner .article-card__excerpt,.main-blog .article-card-wrapper .card__inner .article-card__footer{display:none}
@media(prefers-reduced-motion:no-preference){.main-blog .article-card-wrapper .card__media img{transition:transform .55s cubic-bezier(.16,1,.3,1)}.main-blog .article-card-wrapper:hover .card__media img{transform:scale(1.035)}}