.blog-listing{background:var(--hrc-bg);padding:clamp(3.2rem,5vw,6.4rem) 0}.blog-listing__inner{display:flex;flex-direction:column;gap:1.2rem}.blog-listing__empty{text-align:center;padding:6.4rem 0;font-size:var(--hrc-fs-md);color:var(--hrc-color-text-muted)}.blog-listing__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.blog-listing__pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding-top:2.4rem;flex-wrap:wrap}.blog-listing__pagination-btn{display:flex;align-items:center;gap:.8rem;height:4rem;padding:0 2rem;background:var(--hrc-bg-white);border:.5px solid var(--hrc-black-1);border-radius:100px;font-size:var(--hrc-fs-md);font-weight:var(--hrc-fw-medium);color:var(--hrc-text-primary);text-decoration:none;letter-spacing:.04em;transition:background .2s ease,border-color .2s ease,color .2s ease}.blog-listing__pagination-btn svg{width:1.4rem;height:1.4rem;flex-shrink:0}.blog-listing__pagination-btn:hover{background:var(--hrc-bg-dark);border-color:var(--hrc-bg-dark);color:var(--hrc-text-invert)}.blog-listing__pagination-pages{display:flex;align-items:center;gap:.4rem}.blog-listing__pagination-page{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:var(--hrc-rl);font-size:var(--hrc-fs-md);font-weight:var(--hrc-fw-medium);color:red;text-decoration:none;background:transparent;transition:background .2s ease,color .2s ease}.blog-listing__pagination-page:hover{background:var(--hrc-bg-white);color:var(--hrc-text-primary)}.blog-listing__pagination-page.is-active{background:var(--hrc-bg-dark);color:var(--hrc-text-invert)}.blog-listing__pagination-ellipsis{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;font-size:var(--hrc-fs-md);color:var(--hrc-text-secondary)}.blog-card{display:grid;grid-template-rows:repeat(1,min-content);grid-template-columns:repeat(2,minmax(5rem,1fr));grid-auto-rows:min-content;align-items:center;background:var(--hrc-bg-surface);border-radius:var(--hrc-rm);overflow:hidden}.blog-card__media{aspect-ratio:5 / 5;max-height:min(30rem,50dvh);width:100%;margin-inline:auto;overflow:hidden}.blog-card__media img{display:block;width:100%;height:100%;object-position:center;object-fit:cover;transition:transform var(--hrc-dt-focus) var(--hrc-ease)}.blog-card:hover .blog-card__media img{transform:scale(1.05)}.blog-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:#e0e0e0}.blog-card__placeholder-svg{width:100%;height:100%;display:block}.blog-card__content{padding:clamp(1.8rem,3vw,2.8rem);display:flex;flex-direction:column;gap:1.2rem;justify-content:space-between;height:100%}.blog-card__info{display:flex;flex-direction:column;gap:1.4rem}.blog-card__title-link{text-decoration:none;display:block;flex:1}.blog-card__title{font-family:var(--hrc-font-display);font-size:var(--hrc-fs-md);font-weight:var(--hrc-fw-semibold);color:var(--hrc-text-primary);line-height:1.15;letter-spacing:var(--hrc-ls-md);margin:0}.blog-card--featured{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,3fr);align-items:center;background:var(--hrc-bg-surface);border-radius:var(--hrc-rm);overflow:hidden}.blog-card--featured .blog-card__media{aspect-ratio:8 / 5;max-height:min(45rem,40dvh);width:100%;margin-inline:auto}.blog-card--featured .blog-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.blog-card--featured .blog-card__content{padding:clamp(2.4rem,4vw,4.8rem);display:flex;flex-direction:column;gap:1.6rem;justify-content:space-between;height:100%}.blog-card--featured .blog-card__info{display:flex;flex-direction:column;gap:1.4rem}.blog-card--featured .blog-card__title{font-size:var(--hrc-fs-xl);line-height:1.08;letter-spacing:var(--hrc-ls-md);font-weight:var(--hrc-fw-bold)}.blog-card__excerpt{font-size:var(--hrc-fs-sm);color:var(--hrc-black-4);line-height:1.65;margin:0;max-width:45rem}.blog-card__tag{display:inline-flex;align-items:center;height:2.8rem;padding:0 1.2rem;background:var(--hrc-white-10);border-radius:var(--hrc-rl);font-size:var(--hrc-fs-badge-lg);font-weight:var(--hrc-fw-medium);color:var(--hrc-text-primary);letter-spacing:.02em;width:fit-content;border:.5px solid var(--hrc-black-1)}.blog-card__meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.blog-card__meta-item{display:flex;align-items:center;gap:.6rem;font-size:var(--hrc-fs-sm);color:var(--hrc-black-5);letter-spacing:var(--hrc-ls-xl)}.blog-card__meta-item svg{width:1.4rem;height:1.4rem;flex-shrink:0;opacity:.7}.blog-card__meta-sep{width:1px;height:1.2rem;background:var(--hrc-black-5);flex-shrink:0}@media screen and (max-width:1024px){.blog-listing__grid{gap:1rem}.blog-card,.blog-card--featured{grid-template-columns:1fr}.blog-card__media,.blog-card--featured .blog-card__media{max-height:none}.blog-card--featured .blog-card__media{aspect-ratio:16 / 10}.blog-card__content,.blog-card--featured .blog-card__content{min-height:auto}}@media screen and (max-width:840px){.blog-card__content,.blog-card--featured .blog-card__content{padding:2rem}.blog-card--featured .blog-card__title{line-height:1.1}.blog-card__meta,.blog-listing__pagination{gap:.8rem}.blog-listing__pagination-btn{padding-inline:1.6rem}}@media screen and (max-width:768px){.blog-listing{padding:clamp(2.4rem,8vw,4rem) 0}.blog-listing__inner{gap:1rem}.blog-listing__grid{grid-template-columns:1fr}.blog-card,.blog-card--featured{border-radius:var(--hrc-rm)}.blog-card__media,.blog-card--featured .blog-card__media{aspect-ratio:4 / 3}.blog-card__content,.blog-card--featured .blog-card__content{padding:clamp(1.6rem,5vw,2.4rem);gap:1.2rem}.blog-card--featured .blog-card__title{font-size:var(--hrc-fs-lg);line-height:1.12}.blog-card__excerpt{max-width:100%;line-height:1.6}.blog-card__meta{gap:.8rem}.blog-card__meta-sep{display:none}.blog-listing__pagination{gap:.8rem;padding-top:1.8rem}.blog-listing__pagination-btn,.blog-listing__pagination-page,.blog-listing__pagination-ellipsis{min-width:4.4rem;min-height:4.4rem}.blog-listing__pagination-btn{height:4.4rem;padding:0 1.6rem}}@media screen and (max-width:480px){.blog-listing__empty{padding:4.8rem 0}.blog-card__media,.blog-card--featured .blog-card__media{aspect-ratio:1 / 1}.blog-card__content,.blog-card--featured .blog-card__content{padding:1.6rem}.blog-card__info,.blog-card--featured .blog-card__info{gap:1rem}.blog-card__tag{height:2.6rem;padding:0 1rem}.blog-listing__pagination{justify-content:center}.blog-listing__pagination-pages{order:-1;width:100%;justify-content:center}.blog-listing__pagination-btn{flex:1 1 auto;justify-content:center;max-width:calc(50% - .4rem);padding:0 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/blog.css.map */