.article-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);min-inline-size:0;block-size:100%}.article-card__media{--ratio: 4 / 3;border-radius:var(--radius-medium)}.article-card__media.media--wide{--ratio: 16 / 9}.article-card__image{transition:transform var(--duration-slow) var(--ease-out)}.article-card__body{display:flex;flex-direction:column;gap:var(--space-2);min-inline-size:0}.article-card__eyebrow{margin:0}.article-card__title{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--font-size-h4);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);overflow-wrap:anywhere}.article-card__link{color:inherit;text-decoration:none}.article-card__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.article-card__link:focus-visible{outline:none}.article-card:has(.article-card__link:focus-visible){outline:2px solid var(--color-text);outline-offset:4px;border-radius:var(--radius-medium)}.article-card__excerpt{display:-webkit-box;margin:0;overflow:hidden;color:var(--color-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical}.article-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-1) 0 0;font-size:var(--font-size-small);color:var(--color-text-muted)}.article-card__dot{inline-size:3px;block-size:3px;background-color:currentColor;border-radius:50%}@media(hover:hover){.article-card:hover .article-card__title{text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}}@media(hover:hover)and (prefers-reduced-motion:no-preference){html[data-hover-effects=true] .article-card:hover .article-card__image{transform:scale(1.03)}}.article-card--placeholder{opacity:.7}@media screen and (min-width:750px){.article-card--featured:not(.article-card--no-image){display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:var(--space-7)}.article-card--featured .article-card__title{font-size:var(--font-size-h2)}.article-card--featured .article-card__excerpt{font-size:var(--font-size-body-lg);-webkit-line-clamp:4}}.blog-header{max-inline-size:44rem;margin-block-end:var(--space-6)}.blog-header__title{margin:0}.blog-header__filter{margin:0;color:var(--color-text-muted)}.blog-tags{margin-block-end:var(--space-7)}.blog-tags__list{--scroll-gap: var(--space-2);margin:0;padding:0 0 var(--space-1);list-style:none}.blog-tags__link{display:inline-flex;align-items:center;min-block-size:44px;padding-inline:var(--space-4);font-size:var(--font-size-small);font-weight:var(--font-body-weight-bold);white-space:nowrap;color:var(--color-text);text-decoration:none;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-button);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}@media(hover:hover){.blog-tags__link:hover{border-color:var(--color-text)}}.blog-tags__link[aria-current=page]{color:var(--color-on-primary);background-color:var(--color-primary);border-color:var(--color-primary)}.blog-featured{margin-block-end:var(--space-8);padding-block-end:var(--space-8);border-block-end:var(--border-width) solid var(--color-border)}.blog-list{--cols-mobile: 1;--cols-tablet: 2;--grid-row-gap: var(--space-7);margin:0;padding:0;list-style:none;row-gap:var(--space-7)}.blog-list>li{min-inline-size:0}.blog-pagination{margin-block-start:var(--space-8)}.blog-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-inline-size:36rem;padding:var(--space-6);background-color:var(--color-surface);border-radius:var(--radius-large)}.blog-empty__heading,.blog-empty__text{margin:0}.blog-empty__text{color:var(--color-text-muted)}.blog-empty__actions{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-5)}.blog-grid__header{margin-block-end:var(--space-7)}.blog-grid__footer{margin-block-start:var(--space-6)}@media screen and (min-width:750px){.blog-grid__footer--mobile{display:none}}.blog-editor-hint{display:flex;align-items:flex-start;gap:var(--space-2);margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);font-size:var(--font-size-small);color:var(--color-text-muted);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-small)}.blog-editor-hint .icon{flex:none;margin-block-start:.15em}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-blog.css.map */