.blog-card{cursor:pointer;color:inherit;flex-direction:column;gap:0;text-decoration:none;transition:opacity .3s;display:flex}.blog-card:hover{opacity:.85}.blog-card:hover .blog-card__image{transform:scale(1.02)}.blog-card:focus-visible{outline-offset:4px;outline:2px solid #1c1c1c}.blog-card__header{flex-direction:column;gap:.75rem;padding:1rem 0 0;display:flex}.blog-card__title{font-family:var(--font-chiron-hei-hk),sans-serif;color:#000;-webkit-line-clamp:3;letter-spacing:.02em;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:400;line-height:1.7;display:-webkit-box;overflow:hidden}@media (max-width:768px){.blog-card__title{-webkit-line-clamp:2;font-size:14px}}.blog-card__date-container{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.blog-card__new-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background-color:#1c1c1c;justify-content:center;align-items:center;padding:.25rem .625rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.blog-card__date{align-items:baseline;gap:.125rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.blog-card__date-prefix{color:#b5bbb8;letter-spacing:.02em;font-size:12px;font-weight:400}.blog-card__date-year{color:#b5bbb8;letter-spacing:.02em;font-size:14px;font-weight:400}.blog-card__date-day{color:#000;letter-spacing:-.02em;font-size:28px;font-weight:400;line-height:1}@media (max-width:768px){.blog-card__date-day{font-size:24px}}.blog-card__image-container{aspect-ratio:3/2;background-color:#f5f5f5;width:100%;position:relative;overflow:hidden}.blog-card__image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;transition:transform .4s;display:block}.blog-card__placeholder{background:linear-gradient(135deg,#f8f8f8 0%,#f2f2f2 50%,#ebebeb 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}.blog-card__placeholder:before{content:"";background-image:linear-gradient(#00000005 1px,#0000 1px),linear-gradient(90deg,#00000005 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.blog-card__placeholder-icon{z-index:1;background:#0000000a;border-radius:2px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:48px;padding:10px 6px;display:flex;position:relative}.blog-card__placeholder-lines{flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.blog-card__placeholder-lines span{background:#00000014;border-radius:1px;height:2px;display:block}.blog-card__placeholder-lines span:first-child{width:16px}.blog-card__placeholder-lines span:nth-child(2){width:20px}.blog-card__placeholder-lines span:nth-child(3){width:12px}.blog-card--featured{border-bottom:1px solid #e5e5e5;margin-bottom:3rem;padding:20px 0 40px}@media (min-width:1024px){.blog-card--featured{flex-direction:row;gap:40px;padding:60px 0;display:flex}.blog-card--featured .blog-card__image-container{aspect-ratio:3/2;flex:0 0 60%;order:0;max-width:60%}.blog-card--featured .blog-card__header{flex-direction:column;flex:1;order:0;justify-content:flex-end;align-items:flex-start;padding:0;display:flex}.blog-card--featured .blog-card__title{-webkit-line-clamp:4;font-size:20px;line-height:1.7}.blog-card--featured .blog-card__date-day{font-size:40px}.blog-card--featured .blog-card__date-prefix,.blog-card--featured .blog-card__date-year{color:#b5bbb8;font-size:16px}.blog-card--featured .blog-card__date-container{margin-bottom:0}}@media (min-width:768px) and (max-width:1023px){.blog-card--featured .blog-card__title{font-size:18px}.blog-card--featured .blog-card__date-day{font-size:32px}}@media (max-width:767px){.blog-card--featured{padding:20px 0 30px}.blog-card--featured .blog-card__title{font-size:16px}.blog-card--featured .blog-card__date-day{font-size:28px}}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover .blog-card__image{transform:none}.blog-card .blog-card__image{transition:none}}
