.blog__title{margin-bottom:var(--space-6)}.blog__filters{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:720px){.blog__filters{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-6)}.blog__filters .blog__tags{flex:1;min-width:0}}.blog__sort{display:inline-flex;flex-shrink:0;gap:var(--space-1);padding:var(--space-1);border-radius:var(--r-pill);background:var(--surface-sand)}.blog__sort-btn{-webkit-appearance:none;appearance:none;border:0;cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--r-pill);background:transparent;font-family:var(--font-ui);font-size:.8125rem;font-weight:600;color:var(--muted);white-space:nowrap;transition:background-color var(--dur) var(--ease-out-quint),color var(--dur) var(--ease-out-quint)}.blog__sort-btn:hover{color:var(--ink)}.blog__sort-btn[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.blog__sort-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blog__tags{position:relative;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 2.5rem),transparent)}.blog__tag-list{display:flex;flex-wrap:nowrap;gap:var(--space-2);list-style:none;margin:0;padding:0 2.5rem 0 0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.blog__tag-list::-webkit-scrollbar{display:none}.blog__tag-list>li{margin:0;scroll-snap-align:start}.blog__tag-link{display:inline-block;white-space:nowrap;padding:var(--space-2) var(--space-4);border-radius:var(--r-pill);background:var(--surface-sand);font-family:var(--font-ui);font-size:.8125rem;font-weight:600;color:var(--muted);text-decoration:none;transition:background-color var(--dur) var(--ease-out-quint),color var(--dur) var(--ease-out-quint)}.blog__tag-link:hover{background:var(--surface-blush);color:var(--ink)}.blog__tag-link[aria-current=page]{background:var(--accent);color:var(--on-accent)}.blog__grid{display:grid;grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2.5rem);list-style:none;margin:0;padding:0}.blog__grid>li{margin:0}@media(min-width:560px){.blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.blog__grid{grid-template-columns:repeat(var(--blog-cols, 3),minmax(0,1fr))}.blog__grid-item--featured{grid-column:1 / -1}}.blog-card{height:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease-out-quint),box-shadow var(--dur) var(--ease-out-quint),border-color var(--dur) var(--ease-out-quint)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.blog-card__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-card__media{position:relative;overflow:hidden;background:var(--surface-sand);aspect-ratio:16 / 10}.blog-card__img{display:block;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-entrance) var(--ease-out-quint)}.blog-card:hover .blog-card__img{transform:scale(1.04)}.blog-card__tag{position:absolute;top:var(--space-3);left:var(--space-3);padding:.25rem .625rem;border-radius:var(--r-pill);background:color-mix(in oklab,var(--ink) 72%,transparent);color:#fff;font-family:var(--font-ui);font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.blog-card__tag--inline{position:static;align-self:flex-start;background:var(--accent-soft);color:var(--accent-deep);-webkit-backdrop-filter:none;backdrop-filter:none}.blog-card__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);flex:1}.blog-card__title{font-family:var(--font-display);font-size:var(--step-h3);line-height:1.2;font-weight:700;margin:0;transition:color var(--dur) var(--ease-out-quint)}.blog-card:hover .blog-card__title{color:var(--accent)}.blog-card__excerpt{font-family:var(--font-ui);color:var(--muted);line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2);font-family:var(--font-ui);font-size:.8125rem;color:var(--muted)}.blog-card__author{font-weight:600;color:var(--ink)}.blog-card__author+.blog-card__date:before{content:"\b7";margin-right:var(--space-2)}.blog-card__more{display:inline-flex;align-items:center;gap:.35rem;margin-left:auto;font-weight:700;color:var(--accent-deep)}.blog-card__more svg{transition:transform var(--dur) var(--ease-out-quint)}.blog-card:hover .blog-card__more svg{transform:translate(3px)}@media(min-width:900px){.blog-card--featured .blog-card__link{display:grid;grid-template-columns:3fr 2fr;align-items:stretch}.blog-card--featured .blog-card__media{aspect-ratio:auto;height:100%;min-height:340px}.blog-card--featured .blog-card__body{justify-content:center;padding:clamp(var(--space-6),3vw,var(--space-10));gap:var(--space-4)}.blog-card--featured .blog-card__title{font-size:var(--step-h2)}.blog-card--featured .blog-card__excerpt{-webkit-line-clamp:4;font-size:var(--step-lead)}.blog__grid--sorted .blog__grid-item--featured{grid-column:auto}.blog__grid--sorted .blog-card--featured .blog-card__link{display:flex;flex-direction:column}.blog__grid--sorted .blog-card--featured .blog-card__media{aspect-ratio:16 / 10;min-height:0;height:auto}.blog__grid--sorted .blog-card--featured .blog-card__title{font-size:var(--step-h3)}.blog__grid--sorted .blog-card--featured .blog-card__excerpt{-webkit-line-clamp:3;font-size:inherit}}.blog__empty{color:var(--muted);font-family:var(--font-ui)}.blog__pagination{display:flex;justify-content:center;gap:var(--space-3);margin-top:var(--space-12)}.blog__tag-link:focus-visible,.blog-card__link:focus-visible,.blog__pagination a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){.blog-card,.blog-card__img,.blog-card__title,.blog-card__more svg{transition:none}.blog-card:hover,.blog-card:hover .blog-card__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-blog.css.map */