.blog-page{padding-block:var(--blog-page-padding-top) var(--blog-page-padding-bottom);background:var(--gradient-background, var(--color-background));color:var(--color-foreground)}.blog-page__inner{width:min(var(--blog-page-width),calc(100% - (var(--page-margin) * 2)));margin-inline:auto}.blog-page__header{margin-block-end:clamp(26px,4vw,48px);text-align:var(--blog-page-title-alignment)}.blog-page__title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px 18px}.blog-page__title{margin:0;color:var(--color-section-title, var(--color-foreground));font-family:var(--font-heading--family);font-size:var(--blog-page-title-size);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);line-height:var(--font-heading--line-height);letter-spacing:var(--font-heading--letter-spacing);text-transform:var(--font-heading--text-transform);text-wrap:balance}.blog-page__count{padding:6px 11px;border:1px solid var(--color-border);border-radius:999px;color:color-mix(in srgb,var(--color-foreground) 65%,transparent);font-size:var(--font-size-caption);line-height:1}.blog-page__subtitle{max-width:720px;margin:14px 0 0;color:color-mix(in srgb,var(--color-foreground) 70%,transparent);font-size:var(--font-size-large);line-height:1.55}.blog-page--title-center .blog-page__title-row{justify-content:center}.blog-page--title-center .blog-page__subtitle{margin-inline:auto}.blog-page--title-right .blog-page__title-row{justify-content:flex-end}.blog-page--title-right .blog-page__subtitle{margin-inline:auto 0}.blog-page__filters{display:flex;gap:10px;margin-block-end:clamp(26px,3vw,38px);padding-block-end:3px;overflow-x:auto;scrollbar-width:none}.blog-page__filters::-webkit-scrollbar{display:none}.blog-page__filter{flex:0 0 auto;padding:9px 16px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-background);color:var(--color-foreground);font-size:var(--font-size-small);line-height:1.2;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.blog-page__filter:hover,.blog-page__filter.is-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-button-text)}.blog-page__grid{display:grid;grid-template-columns:repeat(var(--blog-page-columns),minmax(0,1fr));align-items:stretch;gap:var(--blog-page-gap)}.blog-page__card{min-width:0;overflow:hidden;display:flex;flex-direction:column;border:1px solid color-mix(in srgb,var(--color-foreground) 13%,transparent);border-radius:var(--style-border-radius-cards);background:var(--color-background);color:var(--color-foreground);box-shadow:0 2px 8px color-mix(in srgb,var(--color-shadow) 7%,transparent);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.blog-page__card:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:0 14px 34px color-mix(in srgb,var(--color-shadow) 13%,transparent);transform:translateY(-3px)}.blog-page__card--featured{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}.blog-page__media{position:relative;display:block;overflow:hidden;aspect-ratio:var(--blog-page-image-ratio);background:color-mix(in srgb,var(--color-foreground) 5%,var(--color-background));color:color-mix(in srgb,var(--color-primary) 25%,var(--color-background))}.blog-page__card--featured .blog-page__media{min-height:390px;aspect-ratio:auto}.blog-page__image,.blog-page__placeholder{display:block;width:100%;height:100%;object-fit:var(--blog-page-image-fit);transition:transform .5s ease}.blog-page__card:hover .blog-page__image{transform:scale(1.035)}.blog-page__badges{position:absolute;z-index:1;inset:14px auto auto 14px;display:flex;flex-wrap:wrap;gap:7px;max-width:calc(100% - 28px)}.blog-page__badge{padding:6px 10px;border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent);border-radius:999px;background:color-mix(in srgb,var(--color-background) 92%,transparent);color:var(--color-foreground);box-shadow:0 2px 10px color-mix(in srgb,var(--color-shadow) 9%,transparent);font-size:var(--font-size-caption);font-weight:700;line-height:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.blog-page__badge--featured{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-button-text)}.blog-page__card-content{flex:1 1 auto;display:flex;flex-direction:column;padding:clamp(18px,2vw,26px)}.blog-page__card--featured .blog-page__card-content{justify-content:center;padding:clamp(28px,4vw,56px)}.blog-page__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-block-end:14px;color:color-mix(in srgb,var(--color-foreground) 60%,transparent);font-size:var(--font-size-caption)}.blog-page__meta-item{display:inline-flex;align-items:center;gap:6px}.blog-page__meta-item svg{flex:0 0 auto;width:16px;height:16px}.blog-page__article-title{margin:0;font-family:var(--font-heading--family);font-size:var(--font-size-heading-small);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);line-height:1.28;letter-spacing:var(--font-heading--letter-spacing);text-wrap:balance}.blog-page__card--featured .blog-page__article-title{font-size:var(--font-size-heading-large)}.blog-page__article-title a{color:inherit;text-decoration:none}.blog-page__article-title a:hover{color:var(--color-primary)}.blog-page__excerpt{display:-webkit-box;margin:14px 0 0;overflow:hidden;color:color-mix(in srgb,var(--color-foreground) 76%,transparent);font-size:var(--font-size-body);line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}.blog-page__card--featured .blog-page__excerpt{-webkit-line-clamp:4}.blog-page__read-more{width:fit-content;margin-block-start:auto;padding-block-start:22px;display:inline-flex;align-items:center;gap:5px;color:var(--color-link);font-size:var(--font-size-body);font-weight:700;text-decoration:none}.blog-page__read-more:hover{color:var(--color-primary)}.blog-page__read-more svg{width:18px;height:18px;transition:transform .16s ease}.blog-page__read-more:hover svg{transform:translate(3px)}.blog-page__pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-block-start:clamp(36px,5vw,64px)}.blog-page__pagination a,.blog-page__pagination>span{min-width:42px;height:42px;padding-inline:10px;border:1px solid var(--color-border);border-radius:999px;display:inline-grid;place-items:center;background:var(--color-background);color:var(--color-foreground);font-size:var(--font-size-small);text-decoration:none}.blog-page__pagination a:hover,.blog-page__pagination [aria-current=page]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-button-text)}.blog-page__pagination .blog-page__pagination-ellipsis{min-width:auto;border-color:transparent;background:transparent}.blog-page__pagination-arrow svg{width:18px;height:18px}.blog-page__empty{min-height:320px;padding:40px;border:1px dashed var(--color-border);border-radius:var(--style-border-radius-cards);display:grid;place-items:center;align-content:center;color:color-mix(in srgb,var(--color-foreground) 65%,transparent);text-align:center}.blog-page__empty svg{width:52px;height:52px;margin-block-end:14px;color:var(--color-primary)}.blog-page__empty h2{margin:0;color:var(--color-foreground);font-size:var(--font-size-heading-small)}.blog-page__empty p{margin:8px 0 0}.blog-page__empty a{margin-block-start:18px;color:var(--color-link);font-weight:700}.blog-page :is(a):focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media screen and (max-width:989px){.blog-page__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-page__card--featured{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.blog-page__card--featured .blog-page__media{min-height:340px}.blog-page__card--featured .blog-page__article-title{font-size:var(--font-size-heading-medium)}}@media screen and (max-width:749px){.blog-page{--blog-page-padding-top: min(var(--blog-page-padding-top), 32px);--blog-page-padding-bottom: min(var(--blog-page-padding-bottom), 52px)}.blog-page__title-row{align-items:flex-start}.blog-page__title{font-size:var(--blog-page-title-size-mobile)}.blog-page__count{margin-block-start:4px}.blog-page__subtitle{font-size:var(--font-size-body)}.blog-page__filters{width:calc(100% + var(--page-margin));margin-inline-end:calc(var(--page-margin) * -1)}.blog-page__grid{grid-template-columns:repeat(var(--blog-page-mobile-columns),minmax(0,1fr))}.blog-page__card--featured{display:flex}.blog-page__card--featured .blog-page__media{min-height:0;aspect-ratio:var(--blog-page-image-ratio)}.blog-page__card--featured .blog-page__card-content{justify-content:flex-start;padding:clamp(18px,2vw,26px)}.blog-page__card--featured .blog-page__article-title{font-size:var(--font-size-heading-small-mobile)}.blog-page__article-title{font-size:var(--font-size-large)}.blog-page__card-content{padding:16px}.blog-page__meta{gap:6px 10px}}@media screen and (max-width:520px){.blog-page__excerpt,.blog-page__read-more{font-size:var(--font-size-small)}}@media(prefers-reduced-motion:reduce){.blog-page__filter,.blog-page__card,.blog-page__image,.blog-page__read-more svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/blog.css.map */