.chroma-blog{max-width:150rem;margin-inline:auto}.chroma-blog .chroma-blog__intro{max-width:90rem;margin-bottom:3.5rem}.chroma-blog .chroma-blog__intro .chroma-blog__heading{font-size:clamp(4.4rem,5.5vw,7.6rem);line-height:1.02;text-wrap:balance}.chroma-blog .chroma-blog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4.8rem 2.8rem}.chroma-blog .chroma-blog__card{display:flex;flex-direction:column;min-width:0;margin:0}.chroma-blog .chroma-blog__image{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden;flex:none;background:var(--ch-cream)}.chroma-blog .chroma-blog__image img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.chroma-blog .chroma-blog__meta{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem 1.4rem;margin:1.8rem 0 1.2rem}.chroma-blog .chroma-blog__meta span{margin:0;line-height:1.5}.chroma-blog .chroma-blog__meta time{line-height:1.5}.chroma-blog .chroma-blog__card .chroma-blog__card-title{font-size:clamp(2.4rem,2vw,3rem);line-height:1.15;margin:0 0 1.2rem;overflow-wrap:anywhere}.chroma-blog .chroma-blog__card-title a{color:inherit;text-decoration:none}.chroma-blog .chroma-blog__card-title a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:.3rem}.chroma-blog--preview .chroma-blog__intro{max-width:100rem;margin-bottom:3.2rem}.chroma-blog.chroma-blog--preview .chroma-blog__intro .chroma-blog__heading{margin:1.4rem 0 1.6rem;font-size:clamp(3.6rem,4.2vw,5.6rem)}.chroma-blog--preview .chroma-blog__intro>p:last-child{max-width:80rem;margin-bottom:0}.chroma-blog .chroma-blog__card>p{font-size:1.6rem;line-height:1.65;color:var(--ch-muted);margin:0 0 2rem}.chroma-blog .chroma-blog__card>.chroma-link{align-self:flex-start;margin-top:auto}.chroma-blog__all{margin-top:3rem}.chroma-blog .chroma-blog__image:focus-visible{outline:.3rem solid var(--ch-violet);outline-offset:.4rem}@media(min-width:750px)and (max-width:1099px){.chroma-blog .chroma-blog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:749px){.chroma-blog .chroma-blog__grid{grid-template-columns:minmax(0,1fr);gap:3.8rem}.chroma-blog .chroma-blog__intro{margin-bottom:2.5rem}.chroma-blog .chroma-blog__card .chroma-blog__card-title{font-size:2.7rem}}@media(prefers-reduced-motion:reduce){.chroma-blog .chroma-blog__image img{transition:none}.chroma-blog .chroma-blog__card:hover img{transform:none}}.chroma-blog__tools{display:flex;flex-wrap:wrap;gap:2rem;align-items:baseline;margin-bottom:3rem}.chroma-blog__topics{display:flex;flex:1;flex-wrap:wrap;gap:1rem}.chroma-blog__topics a{padding:1rem 1.4rem;border:1px solid var(--ch-line);color:var(--ch-ink);text-decoration:none;font-size:1.3rem}.chroma-blog__topics a[aria-current]{background:var(--ch-violet);border-color:var(--ch-violet);color:#fff}.chroma-blog__feed{color:var(--ch-violet);font-size:1.3rem;text-underline-offset:.3rem}@media(max-width:749px){.chroma-blog__tools{flex-direction:column;align-items:stretch;gap:1.5rem}.chroma-blog__topics{flex:none;width:100%;gap:.8rem}.chroma-blog__feed{align-self:flex-start}}.chroma-article__breadcrumbs{font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem}.chroma-article__breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem;padding:0;list-style:none}.chroma-article__breadcrumbs li+li:before{content:"/";margin-right:1.2rem;color:var(--ch-muted)}.chroma-article__breadcrumbs a,.chroma-article__more a{color:var(--ch-violet);text-underline-offset:.3rem}.chroma-article__summary{padding:2.5rem;margin-bottom:3.5rem;background:var(--ch-cream);border-left:.3rem solid var(--ch-violet)}.article-template__content .chroma-article__summary h2{margin-top:0;font-size:2.4rem}.chroma-article__summary p:last-child{margin-bottom:0}.chroma-article__more{margin-top:4rem;margin-bottom:4rem}.chroma-article__more li{padding-block:.7rem}.article-template__content :is(h2,h3){scroll-margin-top:12rem}.article-template__content table{display:block;max-width:100%;overflow-x:auto}.article-template__content .chroma-recipe-card{margin-block:3rem;padding:clamp(2rem,4vw,3.6rem);border:1px solid var(--ch-line);background:var(--ch-cream);scroll-margin-top:12rem}.article-template__content .chroma-recipe-card h2{margin-top:0}.article-template__content .chroma-recipe-card li{padding-left:.4rem;margin-block:1.2rem;scroll-margin-top:12rem}.article-template__content .chroma-recipe-credit{margin-top:3rem;font-size:1.3rem;color:var(--ch-muted)}
/*# sourceMappingURL=/cdn/shop/t/5/compiled_assets/styles.css.map */
