.zb-blog-index,.zb-article{--zb-blog-navy: #123b5d;--zb-blog-text: #122333;--zb-blog-muted: #617283;--zb-blog-border: #d7eaf2;--zb-blog-ice: #f1fafe;--zb-blog-blue: #73cbea;--zb-blog-radius: 18px}.zb-blog-index__header{max-width:780px;margin:0 auto clamp(32px,5vw,52px);text-align:center}.zb-blog-index__eyebrow{margin:0 0 8px;color:var(--zb-blog-muted);font-size:13px;font-weight:800;line-height:20px;letter-spacing:.08em;text-transform:uppercase}.zb-blog-index__title{margin:0;color:var(--zb-blog-navy)}.zb-blog-index__intro{max-width:660px;margin:14px auto 0;color:var(--zb-blog-muted)}.zb-blog-index__intro>*:first-child{margin-top:0}.zb-blog-index__intro>*:last-child{margin-bottom:0}.zb-blog-grid{display:grid;grid-template-columns:1fr;gap:22px}.zb-blog-grid__item{min-width:0}.zb-article-card{display:flex;height:100%;min-width:0;overflow:hidden;flex-direction:column;background:#fff;border:1px solid var(--zb-blog-border);border-radius:var(--zb-blog-radius);box-shadow:0 10px 28px #123b5d14}.zb-article-card__media{display:block;overflow:hidden;aspect-ratio:3 / 2;background:var(--zb-blog-ice)}.zb-article-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .26s ease}.zb-article-card__body{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;align-items:flex-start;padding:22px}.zb-article-card__meta{display:flex;margin-bottom:8px;flex-wrap:wrap;gap:6px 14px;color:var(--zb-blog-muted);font-size:12px;font-weight:800;line-height:18px;letter-spacing:.06em;text-transform:uppercase}.zb-article-card__title{margin:0;font-size:21px!important;line-height:28px!important}.zb-article-card__title a{color:var(--zb-blog-navy);text-decoration:none}.zb-article-card__excerpt{display:-webkit-box;overflow:hidden;margin:12px 0 18px;color:var(--zb-blog-text);-webkit-box-orient:vertical;-webkit-line-clamp:3}.zb-article-card__read{display:inline-flex;margin-top:auto;align-items:center;gap:8px;color:var(--zb-blog-navy);font-weight:800;text-decoration:none;text-underline-offset:4px}.zb-article-card__read span{transition:transform .18s ease}.zb-article-card__title a:hover,.zb-article-card__read:hover{color:var(--zb-blog-navy);text-decoration:underline}.zb-article-card__read:hover span{transform:translate(3px)}.zb-article-card a:focus-visible,.zb-article__breadcrumb a:focus-visible,.zb-article-related a:focus-visible{outline:3px solid var(--zb-blog-blue);outline-offset:4px;border-radius:4px}.zb-blog-index__empty{padding:32px;background:var(--zb-blog-ice);border:1px solid var(--zb-blog-border);border-radius:var(--zb-blog-radius);text-align:center}.zb-article{padding-top:clamp(22px,4vw,48px)}.zb-article__breadcrumb{margin-bottom:22px}.zb-article__breadcrumb ol{display:flex;margin:0;padding:0;flex-wrap:wrap;align-items:center;gap:7px;list-style:none}.zb-article__breadcrumb li{display:inline-flex;align-items:center;gap:7px;color:var(--zb-blog-muted);font-size:13px!important;line-height:20px!important}.zb-article__breadcrumb a{color:var(--zb-blog-navy);font-weight:700;text-decoration:none}.zb-article__breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}.zb-article>*:first-child:not(.article-template__hero-container){margin-top:0}.zb-article header{max-width:860px;margin-top:0;margin-bottom:28px;text-align:center}.zb-article .article-template__title{max-width:820px;margin-inline:auto}.zb-article header .caption-with-letter-spacing{display:inline-block;margin-top:12px}.zb-article .article-template__hero-container{max-width:1120px;padding-inline:20px}.zb-article .article-template__hero-container .media{overflow:hidden;border-radius:22px;background:var(--zb-blog-ice);box-shadow:0 12px 34px #123b5d1a}.zb-article .article-template__social-sharing,.zb-article .article-template__content{max-width:820px}.zb-article .article-template__social-sharing{margin-top:28px}.zb-article .article-template__content{margin-top:22px;margin-bottom:38px}.zb-article .article-template__content>*:first-child{margin-top:0}.zb-article .article-template__content p,.zb-article .article-template__content li{font-size:17px!important;line-height:29px!important}.zb-article .article-template__content h2{margin:40px 0 14px}.zb-article .article-template__content h3{margin:30px 0 12px}.zb-article .article-template__content ul,.zb-article .article-template__content ol{padding-left:24px}.zb-article .article-template__content li+li{margin-top:8px}.zb-article .article-template__content a{color:var(--zb-blog-navy);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.zb-article .article-template__content blockquote{margin:30px 0;padding:22px 24px;background:var(--zb-blog-ice);border:1px solid var(--zb-blog-border);border-left:4px solid var(--zb-blog-blue);border-radius:0 14px 14px 0;color:var(--zb-blog-text);font-style:normal}.zb-article .article-template__content img{height:auto;border-radius:16px}.zb-article .article-template__content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.zb-article .article-template__back{margin-bottom:42px}.zb-article-related{margin:0 auto;padding:clamp(36px,5vw,56px) max(20px,calc((100vw - 1320px)/2));background:var(--zb-blog-ice);border-block:1px solid var(--zb-blog-border)}.zb-article-related__heading{margin:0 0 24px;text-align:center}.zb-article-related__grid{display:grid;grid-template-columns:1fr;gap:22px}@media screen and (min-width:750px){.zb-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.zb-article-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zb-article .article-template__hero-container{padding-inline:32px}}@media screen and (min-width:1100px){.zb-blog-grid{grid-template-columns:repeat(var(--zb-blog-columns),minmax(0,1fr));gap:30px}.zb-article-related__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.zb-blog-index__header{text-align:left}.zb-blog-index__intro{margin-left:0}.zb-article{padding-top:20px}.zb-article__breadcrumb li:last-child{display:none}.zb-article header{text-align:left}.zb-article .article-template__hero-container{padding-inline:15px}.zb-article .article-template__hero-container .media{border-radius:16px}.zb-article .article-template__content p,.zb-article .article-template__content li{font-size:16px!important;line-height:27px!important}}@media(hover:hover)and (pointer:fine){.zb-article-card:hover .zb-article-card__media img{transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.zb-article-card__media img,.zb-article-card__read span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/zb-blog-system.css.map */