.blog-page{--ink: #000;--white: #fff;--deep: #04323D;--label: #134F5C;--link: #176473;--primary: #1B7D8E;--accent: #80E8F1;--line: #AAF3F9;--line-hover: #39BDCC;--tint: #D1FAFD;--mist: #EDFEFF;--fs-h1: 48px;--fs-h2: 40px;--fs-h3: 32px;--fs-h4: 24px;--fs-s: 14px;--fs-m: 16px;--fs-l: 18px;--pad-y: 64px;--gutter: 24px;--gap-xs: 8px;--gap-s: 16px;--gap-m: 24px;--gap-l: 32px;--gap-xl: 40px;--stack: var(--gap-xl);--box-pad: var(--gap-l);--feat-pad: 48px;--body-gap: 80px;--radius-s: 8px;--radius-m: 16px;--radius-l: 24px;--sticky-top: 88px;--icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");--icon-prev: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");--icon-next: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background:var(--white);color:var(--ink);font-family:Lato,system-ui,sans-serif;font-size:var(--fs-m);line-height:1.5;-webkit-font-smoothing:antialiased}.blog-page *,.blog-page *:before,.blog-page *:after{box-sizing:border-box}.blog-page :where(h1,h2,h3,h4,p,figure,blockquote,ul,ol){margin:0}.blog-page [hidden]{display:none!important}.blog-page :where(h1,h2,h3,h4){color:var(--ink);font-family:inherit;font-weight:900;line-height:1.2;letter-spacing:normal;text-wrap:balance}.blog-page p{text-wrap:pretty}.blog-page a{color:var(--link);text-decoration:none;transition:color .2s}.blog-page a:hover{color:var(--deep)}.blog-page :where(a,button):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.blog-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.blog-section{padding-block:var(--pad-y)}.blog-section--tinted{background:var(--mist)}.blog-container{max-width:1440px;margin-inline:auto;padding-inline:var(--gutter)}.blog-stack{display:flex;flex-direction:column;gap:var(--stack)}.blog-hero{background:var(--tint)}.blog-hero__inner{display:flex;flex-direction:column;align-items:center;gap:var(--stack);text-align:center}.blog-hero__text{display:flex;flex-direction:column;align-items:center;gap:var(--gap-s);max-width:760px}.blog-hero .blog-media{width:100%;aspect-ratio:5 / 2;border-radius:var(--radius-l);background:var(--line)}.blog-hero__title{font-size:var(--fs-h1);letter-spacing:-.01em}.blog-hero__intro{font-size:var(--fs-l)}.blog-section__title{font-size:var(--fs-h2);letter-spacing:-.01em;scroll-margin-top:var(--sticky-top)}.blog-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--gap-xs);font-size:var(--fs-s);color:var(--link)}.blog-page .blog-breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.blog-breadcrumbs [aria-current]{color:var(--ink);font-weight:700}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-xs);font-size:var(--fs-s);color:var(--link)}.blog-hero .post-meta{justify-content:center}.blog-page .post-meta__author{color:var(--ink);font-weight:700}.post-meta time{white-space:nowrap}.post-card__label{align-self:flex-start;padding:4px 12px;border-radius:999px;background:var(--accent);color:var(--deep);font-size:var(--fs-s);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.blog-page .more-link{align-self:flex-start;display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-m);font-weight:700;text-decoration:underline;text-underline-offset:4px}.more-link:after,.product-promo .blog-button:after,.blog-pagination__item:is([rel=prev],[data-dir=prev]):before,.blog-pagination__item:is([rel=next],[data-dir=next]):after{content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:var(--icon-arrow) center / contain no-repeat;mask:var(--icon-arrow) center / contain no-repeat;transition:transform .2s}.post-card--featured .more-link:after,.product-promo .blog-button:after{width:18px;height:18px}.blog-pagination__item:is([rel=prev],[data-dir=prev]):before{-webkit-mask-image:var(--icon-prev);mask-image:var(--icon-prev)}.blog-pagination__item:is([rel=next],[data-dir=next]):after{-webkit-mask-image:var(--icon-next);mask-image:var(--icon-next)}.more-link:hover:after,.product-promo .blog-button:hover:after{transform:translate(6px)}.blog-page .blog-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:48px;padding:0 var(--gap-m);border:1px solid transparent;border-radius:999px;background:var(--primary);color:var(--white);font:inherit;font-size:var(--fs-m);font-weight:700;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.blog-page .blog-button:hover{background:var(--label);color:var(--white)}.blog-page .blog-button--accent{background:var(--accent);color:var(--deep)}.blog-page .blog-button--accent:hover{background:var(--line);color:var(--deep)}.blog-page .blog-button--outline{padding:0 20px;background:var(--white);color:var(--link);border-color:var(--primary)}.blog-page .blog-button--outline:hover{background:var(--tint);color:var(--link)}.blog-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--tint)}.blog-media>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.blog-media--contain>img{object-fit:contain}.blog-search{display:flex;align-items:center;gap:var(--gap-xs);width:100%;max-width:640px;padding:4px 10px 4px 4px;background:var(--white);border:1px solid var(--accent);border-radius:999px;outline:2px solid transparent;outline-offset:2px;transition:outline-color .2s}.blog-search:focus-within{outline-color:var(--primary)}.blog-search:before{content:"";flex:none;width:20px;height:20px;margin-left:12px;background:var(--link);-webkit-mask:var(--icon-search) center / contain no-repeat;mask:var(--icon-search) center / contain no-repeat}.blog-search input{flex:1;min-width:0;min-height:40px;padding:0 4px;border:0;outline:none;background:transparent;font:inherit;font-size:var(--fs-m);color:var(--ink)}.blog-search input::placeholder{color:var(--link);opacity:1}.blog-search input::-webkit-search-cancel-button,.blog-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.blog-page .blog-search__clear{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0;border:0;border-radius:999px;background:var(--tint);color:var(--deep);cursor:pointer;transition:background-color .2s,color .2s}.blog-page .blog-search__clear:hover{background:var(--accent)}.blog-search__clear svg{display:block}.blog-section__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-xs) var(--gap-m);flex-wrap:wrap}.blog-page .blog-section__header .more-link{align-self:auto;padding-right:6px}.blog-section__count{font-size:var(--fs-m);color:var(--link)}.blog-results:not([hidden]){display:flex;flex-direction:column;gap:var(--gap-m)}.blog-results .post-grid{transition:opacity .2s}.blog-results[aria-busy=true] .post-grid{opacity:.5}.blog-results__status{font-size:var(--fs-m);color:var(--link)}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gutter)}.post-grid--two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card{position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-m);transition:transform .2s,border-color .2s}.post-card__body{flex:1;display:flex;flex-direction:column;gap:var(--gap-m);padding:var(--gap-m)}.post-card__text{display:flex;flex-direction:column;gap:var(--gap-s)}.post-card__title{font-size:var(--fs-h4)}.blog-page .post-card__title a,.blog-page .post-card__title a:hover{color:var(--ink)}.post-card__title a:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.post-card__excerpt,.product-promo--sidebar .product-promo__text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.post-card__excerpt{font-size:var(--fs-m)}@media(hover:hover){.post-card:hover{transform:translateY(-4px);border-color:var(--line-hover)}.post-card:hover .more-link:after{transform:translate(6px)}}.post-card--featured{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-color:var(--deep);border-radius:var(--radius-l);background:var(--deep);color:var(--white)}.post-card--featured .blog-media{aspect-ratio:auto;min-height:360px}.post-card--featured:not(:has(>.blog-media)){grid-template-columns:minmax(0,1fr)}.post-card--featured .post-card__body{justify-content:center;padding:var(--feat-pad)}.post-card--featured .post-card__title{font-size:var(--fs-h3)}.blog-page .post-card--featured .post-card__title a,.blog-page .post-card--featured .post-card__title a:hover{color:var(--white)}.post-card--featured .post-meta{color:var(--line)}.blog-page .post-card--featured .post-meta__author{color:var(--white)}.post-card--featured .post-meta [aria-hidden]{color:var(--accent)}.post-card--featured .post-card__excerpt{font-size:var(--fs-l);color:var(--mist)}.blog-page .post-card--featured .more-link{color:var(--accent);text-decoration:none}.blog-empty{display:flex;flex-direction:column;align-items:center;gap:var(--gap-s);padding:var(--pad-y) var(--gap-m);text-align:center;background:var(--mist);border-radius:var(--radius-m)}.blog-empty h3{font-size:var(--fs-l)}.blog-pagination ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--gap-xs);font-size:var(--fs-m);font-weight:700}.blog-page .blog-pagination__item{display:flex;align-items:center;justify-content:center;gap:4px;min-width:48px;min-height:48px;padding:0 var(--gap-xs);border:1px solid transparent;border-radius:999px;color:var(--ink);transition:background-color .2s,border-color .2s}.blog-page button.blog-pagination__item{margin:0;background:transparent;font:inherit;cursor:pointer}.blog-page :is(a,button).blog-pagination__item{border-color:var(--line)}.blog-page :is(a,button).blog-pagination__item:hover{background:var(--tint);border-color:var(--line-hover);color:var(--ink)}.blog-page .blog-pagination__item[aria-current]{background:var(--primary);border-color:var(--primary);color:var(--white)}.blog-page .blog-pagination__item[aria-hidden]{min-width:32px;padding:0;color:var(--link)}.blog-page :is(a[rel],button[data-dir]).blog-pagination__item{padding:0 var(--gap-s);border-color:transparent;color:var(--link)}.blog-page :is(a[rel],button[data-dir]).blog-pagination__item:hover{background:var(--tint);border-color:transparent;color:var(--link)}.article-layout{display:grid;grid-template-columns:minmax(0,800px) 320px;justify-content:center;align-items:start;gap:var(--body-gap)}.article-layout:not(:has(>.article-sidebar)){grid-template-columns:minmax(0,800px)}.article-content{display:flex;flex-direction:column;gap:var(--gap-s);font-size:var(--fs-l)}.article-content h2{font-size:var(--fs-h3);margin-top:calc(var(--stack) - var(--gap-s));scroll-margin-top:var(--sticky-top)}.article-content h3{font-size:var(--fs-h4);margin-top:var(--gap-xs)}.article-content>:first-child{margin-top:0}.blog-page .article-content :is(ul,ol){margin:0 0 var(--gap-s);padding:0 0 0 1.5em;list-style-position:outside}.blog-page .article-content ul{list-style-type:disc}.blog-page .article-content ol{list-style-type:decimal}.blog-page .article-content :is(ul,ol) :is(ul,ol){margin:var(--gap-xs) 0 0}.blog-page .article-content ul ul{list-style-type:circle}.blog-page .article-content li{display:list-item;padding-left:4px}.blog-page .article-content li+li{margin-top:var(--gap-xs)}.blog-page .article-content li::marker{color:var(--ink)}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-m)}.article-content :is(p,li) a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.article-content blockquote{padding:24px;border-left:4px solid var(--primary);border-radius:var(--radius-m);background:var(--mist);font-weight:700}.article-content cite{display:block;margin-top:var(--gap-xs);font-size:var(--fs-s);font-style:normal;font-weight:400;color:var(--link)}.article-disclaimer{margin-top:calc(var(--stack) - var(--gap-s));padding-top:var(--gap-m);border-top:1px solid var(--line);font-size:var(--fs-s);font-style:italic;color:var(--label)}.article-content table{width:100%;margin:0 0 var(--gap-s);border-collapse:separate;border-spacing:0;border:1px solid var(--line-hover);border-radius:var(--radius-s);overflow:hidden;font-size:var(--fs-m)}.article-content :is(th,td){padding:8px 12px;text-align:left;vertical-align:top;border-right:1px solid var(--line-hover);border-bottom:1px solid var(--line-hover)}.article-content th{font-weight:700}.article-content thead th{background:var(--mist)}.article-content :is(th,td):last-child{border-right:0}.article-content table>:last-child>tr:last-child>*{border-bottom:0}.product-promo{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:center;gap:var(--box-pad);margin-block:calc(var(--stack) - var(--gap-s));padding:var(--gap-s);border-radius:var(--radius-m);background:var(--deep);color:var(--white)}.product-promo:not(:has(>.blog-media)){grid-template-columns:minmax(0,1fr)}.product-promo+h2,.product-promo+.article-disclaimer{margin-top:0}.product-promo:last-child{margin-bottom:0}.product-promo .blog-media{aspect-ratio:3 / 2;border-radius:var(--radius-s);background:var(--white)}.product-promo__body{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-s);padding:var(--gap-xs) var(--gap-xs) var(--gap-xs) 0}.product-promo__title{font-size:var(--fs-h4);font-weight:900;line-height:1.2}.product-promo__text{font-size:var(--fs-m);color:var(--mist)}.blog-page .product-promo--sidebar{grid-template-columns:minmax(0,1fr);margin:0}.product-promo--sidebar .product-promo__body{align-items:center;text-align:center;padding:0 var(--gap-xs) var(--gap-xs)}.product-promo--sidebar .product-promo__title{font-size:var(--fs-l)}.product-promo--sidebar .product-promo__text{font-size:var(--fs-s)}.article-sidebar{position:sticky;top:var(--sticky-top);display:flex;flex-direction:column;gap:var(--gap-m)}:has(.article-sidebar):not(html,.blog-page,.blog-page *){overflow-x:clip!important;overflow-y:visible!important}.article-sidebar__block{display:flex;flex-direction:column;gap:var(--gap-s)}.article-sidebar__block:not(.article-toc){padding-inline:4px}.article-sidebar__title{font-size:var(--fs-m);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--label)}.article-toc ol{position:relative;max-height:240px;overflow-y:auto;overscroll-behavior:contain;list-style:none;margin:0;padding:0;box-shadow:inset 2px 0 0 var(--tint);scrollbar-width:thin;scrollbar-color:var(--line) transparent}.blog-page .article-toc a{display:block;padding:8px var(--gap-s);border-left:2px solid transparent;font-size:var(--fs-m);line-height:1.4;color:var(--ink);transition:color .2s,border-color .2s}.blog-page .article-toc a:hover{color:var(--link)}.blog-page .article-toc a.is-active{font-weight:700;border-left-color:var(--primary)}.article-share{display:flex;gap:var(--gap-s)}.blog-page .article-share a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:var(--tint);color:var(--label);transition:background-color .2s,color .2s}.blog-page .article-share a:hover{background:var(--primary);color:var(--white)}.article-share svg{width:20px;height:20px;fill:currentColor}@media(max-width:1023px){.blog-page{--box-pad: var(--gap-m);--feat-pad: 32px;--body-gap: var(--gap-xl)}.article-layout{grid-template-columns:minmax(0,800px)}.article-sidebar{position:static;order:-1}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card--featured{grid-template-columns:minmax(0,1fr)}.post-card--featured .blog-media{aspect-ratio:16 / 10;min-height:0}.product-promo{grid-template-columns:minmax(0,1fr)}.product-promo__body{align-items:center;text-align:center;padding:0 var(--gap-xs) var(--gap-xs)}.product-promo--sidebar{display:none}}@media(max-width:767px){.blog-page{--fs-h1: 40px;--fs-h2: 32px;--fs-h3: 24px;--fs-h4: 20px;--fs-s: 12px;--fs-m: 14px;--fs-l: 16px;--pad-y: 40px;--stack: var(--gap-l);--box-pad: var(--gap-s);--feat-pad: var(--gap-m)}.post-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.blog-page *,.blog-page *:before,.blog-page *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/blog-page.css.map */