.blog-page,.article-page{gap:120px;min-height:100vh;padding-top:64px;padding-bottom:96px}.blog-hero{text-align:center;flex-direction:column;align-items:center;gap:16px;width:50%;display:flex}.blog-hero-bg{background-image:url(/png/news-bg.png);background-repeat:no-repeat;background-position:cover;z-index:-1;background-size:contain;width:100%;min-height:55vh;position:absolute}.blog-title,.blog-subtitle,.blog-card-title,.blog-card-excerpt,.article-title,.article-excerpt,.article-category,.article-paragraph,.article-section-title,.article-list{margin:0}.blog-subtitle{max-width:780px}.blog-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.blog-card{color:var(--textBody);text-decoration:none;transition:transform .2s}.article-thumb-warp{border-radius:24px;width:100%;min-height:260px;position:relative;overflow:hidden}.article-thumb{object-fit:cover;width:100%;height:100%}.blog-card:hover{transform:translateY(-4px)}.blog-card-box{gap:16px;min-height:240px}.blog-card-meta{color:var(--textInactive);flex-wrap:wrap;gap:8px;font-size:.875rem;display:flex}.blog-card-meta span:not(:last-child):after{content:"";vertical-align:middle;background:currentColor;border-radius:50%;width:4px;height:4px;margin-left:8px;display:inline-block}.blog-card-title,.article-title{color:var(--textTitle)}.blog-card-excerpt{line-height:1.6}.article-shell{flex-direction:column;align-self:center;gap:48px;width:min(1120px,100%);display:flex}.article-back{align-self:center;width:min(860px,100%)}.article-hero{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:48px;display:grid}.article-hero-image-wrap{background:var(--brand-100);border-radius:32px;width:100%;min-height:360px;position:relative;overflow:hidden}.article-hero-image{object-fit:cover;width:100%;height:100%}.article-hero-copy{flex-direction:column;gap:18px;display:flex}.article-title{color:var(--textTitle);text-align:left}.article-meta{color:var(--textBody)}.article-category{color:var(--textInactive)}.article-excerpt{max-width:860px;color:var(--error-600);text-align:center;align-self:center}.article-content{flex-direction:column;align-self:center;gap:16px;width:min(860px,100%);display:flex}.article-paragraph{line-height:1.75}.article-section-title{color:var(--textTitle);padding-top:8px}.article-list{flex-direction:column;gap:10px;padding-left:24px;display:flex}.article-list-item{line-height:1.7}