.blog-hero{padding-top:var(--blog-hero-padding-top, var(--spacing-64));padding-bottom:var(--blog-hero-padding-bottom, var(--layout-padding-inline-desktop));width:100%}@media(max-width:1023px){.blog-hero{padding-top:var(--blog-hero-padding-top-mobile);padding-bottom:var(--blog-hero-padding-bottom-mobile)}.blog-hero__container{padding-left:var(--layout-padding-inline-mobile);padding-right:var(--layout-padding-inline-mobile)}}.blog-hero__container{max-width:var(--max-width-cards-grid);margin:0 auto;padding:0 var(--spacing-40)}.blog-hero__content{display:flex;flex-direction:column;align-items:center}.blog-hero__title{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-8);margin:0}.blog-hero__title-line{display:block}.blog-hero__title-line--green{font-family:var(--font-sans);font-size:var(--title-large-size);font-weight:var(--fw-normal);letter-spacing:var(--title-large-spacing);line-height:var(--lh-title);color:var(--color-grass-green)}.blog-hero__title-line--italic{font-family:var(--font-serif);font-size:var(--title-large-size);font-style:italic;font-weight:var(--fw-normal);letter-spacing:var(--title-large-spacing);line-height:var(--lh-title);color:var(--color-soot-black)}.blog-hero__search{width:var(--layout-width-1010);max-width:100%;height:var(--icon-size-2xl);padding:var(--spacing-4);background-color:var(--color-cream-white);border-radius:var(--radius-pill);outline:var(--outline-subtle);outline-offset:-1px;display:inline-flex;justify-content:space-between;align-items:center;box-sizing:border-box}.blog-hero__search-wrapper{flex:1;position:relative;display:flex;align-items:center;overflow:hidden}.blog-hero__search-input{flex:1;padding:var(--spacing-12) var(--spacing-16);background:transparent;border:none;border-radius:var(--radius-pill);font-family:var(--font-sans);font-size:var(--text-small-size);font-weight:var(--fw-normal);line-height:var(--lh-solid);color:var(--color-gunmetal-gray);outline:none;z-index:1}.blog-hero__search-input::placeholder{color:transparent}.blog-hero__search-input::-webkit-search-cancel-button,.blog-hero__search-input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.blog-hero__search-input::-ms-clear{display:none}.blog-hero__search-input:focus{outline:none}.blog-hero__search-input:focus+.blog-hero__search-placeholder,.blog-hero__search-input:not(:placeholder-shown)+.blog-hero__search-placeholder{opacity:0;transform:translateY(var(--spacing-10))}.blog-hero__search-placeholder{position:absolute;left:var(--spacing-16);pointer-events:none;z-index:0;overflow:hidden;height:var(--text-small-size);line-height:var(--lh-solid)}.blog-hero__search-placeholder-text{display:block;font-family:var(--font-sans);font-size:var(--text-small-size);font-weight:var(--fw-normal);line-height:var(--lh-solid);color:var(--color-gunmetal-gray);transition:transform .3s ease-in-out,opacity .3s ease-in-out;white-space:nowrap;transform:translateY(0);opacity:1}.blog-hero__search-placeholder-text.animate-out{transform:translateY(100%);opacity:0}.blog-hero__search-placeholder-text.animate-in{transform:translateY(0);opacity:1}.blog-hero__search-clear{position:absolute;right:var(--spacing-12);width:var(--icon-size-lg);height:var(--icon-size-lg);padding:0;background:transparent;border:none;cursor:pointer;display:none;align-items:center;justify-content:center;color:var(--color-gunmetal-gray);z-index:2}.blog-hero__search-clear.show{display:flex}.blog-hero__search-clear svg{width:var(--icon-size-md);height:var(--icon-size-md)}.blog-hero__search-button{flex-shrink:0;width:var(--icon-size-xl);height:var(--icon-size-xl);padding:var(--spacing-10);background-color:var(--color-soot-black);border:none;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity var(--transition-fast)}.blog-hero__search-button:hover{opacity:var(--opacity-text-secondary)}.blog-hero__search-button svg{display:block;width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-white);flex-shrink:0}.blog-categories{padding-top:0;padding-bottom:var(--blog-categories-padding-bottom, var(--spacing-64));width:100%}@media(max-width:1023px){.blog-categories{padding-top:var(--blog-categories-padding-top-mobile);padding-bottom:var(--blog-categories-padding-bottom-mobile)}.blog-categories__container{padding-left:var(--layout-padding-inline-mobile);padding-right:var(--layout-padding-inline-mobile)}}.blog-categories__container{max-width:var(--max-width-cards-grid);margin:0 auto;padding:0 var(--spacing-40)}.blog-categories__grid{display:grid;grid-template-columns:repeat(3,var(--layout-width-330));gap:var(--spacing-10);align-items:start;justify-content:center}.blog-categories__empty{text-align:center;color:var(--color-gunmetal-gray);padding:var(--spacing-64) 0}.category-card{display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-24);background-color:var(--color-cream-white);border:var(--outline-subtle);border-radius:var(--radius-24);width:var(--layout-width-330);height:var(--layout-width-330);box-sizing:border-box;transition:box-shadow var(--transition-fast);cursor:pointer}.category-card:hover{box-shadow:var(--card-shadow-hover)}.category-card__header{display:flex;flex-direction:column;gap:var(--spacing-12)}.category-card__badge{align-self:flex-start;display:inline-flex;justify-content:flex-start;align-items:center;height:var(--icon-size-xl);padding-left:var(--spacing-12);padding-right:var(--spacing-12);border-radius:var(--radius-pill);outline:var(--outline-subtle);outline-offset:-1px}.category-card__badge-text{color:var(--color-gunmetal-gray);font-size:var(--text-small-size);font-family:var(--font-sans);font-weight:var(--fw-normal);line-height:var(--lh-solid);word-wrap:break-word}.category-card__title{margin:0;color:var(--color-soot-black);font-family:var(--font-sans);font-size:var(--title-product-size);font-weight:var(--fw-normal);font-style:normal;letter-spacing:var(--title-product-spacing);line-height:var(--lh-solid)}.category-card__title-link{color:inherit;text-decoration:none;transition:opacity var(--transition-fast)}.category-card__title-link:hover{opacity:var(--opacity-text-secondary)}.category-card__footer{display:flex;flex-direction:column;margin-top:auto}.category-card__articles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-10)}.category-card__article-item{margin:0}.category-card__article-text{color:var(--color-gunmetal-gray);display:block;font-family:var(--font-sans);font-size:var(--text-small-size);font-weight:var(--fw-normal);font-style:normal;letter-spacing:var(--text-small-spacing);line-height:var(--lh-solid);text-decoration:none;transition:text-decoration var(--transition-fast)}.category-card__article-text:hover{text-decoration:underline}.blog-articles{padding-top:var(--blog-articles-padding-top, 0);padding-bottom:var(--blog-articles-padding-bottom, var(--spacing-64));width:100%}@media(max-width:1023px){.blog-articles{padding-top:var(--blog-articles-padding-top-mobile);padding-bottom:var(--blog-articles-padding-bottom-mobile)}.blog-articles__container{padding-left:var(--layout-padding-inline-mobile);padding-right:var(--layout-padding-inline-mobile)}}.blog-articles__container{max-width:var(--layout-width-1010);margin:0 auto;padding:0 var(--spacing-40)}.blog-articles__header{margin-bottom:var(--layout-padding-inline-desktop);width:var(--layout-width-1010);max-width:100%;margin-left:auto;margin-right:auto}.breadcrumbs-header{display:flex;align-items:center;gap:var(--spacing-14)}.breadcrumbs-header__icon-link{text-decoration:none;display:inline-block;flex-shrink:0}.breadcrumbs-header__icon{width:var(--icon-size-xl);height:var(--icon-size-xl);background-color:var(--color-cream-white);border:var(--outline-subtle);border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:box-shadow var(--transition-fast);padding:var(--spacing-10);box-sizing:border-box}.breadcrumbs-header__icon-link:hover .breadcrumbs-header__icon{box-shadow:var(--card-shadow-hover)}.breadcrumbs-header__icon img{width:var(--icon-size-sm);height:var(--icon-size-sm);object-fit:contain;display:block;color:var(--color-flagstone-grey)}.breadcrumbs-header__title{color:var(--color-soot-black);font-family:var(--font-sans);font-size:var(--title-product-size);font-weight:var(--fw-normal);font-style:normal;letter-spacing:var(--title-product-spacing);line-height:var(--lh-solid);margin:0}.breadcrumbs-header__title--link{text-decoration:none;color:var(--color-soot-black);transition:opacity var(--transition-fast)}.breadcrumbs-header__title--link:hover{opacity:var(--opacity-nav-link-hover)}.breadcrumbs-header__separator{width:var(--icon-size-xs);height:var(--icon-size-xs);background-color:var(--color-flagstone-grey);opacity:var(--opacity-text-date);border-radius:var(--radius-pill);flex-shrink:0}.blog-articles__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-10);align-items:start}.blog-articles__empty{text-align:center;color:var(--color-gunmetal-gray);padding:var(--spacing-64) 0}.article-card-wrapper{width:100%;min-width:0;opacity:0;transform:translateY(var(--spacing-20))}@keyframes articleCardFadeIn{0%{opacity:0;transform:translateY(var(--spacing-20))}to{opacity:1;transform:translateY(0)}}.article-card{display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-24);background-color:var(--color-cream-white);border:var(--outline-subtle);border-radius:var(--radius-24);text-decoration:none;width:100%;height:250px;box-sizing:border-box;transition:box-shadow var(--transition-fast)}.article-card:hover{box-shadow:var(--card-shadow-hover)}.article-card__header{display:flex;flex-direction:column;gap:var(--spacing-12)}.article-card__read-time{align-self:flex-start;display:inline-flex;justify-content:flex-start;align-items:center;height:var(--icon-size-xl);padding-left:var(--spacing-12);padding-right:var(--spacing-12);border-radius:var(--radius-pill);outline:var(--outline-subtle);outline-offset:-1px;min-width:var(--icon-size-xl);max-width:var(--icon-size-xl);transition:max-width .3s ease-out;overflow:hidden;white-space:nowrap}.article-card__read-time-text{color:var(--color-gunmetal-gray);font-size:var(--text-small-size);font-family:var(--font-sans);font-weight:var(--fw-normal);letter-spacing:var(--text-small-spacing);line-height:var(--lh-body);word-wrap:break-word;opacity:0;transform:translateY(calc(-1 * var(--spacing-4)));transition:opacity .3s ease-out,transform .3s ease-out}.article-card__read-time-text.fade-in{opacity:1;transform:translateY(0)}.article-card__title{margin:0;color:var(--color-soot-black);font-family:var(--font-sans);font-size:var(--title-product-size);font-weight:var(--fw-normal);font-style:normal;letter-spacing:var(--title-product-spacing);line-height:var(--lh-solid)}.article-card__footer{display:flex;flex-direction:column;margin-top:auto}.article-card__excerpt{color:var(--color-gunmetal-gray);display:block;font-family:var(--font-sans);font-size:var(--text-small-size);font-weight:var(--fw-normal);font-style:normal;letter-spacing:var(--text-small-spacing);line-height:var(--lh-body);text-decoration:none;margin:0}.article-content{padding-top:var(--article-content-padding-top, var(--spacing-40));padding-bottom:var(--article-content-padding-bottom, var(--spacing-64));width:100%}@media(max-width:1023px){.article-content{padding-top:var(--article-content-padding-top-mobile);padding-bottom:var(--article-content-padding-bottom-mobile)}.article-content__container{padding-left:var(--layout-padding-inline-mobile);padding-right:var(--layout-padding-inline-mobile)}}.article-content__container{max-width:var(--layout-width-1010);margin:0 auto;padding:0 var(--spacing-40)}.article-content__container .article-content__breadcrumbs{margin-bottom:var(--layout-padding-inline-desktop);width:100%;max-width:100%;margin-left:0;margin-right:0}.article-content__breadcrumbs{margin-bottom:var(--layout-padding-inline-desktop);width:var(--layout-width-1010);max-width:100%;margin-left:auto;margin-right:auto}.article-content__breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-14);list-style:none;margin:0;padding:0}.article-content__breadcrumbs-item{display:flex;align-items:center;gap:var(--spacing-14)}.article-content__breadcrumbs-separator{color:var(--color-gunmetal-gray);opacity:var(--opacity-text-date)}.article-content__breadcrumbs-link{display:flex;align-items:center;color:var(--color-gunmetal-gray);text-decoration:none;font-family:var(--font-sans);font-size:var(--text-regular-size);font-weight:var(--fw-normal);letter-spacing:var(--text-regular-spacing);line-height:var(--lh-body);transition:opacity var(--transition-fast)}.article-content__breadcrumbs-link:hover{opacity:var(--opacity-nav-link-hover)}.article-content__breadcrumbs-link svg{width:var(--text-regular-size);height:var(--text-regular-size);color:var(--color-gunmetal-gray)}.article-content__breadcrumbs-current{color:var(--color-soot-black);font-family:var(--font-sans);font-size:var(--text-regular-size);font-weight:var(--fw-normal);letter-spacing:var(--text-regular-spacing);line-height:var(--lh-body)}.article-content__article{background-color:var(--color-cream-white);border:var(--outline-subtle);border-radius:var(--radius-24);padding:var(--spacing-24);position:relative}.article-content__read-time{display:inline-flex;justify-content:flex-start;align-items:center;height:var(--icon-size-xl);padding-left:var(--spacing-12);padding-right:var(--spacing-12);border-radius:var(--radius-pill);outline:var(--outline-subtle);outline-offset:-1px;min-width:var(--icon-size-xl);max-width:var(--icon-size-xl);transition:max-width .3s ease-out;overflow:hidden;white-space:nowrap}.article-content__read-time-text{color:var(--color-gunmetal-gray);font-size:var(--text-small-size);font-family:var(--font-sans);font-weight:var(--fw-normal);letter-spacing:var(--text-small-spacing);line-height:var(--lh-body);word-wrap:break-word;opacity:0;transform:translateY(calc(-1 * var(--spacing-4)));transition:opacity .3s ease-out,transform .3s ease-out}.article-content__read-time-text.fade-in{opacity:1;transform:translateY(0)}.article-content__title{margin-top:var(--spacing-32);margin-bottom:var(--spacing-24);color:var(--color-soot-black)}.article-content__body{color:var(--color-gunmetal-gray);font-size:var(--text-small-size);letter-spacing:var(--text-small-spacing)}.article-content__body p{margin-bottom:var(--spacing-24);color:var(--color-gunmetal-gray);font-size:var(--text-small-size);letter-spacing:var(--text-small-spacing)}.article-content__body p:last-child{margin-bottom:0}.article-content__body h1,.article-content__body h2{font-family:var(--font-sans);font-size:var(--title-micro-size);font-style:normal;font-weight:var(--fw-normal);letter-spacing:var(--title-micro-spacing);line-height:var(--lh-body);margin:var(--spacing-40) 0 var(--spacing-24);color:var(--color-soot-black)}.article-content__body h1:first-child,.article-content__body h2:first-child{margin-top:0}.article-content__body h3{font-family:var(--font-sans);font-size:var(--text-body-size);font-style:normal;font-weight:var(--fw-medium);letter-spacing:var(--text-body-spacing);line-height:var(--lh-body);margin:var(--spacing-36) 0 var(--spacing-16);color:var(--color-soot-black)}.article-content__body h4,.article-content__body h5,.article-content__body h6{font-family:var(--font-sans);font-size:var(--text-regular-size);font-style:normal;font-weight:var(--fw-medium);letter-spacing:var(--text-regular-spacing);line-height:var(--lh-body);margin:var(--spacing-24) 0 var(--spacing-12);color:var(--color-soot-black)}.article-content__body a{color:var(--color-soot-black);text-decoration:underline}.article-content__body a:hover{text-decoration:none}.article-content__body ul,.article-content__body ol{margin:0 0 var(--spacing-24);padding-left:var(--spacing-24);color:var(--color-gunmetal-gray);font-size:var(--text-small-size);letter-spacing:var(--text-small-spacing)}.article-content__body li{margin-bottom:var(--spacing-12);color:var(--color-gunmetal-gray);font-size:var(--text-small-size);letter-spacing:var(--text-small-spacing)}.article-content__body li:last-child{margin-bottom:0}.article-content__body strong{font-weight:var(--fw-medium);color:var(--color-soot-black)}.article-content__body em{font-style:italic;color:var(--color-gunmetal-gray)}.article-content__cta{margin-top:var(--spacing-48);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--spacing-16)}.article-content__cta-text{color:var(--color-gunmetal-gray);margin:0;font-family:var(--font-sans);font-size:var(--text-regular-size);font-weight:var(--fw-normal);letter-spacing:var(--text-regular-spacing);line-height:var(--lh-solid)}.article-content__cta-button{flex-shrink:0}.article-content__cta-button .btn__icon{padding:0;background-color:var(--color-soot-black);color:var(--color-white)}.article-content__cta-button .btn__icon svg{transform:none;color:var(--color-white);fill:var(--color-white);width:var(--icon-size-14);height:var(--icon-size-14)}.article-content__cta-button:hover .btn__icon svg{transform:none}@media(max-width:1100px){.blog-hero__search{width:var(--layout-max-670);height:var(--icon-size-2xl)}.blog-articles__header,.article-content__breadcrumbs{width:var(--layout-max-670)}.blog-articles__container{max-width:var(--layout-max-670)}.blog-categories__grid{grid-template-columns:repeat(2,var(--layout-width-330))}.blog-articles__grid{grid-template-columns:1fr}}@media(max-width:750px){.blog-hero__search{width:100%;height:var(--icon-size-2xl)}.blog-articles__header,.article-content__breadcrumbs{width:100%}.blog-articles__container{max-width:100%}.blog-categories__grid{grid-template-columns:1fr}.category-card{width:100%;height:auto;aspect-ratio:1}.blog-articles__grid{grid-template-columns:1fr}.article-content__container,.blog-hero__container,.blog-categories__container,.blog-articles__container{padding-left:var(--layout-padding-inline-mobile);padding-right:var(--layout-padding-inline-mobile)}.breadcrumbs-header__title{font-size:var(--text-regular-size);letter-spacing:var(--text-regular-spacing)}.breadcrumbs-header__icon{width:var(--icon-size-lg);height:var(--icon-size-lg);padding:var(--spacing-6)}.breadcrumbs-header__icon img{width:var(--text-small-size);height:var(--text-small-size)}.article-content__breadcrumbs-link,.article-content__breadcrumbs-current{font-size:var(--text-small-size);letter-spacing:var(--text-small-spacing)}.article-content__breadcrumbs-link svg{width:var(--text-small-size);height:var(--text-small-size)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/blog.css.map */