.collection-blog{--zv-brand: #1f7a3d;--zv-brand-700: #155c2d;--zv-ink: #16201b;--zv-ink-2: #46544c;--zv-line: #e7ebe6;--zv-bg: #ffffff;--zv-surface-2: #f0f4ec;--zv-fw-bold: 700;--zv-fw-black: 800;--zv-r-lg: 18px;--zv-shadow: 0 6px 24px -10px rgba(20, 50, 30, .18);--zv-page: 1240px;background:var(--zv-bg);border-top:1px solid var(--zv-line);padding-top:var(--blog-padding-top, 64px);padding-bottom:var(--blog-padding-bottom, 64px)}.collection-blog .page{max-width:var(--zv-page);margin:0 auto;padding:0 28px}.center-head{text-align:center;max-width:640px;margin:0 auto 40px}.center-head .eyebrow{font-size:12px;font-weight:var(--zv-fw-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--zv-brand);display:block}.center-head h2{font-size:28px;font-weight:var(--zv-fw-black);letter-spacing:-.02em;margin:0;line-height:1.12}.center-head .sub{color:var(--zv-ink-2);margin-top:10px;font-size:16px;line-height:1.55}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.bcard{background:var(--zv-bg);border:1px solid var(--zv-line);border-radius:var(--zv-r-lg);overflow:hidden;transition:.2s;display:flex;flex-direction:column}.bcard:hover{box-shadow:var(--zv-shadow);transform:translateY(-3px)}.bcard .media{aspect-ratio:16 / 10;background:var(--zv-surface-2);overflow:hidden}.bcard .media img{width:100%;height:100%;object-fit:cover;display:block}.bcard .media .placeholder{width:100%;height:100%;background:repeating-linear-gradient(135deg,#eef3ea 0 14px,#e6ede1 14px 28px);display:grid;place-items:center;color:#93a394;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.bcard .body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:11px;flex:1}.bcard .tag{font-size:11.5px;font-weight:var(--zv-fw-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--zv-brand)}.bcard h3{font-size:19px;font-weight:var(--zv-fw-bold);line-height:1.25;margin:0}.bcard h3 a{color:inherit;text-decoration:none}.bcard h3 a:hover{color:var(--zv-brand-700)}.bcard p{font-size:14px;color:var(--zv-ink-2);margin:0;line-height:1.55}.bcard .more{margin-top:auto;padding-top:6px;color:var(--zv-brand-700);font-weight:var(--zv-fw-bold);font-size:14px;display:inline-flex;gap:6px;align-items:center;text-decoration:none}.bcard:hover .more{gap:9px}.bcard .more svg{width:15px;height:15px;flex-shrink:0}@media screen and (max-width:1080px){.blog-grid{grid-template-columns:1fr}}@media screen and (max-width:640px){.collection-blog .page{padding:0 18px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/collection-blog.css.map */