.blog__hero{position:relative;margin-bottom:clamp(var(--space-8),4vw,var(--space-12))}.blog__hero-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.blog__hero-backdrop .media{height:100%}.blog__hero-backdrop .media__img{width:100%;height:100%;object-fit:cover}.blog__hero-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-background);opacity:.72}.blog__hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-8)}.blog__hero--background .blog__hero-inner{padding:clamp(var(--space-8),5vw,var(--space-16)) clamp(var(--space-5),4vw,var(--space-12))}.blog__hero-content{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start;min-width:0}.blog__breadcrumb{margin-bottom:var(--space-2)}.blog__title{margin:0}.blog__description{max-width:60ch;color:var(--color-foreground-muted)}.blog__description>:last-child{margin-bottom:0}.blog__active-tag{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0;font-size:var(--font-size-body-sm)}.blog__hero-media{min-width:0}@media screen and (min-width:990px){.blog__hero--split .blog__hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(var(--space-8),4vw,var(--space-16))}}.blog__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-6);padding-bottom:var(--space-5);margin-bottom:clamp(var(--space-6),3vw,var(--space-10));border-bottom:1px solid var(--color-border)}.blog__count{margin:0;color:var(--color-foreground-muted);font-size:var(--font-size-caption);letter-spacing:.04em;text-transform:uppercase}.blog__tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.blog__tag{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-foreground-muted);font-size:var(--font-size-caption);letter-spacing:.02em;text-decoration:none;white-space:nowrap;transition:border-color var(--duration-fast) ease,background-color var(--duration-fast) ease,color var(--duration-fast) ease}.blog__tag:hover{border-color:var(--color-border-strong);color:var(--color-foreground)}.blog__tag.is-active{border-color:var(--color-foreground);background-color:var(--color-foreground);color:var(--color-background)}.blog__search{position:relative;display:flex;align-items:center;min-width:0;margin-left:auto;flex:0 1 260px}.blog__search-input{width:100%;padding-right:calc(var(--touch-target) - var(--space-2))}.blog__search-submit{position:absolute;right:0;color:var(--color-foreground-muted)}.blog__search-submit:hover{color:var(--color-foreground)}.blog__body{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(var(--space-10),5vw,var(--space-16))}.blog__results{min-width:0}@media screen and (min-width:990px){.blog--sidebar-right .blog__body,.blog--sidebar-left .blog__body{grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:start}.blog--sidebar-left .blog__body{grid-template-columns:minmax(0,300px) minmax(0,1fr)}.blog--sidebar-left .blog__results{order:2}.blog--sidebar-left .blog__sidebar{order:1}.blog__sidebar{position:sticky;top:calc(var(--header-group-height, 0px) + var(--space-6))}}.blog__featured{padding-bottom:clamp(var(--space-8),4vw,var(--space-12));margin-bottom:clamp(var(--space-8),4vw,var(--space-12));border-bottom:1px solid var(--color-border)}.blog-grid{margin:0;padding:0;list-style:none}.blog-grid__item{min-width:0}.blog-grid--grid,.blog-grid--featured{display:grid;grid-template-columns:repeat(var(--columns-mobile, 1),minmax(0,1fr));gap:var(--grid-gap, 32px)}.blog-grid--list{display:flex;flex-direction:column;gap:var(--grid-gap, 32px)}.blog-grid--masonry>.blog-grid__item{break-inside:avoid;margin-bottom:var(--grid-gap, 32px)}@media screen and (min-width:750px){.blog-grid--grid,.blog-grid--featured{grid-template-columns:repeat(var(--columns-desktop, 3),minmax(0,1fr))}.blog-grid--masonry{columns:var(--columns-desktop, 3);column-gap:var(--grid-gap, 32px)}}.blog__empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5);padding-block:var(--space-12)}.blog__empty-text{margin:0;color:var(--color-foreground-muted)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-blog.css.map */