.blog-card{position:relative;display:flex;flex-direction:column}.blog-card--link{position:absolute;inset:0;z-index:1}.blog-card--thumb{overflow:hidden;border-radius:16px;aspect-ratio:350 / 197}.blog-card--thumb-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.blog-card:hover .blog-card--thumb-img{transform:scale(1.1)}@media (hover: none){.blog-card:active .blog-card--thumb-img{transform:scale(1.1)}}.blog-card--body{padding-top:18px;display:flex;flex-direction:column;flex:1}.blog-card--title{margin:0 0 8px;font-size:20px;font-weight:700;line-height:1.3;letter-spacing:-.04em;color:var(--gray5)}@media (min-width: 640px){.blog-card--title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.blog-card--excerpt{margin:0 0 16px;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.04em;color:var(--gray4);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.blog-card--meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.blog-card--meta-left{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:24px;letter-spacing:-.02em;color:var(--gray2)}.blog-card--dot{width:2px;height:2px;border-radius:50%;background-color:var(--gray2);flex-shrink:0}.blog-card--author,.blog-card--tag{position:relative;z-index:2;text-decoration:none;color:inherit}.blog-card--author:hover{text-decoration:underline}.blog-card--tag{padding:2px 10px;border-radius:6px;background-color:var(--p-point);font-size:12px;font-weight:600;line-height:1.5;letter-spacing:-.02em;color:var(--gray4);white-space:nowrap;transition:background-color .2s ease}.blog-card--tag:hover{background-color:var(--bg-cream2)}.post-filter--wrap{width:min(var(--container-wide),calc(100% - var(--gutter) * 2));margin:24px auto 32px}.post-filter{display:flex;flex-wrap:nowrap;align-items:center;overflow-x:auto;gap:8px;scrollbar-width:none}.post-filter::-webkit-scrollbar{display:none}.post-filter--pill{display:inline-flex;align-items:center;flex-shrink:0;height:40px;padding:0 14px;border-radius:20px;font-weight:500;font-size:15px;line-height:1;letter-spacing:-.02em;text-decoration:none;white-space:nowrap;background-color:var(--white);color:var(--gray5);border:1px solid var(--line-brown);transition:background-color .2s ease}.post-filter--pill:hover:not(.is-active){background-color:var(--bg-cream)}.post-filter--pill.is-active{background-color:var(--p-brand);color:var(--white);border-color:transparent}@media (max-width: 639px){.post-filter--wrap{width:100%}.post-filter{padding-inline:var(--gutter)}}@media (min-width: 1024px){.post-filter--wrap{margin-top:32px;margin-bottom:40px}}.blog-pagination{display:flex;justify-content:center;padding:72px 20px 56px}.blog-pagination .nav-links{display:flex;align-items:center;gap:8px}.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:36px;font-size:14px;font-weight:600;line-height:1.5;letter-spacing:-.04em;text-decoration:none;color:#dbd3cd;transition:color .15s ease}.blog-pagination a.page-numbers:hover{color:#978e8b}.blog-pagination .page-numbers.current{color:var(--p-600)}.blog-pagination .page-numbers.prev,.blog-pagination .page-numbers.next{width:36px;border-radius:50%;background:#fff;border:1px solid rgba(151,142,139,.3);color:#595250;transition:background .15s ease}.blog-pagination .page-numbers.prev:not(.is-disabled):hover,.blog-pagination .page-numbers.next:not(.is-disabled):hover{background:#978e8b1f}.blog-pagination .page-numbers.prev svg,.blog-pagination .page-numbers.next svg{width:13px;height:auto}.blog-pagination .page-numbers.prev.is-disabled,.blog-pagination .page-numbers.next.is-disabled{color:#dbd3cd;cursor:default}.blog-pagination .page-numbers.dots{background:none;min-width:24px;pointer-events:none;color:transparent;background-image:radial-gradient(circle,#dbd3cd 1.5px,transparent 1.5px),radial-gradient(circle,#dbd3cd 1.5px,transparent 1.5px),radial-gradient(circle,#dbd3cd 1.5px,transparent 1.5px);background-size:3px 3px;background-position:0 50%,9px 50%,18px 50%;background-repeat:no-repeat}@media (min-width: 1024px){.blog-pagination{padding:100px 20px 120px}}