.rn-article-grid{padding-top:var(--rn-ag-padding-top, 32px);padding-bottom:var(--rn-ag-padding-bottom, 48px);overflow:hidden}.rn-article-grid__container{max-width:var(--page-width, 1400px);margin:0 auto;padding:0 var(--page-margin, 1.5rem);overflow:hidden}.rn-article-grid__filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:24px;margin-bottom:32px;border-bottom:1px solid var(--color-border)}.rn-article-grid__filter-btn{display:inline-flex;align-items:center;padding:5px 14px;font-family:var(--font-h3--family);font-weight:var(--font-h3--weight);font-size:var(--font-size--xs, .75rem);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--color-border);border-radius:2px;background:transparent;color:var(--color-foreground);cursor:pointer;transition:all .2s ease;white-space:nowrap;line-height:1.4}.rn-article-grid__filter-btn:hover{border-color:var(--color-foreground-heading);color:var(--color-foreground-heading)}.rn-article-grid__filter-btn--active{background:var(--color-primary-button-background);color:var(--color-primary-button-text);border-color:var(--color-primary-button-background)}.rn-article-grid__filter-btn--active:hover{background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);border-color:var(--color-primary-button-hover-background)}.rn-article-grid__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rn-ag-card-gap, 20px);max-width:100%}.rn-article-grid__card{display:flex;flex-direction:column;border-radius:var(--rn-ag-card-radius, 4px);overflow:hidden;border:1px solid var(--color-border);text-decoration:none;color:inherit;transition:transform .3s ease,box-shadow .3s ease;max-width:100%;min-width:0}.rn-article-grid__card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.rn-article-grid__card--feature{grid-column:1 / 3;grid-row:1 / 3;position:relative;min-height:420px}.rn-article-grid__card--feature .rn-article-grid__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;padding-bottom:0}.rn-article-grid__card--feature .rn-article-grid__content{position:absolute;bottom:0;left:0;right:0;padding:28px 24px;background:linear-gradient(to top,var(--color-background) 0%,rgba(0,0,0,.85) 60%,transparent 100%);z-index:1;overflow:hidden;max-width:100%;box-sizing:border-box}.rn-article-grid__card--feature .rn-article-grid__title{font-size:clamp(1.125rem,2vw,var(--font-h3--size));-webkit-line-clamp:4}.rn-article-grid__image-wrap{position:relative;width:100%;padding-bottom:60%;overflow:hidden}.rn-article-grid__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.rn-article-grid__card:hover .rn-article-grid__image{transform:scale(1.03)}.rn-article-grid__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.15}.rn-article-grid__content{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1;overflow:hidden;min-width:0;box-sizing:border-box}.rn-article-grid__tag{display:inline-block;width:fit-content;padding:3px 10px;font-family:var(--font-h3--family);font-weight:var(--font-h3--weight);font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;background:var(--color-primary-button-background);color:var(--color-primary-button-text);border-radius:2px;line-height:1.4}.rn-article-grid__title{font-family:var(--font-h1--family);font-weight:var(--font-h1--weight);font-size:var(--font-h4--size, 1.25rem);line-height:1.15;letter-spacing:var(--font-h4--letter-spacing);text-transform:var(--font-h4--case);color:var(--color-foreground-heading);margin:0;overflow-wrap:break-word;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rn-article-grid__blurb{font-family:var(--font-paragraph--family);font-weight:var(--font-paragraph--weight);font-size:var(--font-size--sm, .875rem);line-height:1.5;color:var(--color-foreground);margin:0;overflow-wrap:break-word;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rn-article-grid__meta{display:flex;align-items:center;gap:8px;font-family:var(--font-paragraph--family);font-size:var(--font-size--xs, .75rem);color:var(--color-foreground);opacity:.5;margin-top:auto;padding-top:4px}.rn-article-grid__meta span+span:before{content:"\b7";margin-right:8px}.rn-article-grid__load-more{display:flex;justify-content:center;margin-top:32px}.rn-article-grid__load-btn{display:inline-flex;align-items:center;padding:10px 28px;font-family:var(--font-h3--family);font-weight:var(--font-h3--weight);font-size:var(--font-size--xs, .75rem);letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border:2px solid var(--color-foreground-heading);border-radius:2px;background:transparent;color:var(--color-foreground-heading);cursor:pointer;transition:all .2s ease}.rn-article-grid__load-btn:hover{background:var(--color-primary-button-background);color:var(--color-primary-button-text);border-color:var(--color-primary-button-background)}.rn-article-grid__empty{text-align:center;padding:60px 20px;color:var(--color-foreground);opacity:.5}@media(max-width:989px)and (min-width:750px){.rn-article-grid__grid{grid-template-columns:repeat(2,1fr)}.rn-article-grid__card--feature{grid-column:1 / -1;grid-row:auto;min-height:380px}}@media(max-width:749px){.rn-article-grid{--page-width: 100%;padding-top:calc(var(--rn-ag-padding-top, 32px) * .6);padding-bottom:calc(var(--rn-ag-padding-bottom, 48px) * .6)}.rn-article-grid__grid{grid-template-columns:minmax(0,1fr);gap:calc(var(--rn-ag-card-gap, 20px) * .75)}.rn-article-grid__card--feature{grid-column:1;grid-row:auto;min-height:300px}.rn-article-grid__card--feature .rn-article-grid__title{font-size:1.125rem}.rn-article-grid__title{font-size:.95rem}.rn-article-grid__filters{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:16px;margin-bottom:20px;gap:8px}.rn-article-grid__filters::-webkit-scrollbar{display:none}.rn-article-grid__filter-btn{padding:4px 10px;font-size:.625rem}.rn-article-grid__image-wrap{padding-bottom:56%}.rn-article-grid__content{padding:12px}.rn-article-grid__blurb{font-size:.8rem;-webkit-line-clamp:2}.rn-article-grid__load-btn{padding:8px 20px;font-size:.625rem;width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/rn-article-grid.css.map */