.dc-blog{color:var(--dc-color-ink)}.dc-blog__breadcrumb{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.8rem;font-size:1.4rem;line-height:1.5;color:var(--dc-color-muted)}.dc-blog__breadcrumb a{color:inherit;text-underline-offset:.3rem}.dc-blog__intro{margin-bottom:3.6rem}.dc-blog__eyebrow{margin:0 0 1rem;color:var(--dc-color-primary);font-size:1.3rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dc-blog__intro h1{margin:0;color:inherit;font-size:clamp(3.6rem,4.8vw,5.6rem);line-height:1.12;letter-spacing:-.035em}.dc-blog__description{max-width:74rem;margin:1.6rem 0 0;color:var(--dc-color-muted);font-size:1.8rem;line-height:1.65}.dc-blog__layout{display:grid;align-items:start;gap:4rem;min-width:0}.dc-blog__main,.dc-blog__sidebar{min-width:0}.dc-blog__main h2{margin:0 0 2rem;color:inherit;font-size:clamp(2.4rem,2.4vw,3rem);line-height:1.25;letter-spacing:-.02em}.dc-blog__featured{margin-bottom:4rem}.dc-blog__listing-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1.6rem}.dc-blog__page{color:var(--dc-color-muted);font-size:1.4rem}.dc-blog__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem}.dc-blog-card{min-width:0;overflow:hidden;border:1px solid var(--dc-color-line);border-radius:var(--dc-radius-card);background:var(--dc-color-surface)}.dc-blog-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.dc-blog-card__media{flex-shrink:0;aspect-ratio:16 / 9;overflow:hidden;background:var(--dc-color-warm)}.dc-blog-card__media img{display:block;width:100%;height:100%;object-fit:cover}.dc-blog-card__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:2.4rem}.dc-blog-card__category{margin:0 0 1rem;color:var(--dc-color-primary);font-size:1.2rem;font-weight:700;line-height:1.4;letter-spacing:.05em;text-transform:uppercase}.dc-blog-card h3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0;color:inherit;font-size:2.1rem;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere}.dc-blog-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:1.2rem 0 1.6rem;color:var(--dc-color-muted);font-size:1.5rem;line-height:1.65}.dc-blog-card__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:auto 0 0;color:var(--dc-color-muted);font-size:1.3rem;line-height:1.5}.dc-blog-card__link:hover h3{text-decoration:underline;text-underline-offset:.3rem}.dc-blog-card--featured{background:var(--dc-color-tint)}.dc-blog-card--featured h3{display:block;font-size:clamp(2.4rem,2.4vw,3rem);line-height:1.25}.dc-blog-card__placeholder{display:grid;place-content:center;justify-items:center;gap:1.4rem;height:100%;color:var(--dc-color-primary);background:var(--dc-color-tint);font-size:1.2rem;font-weight:700;letter-spacing:.12em}.dc-blog-card__placeholder svg{width:5.2rem;height:5.2rem}.dc-blog a:focus-visible,.dc-blog button:focus-visible,.dc-blog input:focus-visible,.dc-blog__sidebar:focus-visible{outline:.3rem solid var(--dc-color-focus);outline-offset:.3rem}.dc-blog-card:has(.dc-blog-card__link:focus-visible){outline:.3rem solid var(--dc-color-focus);outline-offset:.3rem}@media screen and (min-width:990px){.dc-blog__layout--sidebar{grid-template-columns:minmax(0,1fr) 30rem;gap:4rem}.dc-blog-card--featured .dc-blog-card__link{display:grid;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr);align-items:center}.dc-blog-card--featured .dc-blog-card__body{padding:2.8rem}.dc-blog-card--featured .dc-blog-card__meta{margin-top:0}.dc-blog__sidebar{position:sticky;top:calc(var(--header-height, 6.5rem) + 2rem);max-height:calc(100dvh - var(--header-height, 6.5rem) - 4rem);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--dc-color-focus) transparent;scrollbar-gutter:stable;padding-right:.4rem;margin-top:5.8rem}}@media screen and (max-width:749px){.dc-blog__breadcrumb{margin-bottom:2rem;font-size:1.3rem}.dc-blog__intro{margin-bottom:2.8rem}.dc-blog__description{font-size:1.6rem}.dc-blog__grid{grid-template-columns:minmax(0,1fr);gap:2rem}.dc-blog-card__body{padding:2rem}.dc-blog-card h3{font-size:2.2rem}.dc-blog__featured{margin-bottom:3.2rem}}@media screen and (min-width:1200px){.dc-blog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/section-main-blog.css.map */