.blog-hero{padding-bottom:40px}.blog-list{padding-bottom:96px}.blog-tags{scrollbar-width:none;gap:8px;margin:0 0 32px;padding-bottom:4px;display:flex;overflow-x:auto}.blog-tags::-webkit-scrollbar{display:none}@media (min-width:768px){.blog-tags{flex-wrap:wrap;justify-content:center;overflow:visible}}.blog-tag{border:1px solid var(--ds-hair);height:36px;color:var(--ds-fg-2);background:var(--ds-bg-2);transition:color .2s var(--ds-ease), border-color .2s var(--ds-ease);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 8px 0 14px;font-size:13.5px;font-weight:500;display:inline-flex}.blog-tag:hover{color:var(--ds-fg);border-color:var(--ds-border)}.blog-tag__n{min-width:22px;height:22px;color:var(--ds-fg-3);background:var(--ds-bg-3);border-radius:999px;place-items:center;padding:0 6px;font-size:11.5px;display:inline-grid}.blog-tag--on{color:#fff;border-color:var(--ds-gold);background:var(--ds-gold)}.blog-tag--on:hover{color:#fff}.blog-tag--on .blog-tag__n{color:var(--ds-gold);background:#fff}.blog-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.blog-card{border:1px solid var(--ds-hair);background:var(--ds-bg-2);transition:border-color .25s var(--ds-ease), transform .25s var(--ds-ease);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--ds-border);transform:translateY(-2px)}.blog-card__img{aspect-ratio:16/9;background:var(--ds-bg-3);display:block;position:relative;overflow:hidden}.blog-card__img img{object-fit:cover;transition:transform .5s var(--ds-ease)}.blog-card:hover .blog-card__img img{transform:scale(1.04)}.blog-card__body{flex-direction:column;gap:8px;padding:20px 22px 24px;display:flex}.blog-card__date{color:var(--ds-fg-3);font-size:12.5px}.blog-card__title{letter-spacing:-.015em;color:var(--ds-fg);font-size:18px;font-weight:600;line-height:1.3}.blog-card__desc{color:var(--ds-fg-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.55;display:-webkit-box;overflow:hidden}@media (max-width:639px){.blog-grid{gap:12px}.blog-card{border-radius:16px;flex-direction:row}.blog-card__img{aspect-ratio:auto;flex:none;width:112px}.blog-card__body{gap:4px;padding:14px 16px}.blog-card__title{font-size:15.5px}.blog-card__desc{display:none}}