.gro-blog-index{position:relative;margin-block:var(--gro-blog-margin-top, 0) var(--gro-blog-margin-bottom, 0);background:var(--gro-blog-background, var(--gro-bg));color:var(--gro-blog-text, var(--gro-ink-soft))}.gro-blog-index-shell{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:100%;max-width:var(--gro-shell-max-wide);min-height:var(--gro-blog-min-height, 0);margin-inline:auto;padding:var(--gro-blog-pad-top, 75px) var(--gro-blog-pad-x, 0) var(--gro-blog-pad-bottom, 75px)}.gro-blog-index-fill{position:relative;z-index:2;width:100%;height:var(--gro-blog-fill-height, 24px);background:var(--gro-blog-fill-color, var(--gro-surface-dark))}.gro-blog-index__header{width:min(100%,1000px);margin:0 auto var(--gro-space-12);text-align:center}.gro-blog-index__eyebrow{margin:0 0 var(--gro-space-3);color:var(--gro-blog-accent, var(--gro-accent));font-size:var(--gro-text-sm);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.gro-blog-index__heading{margin:0;color:var(--gro-blog-heading, var(--gro-ink));font-family:"Perfectly Nineties",var(--heading-font-family),serif;font-size:var(--gro-text-hero);font-weight:400;line-height:1.1}.gro-blog-index__introduction{max-width:680px;margin:var(--gro-space-6) auto 0;color:var(--gro-blog-text, var(--gro-ink-soft));font-size:var(--gro-text-base);line-height:1.7}.gro-blog-index__introduction>:first-child{margin-top:0}.gro-blog-index__introduction>:last-child{margin-bottom:0}.gro-blog-index__button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:var(--gro-space-6);padding:var(--gro-space-3) var(--gro-space-8);border-radius:var(--gro-radius-sm);background:var(--gro-blog-button-background, var(--gro-accent));color:var(--gro-blog-button-text, var(--gro-on-dark));font-size:var(--gro-text-sm);font-weight:600;text-decoration:none;transition:filter var(--gro-speed-fast) var(--gro-ease),transform var(--gro-speed-fast) var(--gro-ease)}.gro-blog-index__button:hover{filter:brightness(.92);transform:translateY(-1px)}.gro-blog-index__toolbar{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--gro-space-6);margin-bottom:var(--gro-space-8)}.gro-blog-index__results{transition:opacity var(--gro-speed-fast) var(--gro-ease)}.gro-blog-index[aria-busy=true] .gro-blog-index__results{opacity:.55;pointer-events:none}.gro-blog-index__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gro-space-3)}.gro-blog-index__filter{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:var(--gro-space-2) 18px;border:2px solid var(--gro-blog-heading, var(--gro-ink));border-radius:var(--gro-radius-sm);background:var(--gro-bg);color:var(--gro-blog-heading, var(--gro-ink));font-size:var(--gro-text-sm);font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;transition:border-color var(--gro-speed-fast) var(--gro-ease),background-color var(--gro-speed-fast) var(--gro-ease),color var(--gro-speed-fast) var(--gro-ease)}.gro-blog-index__filter:hover{border-color:var(--gro-blog-accent, var(--gro-accent))}.gro-blog-index__filter.is-active{border-color:var(--gro-blog-accent, var(--gro-accent));background:var(--gro-blog-accent, var(--gro-accent));color:var(--gro-blog-button-text, var(--gro-on-dark))}.gro-blog-index__count{position:absolute;right:0;flex:0 0 auto;margin:0;color:var(--gro-blog-text, var(--gro-ink-soft));font-size:var(--gro-text-sm)}.gro-blog-index__grid{display:grid;grid-template-columns:repeat(var(--gro-blog-columns-desktop, 3),minmax(0,1fr));gap:var(--gro-blog-grid-gap, 24px)}.gro-blog-index-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;padding:30px;border-radius:var(--gro-blog-card-radius, 10px);background:var(--gro-blog-card-background, var(--gro-bg-alt));color:var(--gro-blog-card-text, var(--gro-ink));transition:box-shadow var(--gro-speed-fast) var(--gro-ease),transform var(--gro-speed-fast) var(--gro-ease)}.gro-blog-index-card:hover{box-shadow:0 12px 30px #16143314;transform:translateY(-2px)}.gro-blog-index-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--gro-blog-image-ratio, 16 / 10);border-radius:8px;background:var(--gro-border)}.gro-blog-index-card__image,.gro-blog-index-card__placeholder{display:block;width:100%;height:100%}.gro-blog-index-card__image{object-fit:cover;transition:transform var(--gro-speed) var(--gro-ease)}.gro-blog-index-card:hover .gro-blog-index-card__image{transform:scale(1.025)}.gro-blog-index-card__placeholder{padding:var(--gro-space-8)}.gro-blog-index-card__content{display:flex;flex:1 1 auto;flex-direction:column;padding:20px 0 0}.gro-blog-index-card__category{margin:0 0 var(--gro-space-3);color:var(--gro-blog-accent, var(--gro-accent));font-size:var(--gro-text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.gro-blog-index-card__title{margin:0;color:var(--gro-blog-card-text, var(--gro-ink));font-family:"Perfectly Nineties",var(--heading-font-family),serif;font-size:var(--gro-text-2xl);font-weight:400;line-height:1.2}.gro-blog-index-card__title a{color:inherit;text-decoration:none}.gro-blog-index-card__title a:hover{color:var(--gro-blog-accent, var(--gro-accent))}.gro-blog-index-card__excerpt{flex:1 1 auto;margin:var(--gro-space-4) 0 0;color:var(--gro-blog-card-text, var(--gro-ink));font-size:var(--gro-text-sm);line-height:1.65}.gro-blog-index-card__meta{display:flex;flex-wrap:wrap;gap:var(--gro-space-2) var(--gro-space-4);margin-top:var(--gro-space-6);color:var(--gro-blog-card-text, var(--gro-ink));font-size:var(--gro-text-xs)}.gro-blog-index-card__meta>*+*:before{margin-right:var(--gro-space-4);content:"\2022"}.gro-blog-index-pagination{display:grid;grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr);align-items:center;gap:var(--gro-space-4);margin-top:var(--gro-space-12)}.gro-blog-index-pagination__pages{display:flex;align-items:center;justify-content:center;gap:var(--gro-space-2)}.gro-blog-index-pagination__page,.gro-blog-index-pagination__direction{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;border:1px solid var(--gro-border);border-radius:999px;background:var(--gro-bg);color:var(--gro-blog-heading, var(--gro-ink));font-size:var(--gro-text-sm);font-weight:600;text-decoration:none}.gro-blog-index-pagination__direction{gap:var(--gro-space-2);padding-inline:var(--gro-space-4)}.gro-blog-index-pagination__direction:first-child{justify-self:start}.gro-blog-index-pagination__direction:last-child{justify-self:end}.gro-blog-index-pagination__page:hover,.gro-blog-index-pagination__direction:not(.is-disabled):hover{border-color:var(--gro-blog-accent, var(--gro-accent))}.gro-blog-index-pagination__page.is-current{border-color:var(--gro-blog-accent, var(--gro-accent));background:var(--gro-blog-accent, var(--gro-accent));color:var(--gro-blog-button-text, var(--gro-on-dark))}.gro-blog-index-pagination__direction.is-disabled{cursor:not-allowed;opacity:.4}.gro-blog-index-pagination__ellipsis{padding-inline:var(--gro-space-1)}.gro-blog-index__empty{padding-block:var(--gro-space-16);text-align:center}.gro-blog-index__empty h2{margin:0;color:var(--gro-blog-heading, var(--gro-ink));font-family:"Perfectly Nineties",var(--heading-font-family),serif;font-size:var(--gro-text-3xl);font-weight:400}.gro-blog-index a:focus-visible{outline:3px solid var(--gro-blog-accent, var(--gro-accent));outline-offset:3px}@media(max-width:1024px){.gro-blog-index-shell{padding-inline:var(--gro-pad-tablet, 32px)}.gro-blog-index__grid{grid-template-columns:repeat(var(--gro-blog-columns-tablet, 2),minmax(0,1fr))}}@media(max-width:768px){.gro-blog-index-shell{padding:var(--gro-blog-pad-top-mobile, 50px) var(--gro-pad-mobile, 20px) var(--gro-blog-pad-bottom-mobile, 50px)}.gro-blog-index__header{margin-bottom:var(--gro-space-8)}.gro-blog-index__toolbar{align-items:center;flex-direction:column}.gro-blog-index__count{position:static;align-self:center}.gro-blog-index__filters{width:100%;max-width:100%;margin-inline:0;padding-inline:0;overflow:visible;flex-wrap:wrap;justify-content:center;scroll-snap-type:none}.gro-blog-index__filter{max-width:100%;text-align:center;white-space:normal}.gro-blog-index__grid{grid-template-columns:1fr}.gro-blog-index-pagination{grid-template-columns:1fr 1fr}.gro-blog-index-pagination__pages{grid-column:1 / -1;grid-row:1}.gro-blog-index-pagination__direction{grid-row:2}}@media(max-width:480px){.gro-blog-index-shell{padding-inline:var(--gro-pad-small, 16px)}.gro-blog-index-card{padding:var(--gro-pad-mobile, 20px)}.gro-blog-index-pagination__direction{min-width:0}}@media(prefers-reduced-motion:reduce){.gro-blog-index-card__image,.gro-blog-index-card,.gro-blog-index__results,.gro-blog-index__button,.gro-blog-index__filter{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/gro-blog-index.css.map */