@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.blog-hero a,.blog-featured a,.blog-card a,.blog-post-hero a,.blog-related a{color:inherit;text-decoration:none}.blog-post-body a:not([class]){color:var(--navy, #0F1F3C);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:opacity .15s ease}.blog-post-body a:not([class]):hover{opacity:.65}.blog-post-body a[href^="#"]:not([class]){color:var(--wabi, #8DB5A0);text-decoration:none;border-bottom:1px solid rgba(141,181,160,.5);padding-bottom:1px;transition:border-bottom-color .15s ease}.blog-post-body a[href^="#"]:not([class]):hover{border-bottom-color:var(--wabi, #8DB5A0)}.blog-hero{min-height:60vh;background:var(--navy, #0F1F3C);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:80px 40px 60px}@media(min-width:600px){.blog-hero{padding:100px 60px 72px}}@media(min-width:1024px){.blog-hero{padding:120px 80px 80px}}.blog-hero-overline{color:var(--wabi, #8DB5A0);letter-spacing:.12em;text-transform:uppercase;margin:0 0 20px}.blog-hero-heading{margin:0 0 20px;max-width:860px;overflow-wrap:break-word}.blog-hero-deck{margin:0 0 48px;max-width:600px;color:#ffffffb3}.blog-hero-divider{width:100%;height:1px;background:#ffffff1f}@supports (animation-timeline: scroll()) or (selector(:has(*))){.blog-hero-overline,.blog-hero-heading,.blog-hero-deck{transition:opacity .6s ease,translate .6s ease}@starting-style{.blog-hero-overline{opacity:0;translate:0 16px}.blog-hero-heading{opacity:0;translate:0 24px}.blog-hero-deck{opacity:0;translate:0 20px}}.blog-hero-overline{transition-delay:0s}.blog-hero-heading{transition-delay:.08s}.blog-hero-deck{transition-delay:.16s}}.blog-filter-bar{position:sticky;top:68px;z-index:100;background:#fff;border-bottom:1px solid #e8e8e8;overflow:hidden}.blog-filter-inner{display:flex;gap:8px;padding:16px 40px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.blog-filter-inner::-webkit-scrollbar{display:none}@media(min-width:600px){.blog-filter-inner{padding:16px 60px}}@media(min-width:1024px){.blog-filter-inner{padding:16px 80px}}.blog-filter-pill{display:inline-flex;align-items:center;height:36px;padding:0 18px;border:1px solid #d0d0d0;border-radius:100px;background:transparent;font-family:inherit;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease;color:var(--navy, #0F1F3C)}.blog-filter-pill:hover{border-color:var(--navy, #0F1F3C)}.blog-filter-pill.active{background:var(--navy, #0F1F3C);border-color:var(--navy, #0F1F3C);color:#fff}.blog-featured{display:grid;gap:0;background:#fafafa}@media(min-width:1024px){.blog-featured{grid-template-columns:60fr 40fr;min-height:520px}}.blog-featured-image-wrap{display:block;overflow:hidden}.blog-featured-img,.blog-featured-img-placeholder{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .5s ease}.blog-featured-img-placeholder{background:#e8e8e8}.blog-featured-image-wrap:hover .blog-featured-img{transform:scale(1.03)}@media(min-width:1024px){.blog-featured-img,.blog-featured-img-placeholder{aspect-ratio:unset;height:100%}}.blog-featured-content{display:flex;flex-direction:column;justify-content:center;padding:48px 40px;gap:16px}@media(min-width:600px){.blog-featured-content{padding:60px}}@media(min-width:1024px){.blog-featured-content{padding:60px 64px}}.blog-featured-title{margin:0}.blog-featured-excerpt{margin:0;color:#555}.blog-card-tags{margin:0;color:#17171780;letter-spacing:.1em;text-transform:uppercase}.blog-card-meta{display:flex;gap:12px}.blog-card-date{color:#17171773}.blog-card-read-link{display:inline-flex;align-items:center;gap:8px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:2px;align-self:flex-start;transition:gap .2s ease}.blog-card-read-link:hover{gap:12px}.card-arrow{display:inline-flex;align-items:center;transition:translate .2s ease}.blog-card-read-link:hover .card-arrow{translate:4px 0}.blog-grid-section{padding:60px 40px;background:#fff}@media(min-width:600px){.blog-grid-section{padding:72px 60px}}@media(min-width:1024px){.blog-grid-section{padding:80px}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px}@media(min-width:600px){.blog-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.blog-card{display:flex;flex-direction:column;border:1px solid #e8e8e8;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #1717171a}.blog-card-image-link{display:block;overflow:hidden}.blog-card-img,.blog-card-img-placeholder{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;transition:transform .4s ease}.blog-card-img-placeholder{background:#e8e8e8}.blog-card-image-link:hover .blog-card-img{transform:scale(1.04)}.blog-card-body{display:flex;flex-direction:column;gap:12px;padding:24px;flex:1}.blog-card-title{margin:0;line-height:1.3}.blog-card-divider{border:none;border-top:1px solid #e8e8e8;margin:4px 0}.blog-card-excerpt{color:#666;margin:0;flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:8px}.blog-pagination{display:flex;justify-content:center;gap:8px;padding:48px 40px 80px}.blog-pagination .pagination{display:flex;gap:8px;list-style:none;margin:0;padding:0}.blog-pagination a,.blog-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--navy, #0F1F3C);font-size:13px;letter-spacing:.04em;transition:background .2s ease,color .2s ease}.blog-pagination a:hover,.blog-pagination .current{background:var(--navy, #0F1F3C);color:#fff}.blog-post-hero{min-height:70vh;background:var(--navy, #0F1F3C);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:100px 40px 60px}@media(min-width:600px){.blog-post-hero{padding:120px 60px 72px}}@media(min-width:1024px){.blog-post-hero{padding:140px 80px 80px}}.blog-post-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:28px;opacity:.45}.blog-post-breadcrumb-link:hover{opacity:1}.blog-post-breadcrumb-sep{opacity:.5}.blog-post-title{margin:0 0 24px;max-width:900px}@supports (animation-timeline: scroll()) or (selector(:has(*))){.blog-post-title{transition:opacity .7s ease,translate .7s ease;transition-delay:.1s}@starting-style{.blog-post-title{opacity:0;translate:0 24px}}}.blog-post-meta{display:flex;align-items:center;gap:12px;opacity:.5;margin-bottom:48px;flex-wrap:wrap}.blog-post-meta-sep{opacity:.5}.blog-post-image-wrap{width:100%;overflow:hidden}.blog-post-img{display:block;width:100%;aspect-ratio:21 / 9;object-fit:cover}@media(max-width:600px){.blog-post-img{aspect-ratio:4 / 3}}.blog-post-body-wrap{padding:64px 40px 80px;background:#fff}@media(min-width:600px){.blog-post-body-wrap{padding:80px 60px}}@media(min-width:1024px){.blog-post-body-wrap{padding:100px 80px}}.blog-post-body{max-width:720px;margin:0 auto}.blog-post-body h2{font-weight:300;margin-top:2em;margin-bottom:.5em}.blog-post-body h3{font-weight:300;margin-top:1.6em;margin-bottom:.4em}.blog-post-body p{margin-bottom:1.6em;line-height:1.75}.blog-post-body blockquote{border-left:3px solid var(--navy, #0F1F3C);padding-left:24px;margin:2em 0;font-style:italic}.blog-post-body img{width:100%;margin:40px 0;display:block}.blog-post-body ul,.blog-post-body ol{padding-left:24px;margin-bottom:1.6em;line-height:1.75}.blog-related{background:var(--navy, #0F1F3C);color:#fff;padding:72px 40px 80px}@media(min-width:600px){.blog-related{padding:80px 60px}}@media(min-width:1024px){.blog-related{padding:88px 80px}}.blog-related-overline{color:var(--wabi, #8DB5A0);letter-spacing:.12em;text-transform:uppercase;margin:0 0 40px}.blog-related-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.blog-related .blog-card{border-color:#ffffff1f;background:#ffffff0a}.blog-related .blog-card:hover{box-shadow:0 8px 32px #0006}.blog-related .blog-card-tags{color:#fff6}.blog-related .blog-card-title a{color:#fff}.blog-related .blog-card-divider{border-top-color:#ffffff1f}.blog-related .blog-card-excerpt{color:#fff9}.blog-related .blog-card-date{color:#ffffff59}.blog-related .blog-card-read-link{color:#fff}::view-transition-old(root){animation:.2s ease-in both vt-fade-out}::view-transition-new(root){animation:.3s ease-out .1s both vt-fade-in-up}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in-up{0%{opacity:0;translate:0 12px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/blog.css.map */