body.template-blog,body.template-article{--haiku-label-size: max(11px, calc(12px / 16 * var(--base-body-size) + 0px));--haiku-label-tracking: .16em;--haiku-rule-color: rgba(var(--color-text-rgb), var(--color-borders-opacity));--haiku-muted: rgba(var(--color-text-rgb), .55);--haiku-air: clamp(48px, 7vw, 120px);--haiku-air-half: clamp(28px, 4vw, 64px)}body.template-blog .blog .blog-item__meta,body.template-blog .blog-item__more .button,body.template-article .article-meta,body.template-article .article-tags .title,body.template-article .article-sharing,body.template-article .article-navigation .text,body.template-article .article-comments__list .comment__date{font-family:var(--font-stack-body);font-size:var(--haiku-label-size);line-height:1.4;letter-spacing:var(--haiku-label-tracking);text-transform:uppercase;font-weight:var(--font-weight-body)}body.template-blog .section-header__title{align-items:flex-end;gap:1em var(--haiku-air-half);margin-bottom:var(--haiku-air);letter-spacing:-.015em}body.template-blog #tagged-with{height:auto;border:0;border-bottom:1px solid var(--haiku-rule-color);padding:.7em 26px .7em 0;background-color:transparent;background-size:9px 8px;font-size:var(--haiku-label-size);line-height:1.4;letter-spacing:var(--haiku-label-tracking);text-transform:uppercase;color:var(--color-text);transition:border-color .15s linear,color .15s linear}html[dir=ltr] body.template-blog #tagged-with{background-position:calc(100% - 2px) center}html[dir=rtl] body.template-blog #tagged-with{background-position:2px center;padding:.7em 0 .7em 26px}body.template-blog #tagged-with:hover,body.template-blog #tagged-with:focus{color:var(--color-accent);border-bottom-color:var(--color-accent)}body.template-blog .blog .blog-item{margin-bottom:var(--haiku-air)}body.template-blog .blog{margin-bottom:calc(-1 * var(--haiku-air))}body.template-blog .blog .blog-item--featured{margin-bottom:var(--haiku-air);padding-bottom:var(--haiku-air);border-bottom:1px solid var(--haiku-rule-color);align-items:flex-end}body.template-blog .blog .blog-item--featured .blog-item__title-holder{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);font-size:calc(64px / 36 * var(--base-headings-size) + 0px);line-height:1.08;letter-spacing:-.015em;margin-bottom:.5em!important}body.template-blog .blog .blog-item:not(.blog-item--featured) .blog-item__title-holder{font-family:var(--font-stack-headings);font-weight:var(--font-weight-headings);font-size:calc(24px / 36 * var(--base-headings-size) + 0px);line-height:1.22;letter-spacing:-.005em}body.template-blog .blog .blog-item__meta{color:var(--haiku-muted)}body.template-blog .blog .blog-item__meta span:not(:last-child):after{content:"/";margin-inline-start:.9em;opacity:.45}body.template-blog .blog .blog-item__excerpt{color:var(--haiku-muted);max-width:34em}body.template-blog .blog .blog-item__excerpt:empty{display:none}body.template-blog .blog-item__more .button--underline{border-bottom-width:1px;padding-bottom:6px}body.template-blog .no-content-message{font-family:var(--font-stack-headings);color:var(--haiku-muted);margin-top:var(--haiku-air-half);margin-bottom:var(--haiku-air);max-width:20em}body.template-blog .pagination{margin-top:0;padding-top:var(--haiku-air-half);border-top:1px solid var(--haiku-rule-color)}body.template-article .article-header{flex-direction:column-reverse;align-items:flex-start}body.template-article .article-header__content{width:calc(var(--grid-width) / 12 * 7);margin-inline-start:0}body.template-article .article-header__image{width:calc(var(--grid-width) / 12 * 6);margin-top:var(--haiku-air);margin-inline-start:0}body.template-article .article-title{font-size:calc(72px / 36 * var(--base-headings-size) + 0px);line-height:1.04;letter-spacing:-.02em;margin-bottom:0}body.template-article .article-meta{margin-top:var(--haiku-air-half);color:var(--haiku-muted)}body.template-article .article-meta>span:not(:last-child):after{content:"/";margin-inline-start:.9em;opacity:.45}body.template-article .article-meta__comments a{border-bottom-color:var(--haiku-rule-color)}body.template-article .article-body{margin-top:var(--haiku-air);max-width:42em}body.template-article .article-body blockquote{font-family:var(--font-stack-headings);font-style:italic;font-weight:var(--font-weight-headings);line-height:1.16;letter-spacing:-.01em;margin-top:1.4em;margin-bottom:1.4em}body.template-article .article-body .rte>h2,body.template-article .article-body .rte>h3{margin-top:1.6em;letter-spacing:-.01em}body.template-article .article-body img{margin:var(--haiku-air-half) 0}body.template-article .article-tags{margin-top:var(--haiku-air);padding-top:var(--haiku-air-half);border-top:1px solid var(--haiku-rule-color);display:flex;flex-wrap:wrap;align-items:baseline;gap:.9em 1.4em}body.template-article .article-tags .title{color:var(--haiku-muted);display:block}body.template-article .article-tags .tag:not(:last-child):after{content:""}body.template-article .article-tags .tag a{font-family:var(--font-stack-body);font-size:var(--haiku-label-size);letter-spacing:var(--haiku-label-tracking);text-transform:uppercase;border-bottom:1px solid var(--haiku-rule-color);padding-bottom:3px;transition:color .15s linear,border-color .15s linear}body.no-touchevents.template-article .article-tags .tag a:hover,body.template-article .article-tags .tag a:focus{color:var(--color-accent);border-bottom-color:var(--color-accent)}body.template-article .article-sharing{margin-top:var(--haiku-air-half);color:var(--haiku-muted)}body.template-article .article-navigation{width:100%;margin-top:var(--haiku-air);padding-top:var(--haiku-air-half);border-top:1px solid var(--haiku-rule-color);align-items:center}body.template-article .article-navigation:last-child{margin-top:var(--haiku-air)}body.template-article .article-navigation .text{color:var(--haiku-muted);transition:color .15s linear}body.no-touchevents.template-article .article-navigation a:hover .text,body.template-article .article-navigation a:focus .text{color:var(--color-accent)}body.template-article .article-comments{margin-top:var(--haiku-air);padding-top:var(--haiku-air-half);border-top:1px solid var(--haiku-rule-color)}body.template-article .article-comments__list .comment:not(:first-child){margin-top:var(--haiku-air-half);padding-top:var(--haiku-air-half);border-top:1px solid var(--haiku-rule-color)}body.template-article .article-comments__list .comment__date{color:var(--haiku-muted)}body.template-blog .onboarding-svg svg,body.template-article .onboarding-svg svg{background:rgba(var(--color-text-rgb),.05)}@supports selector(:has(*)){body.template-article .article-header:has(.article-header__image .onboarding-svg) .article-header__image{display:none}body.template-blog .blog-item--featured:has(.blog-item__image .onboarding-svg) .blog-item__image{display:none}body.template-blog .blog-item--featured:has(.blog-item__image .onboarding-svg) .blog-item__content{width:calc(var(--grid-width) / 12 * 8);margin-inline-start:0}body.template-blog .blog-item:not(.blog-item--featured):has(.blog-item__image .onboarding-svg) .blog-item__image{display:none}body.template-blog .blog-item:not(.blog-item--featured):has(.blog-item__image .onboarding-svg) .blog-item__content{margin-top:0}}body.template-blog a:focus-visible,body.template-blog select:focus-visible,body.template-blog button:focus-visible,body.template-article a:focus-visible,body.template-article button:focus-visible,body.template-article input:focus-visible,body.template-article textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){body.template-blog .blog-item__image figure,body.template-blog .blog-item__title,body.template-blog #tagged-with,body.template-blog .blog-item__more .button--underline,body.template-article .article-tags .tag a,body.template-article .article-navigation a,body.template-article .article-navigation .text,body.template-article .article-navigation .simple-arrow{transition:none!important}body.no-touchevents.template-blog .blog-item__image:hover figure{transform:none!important}body.no-touchevents.template-article .article-navigation .next-article:hover .simple-arrow,body.no-touchevents.template-article .article-navigation .previous-article:hover .simple-arrow{width:100%;transform:translate3d(0,-50%,0)!important}}@media screen and (max-width:1023px){body.template-blog .blog .blog-item--featured .blog-item__title-holder{font-size:calc(46px / 36 * var(--base-headings-size) + 0px);line-height:1.1;font-weight:var(--font-weight-headings)}body.template-blog .blog .blog-item:not(.blog-item--featured) .blog-item__title-holder{font-size:calc(22px / 36 * var(--base-headings-size) + 0px)}body.template-article .article-header__content,body.template-article .article-header__image{width:100%}body.template-article .article-title{font-size:calc(48px / 36 * var(--base-headings-size) + 0px);line-height:1.08}body.template-article .article-body{max-width:none}@supports selector(:has(*)){body.template-blog .blog-item--featured:has(.blog-item__image .onboarding-svg) .blog-item__content{width:100%}}}@media screen and (max-width:599px){body.template-blog,body.template-article{--haiku-label-tracking: .14em}body.template-blog .section-header__title{align-items:flex-start;flex-direction:column}body.template-blog .blog .blog-item--featured .blog-item__title-holder{font-size:calc(32px / 36 * var(--base-headings-size) + 0px);line-height:1.14}body.template-blog .blog .blog-item:not(.blog-item--featured) .blog-item__title-holder{font-size:calc(20px / 36 * var(--base-headings-size) + 0px)}body.template-article .article-title{font-size:calc(34px / 36 * var(--base-headings-size) + 0px);line-height:1.12}body.template-article .article-header__image{margin-top:var(--haiku-air-half)}body.template-article .article-tags{gap:.8em 1.1em}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/blog-overrides.css.map */
