.blog-archive .archive-intro{padding:48px 0 28px}.blog-archive .archive-intro__meta{font-family:var(--font-heading);letter-spacing:.08em;color:#6b7a7e;text-transform:uppercase;border-bottom:1px solid #e5e9ea;flex-wrap:wrap;align-items:baseline;gap:24px;padding-bottom:20px;font-size:1.2rem;display:flex}.blog-archive .archive-intro__count{color:var(--color-text);align-items:center;gap:8px;font-weight:700;display:inline-flex}.blog-archive .archive-intro__count:before{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px;display:inline-block}.blog-archive .archive-intro__page{margin-left:auto;font-weight:400}.blog-archive .archive-grid-section{padding:12px 0 100px}.blog-archive .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 32px;display:grid}@media (width<=1100px){.blog-archive .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px}}@media (width<=640px){.blog-archive .archive-grid{grid-template-columns:1fr;gap:32px}.blog-archive .archive-intro__page{margin-left:0}}.blog-archive .post-card__link{height:100%;color:inherit;background:#fff;border:1px solid #eef0f1;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;overflow:hidden;box-shadow:0 0 2px #919eab2e,0 8px 16px -4px #919eab14}.blog-archive .post-card__link:hover{border-color:#bee2e2;transform:translateY(-6px);box-shadow:0 0 2px #919eab4d,0 16px 32px -6px #919eab2e}.blog-archive .post-card__media{aspect-ratio:16/9;background:#f3f5f5;position:relative;overflow:hidden}.blog-archive .post-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .7s;position:absolute;inset:0}.blog-archive .post-card__link:hover .post-card__media img{transform:scale(1.06)}.blog-archive .post-card__body{flex-direction:column;flex:1;gap:14px;padding:22px 24px 24px;display:flex}.blog-archive .post-card__meta{font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:16px;font-size:1.1rem;display:flex}.blog-archive .post-card__category{color:var(--color-primary);padding-left:18px;font-weight:700;position:relative}.blog-archive .post-card__category:before{content:"";background:var(--color-primary);width:12px;height:1px;position:absolute;top:50%;left:0}.blog-archive .post-card__date{color:#8a9498;font-weight:400}.blog-archive .post-card__title{color:#1a2226;letter-spacing:.01em;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;padding:0;font-size:1.7rem;font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-archive .post-card__title:before,.blog-archive .post-card__title:after{content:none;display:none}.blog-archive .archive-pagination{border-top:1px solid #e5e9ea;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin-top:80px;padding-top:36px;display:flex}.blog-archive .archive-pagination__numbers{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.blog-archive .archive-pagination__num{min-width:44px;height:44px;font-family:var(--font-heading);color:var(--color-text-muted);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:1.4rem;font-weight:700;text-decoration:none;transition:color .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.blog-archive .archive-pagination__num:hover{color:var(--color-primary);background:var(--color-bg-subtle);border-color:#bee2e2}.blog-archive .archive-pagination__num--current{color:#fff;background:var(--color-primary);border-color:var(--color-primary);cursor:default;box-shadow:rgb(var(--color-primary-rgb) / 25%) 0px 4px 12px -2px}.blog-archive .archive-pagination__edge{height:44px;font-family:var(--font-heading);letter-spacing:.06em;color:var(--color-text-muted);background:#fff;border:1px solid #d6dcdd;border-radius:999px;align-items:center;gap:8px;padding:0 22px;font-size:1.2rem;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s,background .2s,box-shadow .2s;display:inline-flex}.blog-archive .archive-pagination__edge:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-bg-subtle);box-shadow:rgb(var(--color-primary-rgb) / 18%) 0px 4px 12px -2px}.blog-archive .archive-pagination__edge--disabled{opacity:.35;pointer-events:none}@media (width<=640px){.blog-archive .archive-pagination__edge span{display:none}.blog-archive .archive-pagination__edge{justify-content:center;min-width:42px;padding:0 12px}}
