.section-main-blog-vars,.blog-banner,.blog-main,.blog-sidebar,.blog-card,.blog-pagination{--blog-radius: 1rem;--blog-radius-sm: .5rem;--blog-gap: 2rem;--blog-transition: .25s cubic-bezier(.4, 0, .2, 1);--blog-tag-bg: color-mix(in srgb, var(--color-foreground) 8%, transparent);--blog-tag-color: var(--color-foreground);--blog-tag-active-bg: var(--color-button);--blog-tag-active-color: var(--color-button-text);--blog-card-shadow: 0 2px 12px rgba(0, 0, 0, .07);--blog-card-shadow-hover: 0 8px 32px rgba(0, 0, 0, .13);--blog-banner-min-height: 420px}.blog-banner{position:relative;min-height:var(--blog-banner-min-height);display:flex;align-items:center;overflow:hidden;isolation:isolate}.blog-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.blog-banner__img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.blog-banner__img--placeholder{background:var(--color-background-2, #f4f4f4)}.blog-banner__media--placeholder .blog-banner__img{height:100%}.blog-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgba(0,0,0,var(--overlay-opacity, .45))}.blog-banner__content{position:relative;z-index:2;padding-top:4rem;padding-bottom:4rem;color:#fff;text-align:center;max-width:760px;margin-inline:auto}.blog-banner__subtitle{font-size:.8125rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-bottom:.75rem}.blog-banner__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1;margin-bottom:1.25rem;letter-spacing:-.02em}.blog-banner__description{font-size:1.0625rem;line-height:1.65;opacity:.85;max-width:580px;margin-inline:auto}.blog-main{padding-top:var(--section-padding-top, 3rem);padding-bottom:var(--section-padding-bottom, 3rem)}.blog-main__inner{display:grid;grid-template-columns:220px 1fr;gap:var(--blog-gap) calc(var(--blog-gap) * 1.5);align-items:start}.blog-sidebar__sticky{position:sticky;top:calc(var(--header-height, 0px) + 1.5rem)}.blog-sidebar__heading{font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.45;margin-bottom:.875rem}.blog-sidebar__tags{display:flex;flex-direction:column;gap:.375rem}.blog-tag-btn{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .875rem .5rem 1.375rem;border-radius:2rem;border:1.5px solid transparent;background:transparent;color:var(--color-foreground);font-size:.875rem;font-weight:500;text-decoration:none;transition:background var(--blog-transition),color var(--blog-transition),overflow: hidden}.blog-tag-btn:before{content:"";position:absolute;top:50%;left:.875rem;transform:translateY(-50%);width:8px;height:8px;background-color:#fff;opacity:0;transition:opacity .3s}.blog-tag-btn:hover,.blog-tag-btn:focus-visible{background:#000;color:#fff;transform:none;outline:none;padding-left:32px}.blog-tag-btn:hover:before,.blog-tag-btn:focus-visible:before{opacity:1}.blog-tag-btn--active{background:#000;color:#fff;padding-left:32px}.blog-tag-btn--active:before{opacity:1}.blog-tag-btn--active:hover,.blog-tag-btn--active:focus-visible{opacity:.85}.blog-tag-btn__count{font-size:.72rem;opacity:.55;flex-shrink:0;display:none}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--blog-gap)}.blog-card{display:flex;flex-direction:column;background:var(--color-background);border:1px solid color-mix(in srgb,var(--color-foreground) 10%,transparent);border-radius:var(--blog-radius);overflow:hidden;transition:border-color var(--blog-transition)}.blog-card:hover,.blog-card:focus-within{border-color:color-mix(in srgb,var(--color-button) 30%,transparent)}.blog-card__image-wrap{position:relative}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.4,0,.2,1);display:block;aspect-ratio:16 / 9}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background var(--blog-transition)}.blog-card:hover .blog-card__image-overlay{background:#00000014}.blog-card__image--placeholder{padding:2rem;color:var(--color-foreground);opacity:.3}.blog-card__image-wrap--placeholder{display:flex;align-items:center;justify-content:center}.blog-card__body{display:flex;flex-direction:column;flex:1;padding:1.375rem 1.5rem 1.5rem;gap:.625rem}.blog-card__tags{position:absolute;bottom:.75rem;left:.75rem;z-index:2;list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.375rem;max-width:calc(100% - 1.5rem)}.blog-card__tag{display:inline-block;padding:.25rem .625rem;border-radius:100px;border:1.5px solid #fff;background:transparent;color:#fff;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;line-height:1.5;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background var(--blog-transition),color var(--blog-transition);white-space:nowrap}.blog-card__tag:hover,.blog-card__tag:focus-visible{background:#fff;color:#000;outline:none}.blog-card__tag--active{background:#ffffff40}.blog-card__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.blog-card__date,.blog-card__author{font-size:.78125rem;opacity:.5;font-weight:500}.blog-card__date+.blog-card__author:before{content:"\b7";margin-right:.75rem}.blog-card__title{font-size:1.0625rem;font-weight:700;line-height:1.3;margin:0;letter-spacing:-.01em}.blog-card__title-link{color:var(--color-foreground);text-decoration:none;transition:color var(--blog-transition)}.blog-card__title-link:hover,.blog-card__title-link:focus-visible{color:var(--color-button);outline:none}.blog-card__excerpt{font-size:.875rem;line-height:1.65;opacity:.65;margin:0;flex:1;display:-webkit-box;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card__cta{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;font-weight:600;color:var(--color-button);text-decoration:none;transition:gap var(--blog-transition),color var(--blog-transition);align-self:flex-start}.blog-card__cta:hover,.blog-card__cta:focus-visible{gap:.75rem;outline:none}.blog-card__cta-icon{flex-shrink:0;transition:transform var(--blog-transition)}.blog-card__cta:hover .blog-card__cta-icon,.blog-card__cta:focus-visible .blog-card__cta-icon{transform:translate(4px)}.blog-empty{font-size:1rem;opacity:.55;padding:3rem 0;text-align:center}/ .blog-pagination{margin-top:calc(var(--blog-gap, 2rem) * 1.5);width:100%}.pagination__list{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:.375rem;list-style:none;padding:0;margin:0}.pagination__item{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;padding:0 .5rem;border-radius:0;border:1px solid color-mix(in srgb,var(--color-foreground, #000) 20%,transparent);background:transparent;color:var(--color-foreground, #000);font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s ease-in-out}.pagination__item:hover,.pagination__item:focus-visible{background:#000;color:#fff;border-color:#000;outline:none}.pagination__item.pagination__item--current{background:#000;color:#fff;border-color:#000;pointer-events:none}.pagination__item--prev,.pagination__item--next{border-color:transparent}.list-unstyled{list-style:none}.blog-content{min-width:0}.blog-grid{padding-inline:0}@media screen and (max-width:989px){.blog-main__inner{grid-template-columns:1fr;gap:1.5rem}.blog-sidebar__tags{flex-direction:row;flex-wrap:wrap}.blog-tag-btn:hover{transform:none}.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;padding-inline:.25rem}}@media screen and (max-width:749px){.blog-grid{grid-template-columns:1fr;gap:1.25rem;padding-inline:.5rem}.blog-card__tag{font-size:.625rem;padding:.2rem .5rem}.pagination__item a,.pagination__item span{min-width:2rem;height:2rem;font-size:.8125rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-main-blog.css.map */