.blog-modern{padding-top:var(--space_large);padding-bottom:var(--space_xxx_large)}.blog-modern .blog-title{margin-top:var(--space_large);margin-bottom:var(--space_x_large);padding-bottom:var(--space_medium);border-bottom:1px solid var(--color_border)}.blog-modern .blog-title h1{font-size:var(--font-size-heading-1);font-weight:var(--fonts_type_heading_weight_bolder, 700);letter-spacing:-.02em;line-height:1.1}@media screen and (min-width:860px){.blog-modern .blog-title h1{font-size:calc(var(--font-size-heading-1) * 1.15)}}.blog-modern .blog--inner{display:grid;grid-template-columns:1fr;gap:var(--space_large);margin:0}@media screen and (min-width:540px){.blog-modern .blog--inner{grid-template-columns:repeat(2,1fr);gap:var(--space_large)}}@media screen and (min-width:860px){.blog-modern .blog--inner{grid-template-columns:repeat(3,1fr);gap:var(--space_x_large)}}.blog-modern .blog--inner .article--excerpt-wrapper{width:auto;margin:0}.blog-modern .blog--inner .article--excerpt-wrapper{display:flex;flex-direction:column;overflow:hidden;background:var(--color_background, #fff);border:1px solid var(--color_border);border-radius:12px;box-shadow:0 1px 2px #0000000a;transition:transform .25s cubic-bezier(.2,0,0,1),box-shadow .25s cubic-bezier(.2,0,0,1),border-color .25s cubic-bezier(.2,0,0,1)}.blog-modern .blog--inner .article--excerpt-wrapper:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001a;border-color:var(--color_links)}.blog-modern .blog--inner .article-list-item{display:flex;flex-direction:column;height:100%}.blog-modern .blog--inner .article--excerpt-image{position:relative;display:block;width:100%;height:auto;aspect-ratio:16 / 10;overflow:hidden;background:var(--color_text_color_mix_color_background)}.blog-modern .blog--inner .article--excerpt-image img,.blog-modern .blog--inner .article--excerpt-image img[data-rimg=loaded]{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform .6s cubic-bezier(.2,0,0,1);visibility:visible}.blog-modern .blog--inner .article--excerpt-wrapper:hover .article--excerpt-image img{transform:scale(1.04)}.blog-modern .blog--inner .article--excerpt-content{display:flex;flex-direction:column;flex:1;padding:var(--space_medium) var(--space_medium) var(--space_large);gap:var(--space_xx_small)}@media screen and (min-width:860px){.blog-modern .blog--inner .article--excerpt-content{padding:var(--space_large) var(--space_large) var(--space_x_large)}}.blog-modern .blog--inner .article--excerpt-meta{margin-bottom:var(--space_xx_small);font-size:var(--font-size-body-small);color:var(--color_text_light);text-transform:uppercase;letter-spacing:.04em}.blog-modern .blog--inner .article--excerpt-title{margin:0 0 var(--space_xx_small) 0;font-size:var(--font-size-heading-4);font-weight:var(--fonts_type_heading_weight_bolder, 600);line-height:1.25;color:var(--color_headings);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-modern .blog--inner .article--excerpt-title a{color:currentColor;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .25s cubic-bezier(.2,0,0,1)}.blog-modern .blog--inner .article--excerpt-wrapper:hover .article--excerpt-title a,.blog-modern .blog--inner .article--excerpt-title a:focus-visible{background-size:100% 1px}.blog-modern .blog--inner .article--excerpt-text{margin:0 0 var(--space_medium) 0;font-size:var(--font-size-body);line-height:1.55;color:var(--color_text_light);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-modern .blog--inner .article--excerpt-text p{margin:0}.blog-modern .blog--inner .article--excerpt-readmore{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding:0;font-size:var(--font-size-body);font-weight:var(--fonts_type_body_weight_bolder, 600);color:var(--color_links);text-decoration:none;background:none;transition:color .15s cubic-bezier(.2,0,0,1)}.blog-modern .blog--inner .article--excerpt-readmore:hover{color:var(--color_link_hover)}.blog-modern .blog--inner .article--excerpt-readmore--icon{display:inline-flex;transition:transform .25s cubic-bezier(.2,0,0,1)}.blog-modern .blog--inner .article--excerpt-wrapper:hover .article--excerpt-readmore--icon{transform:translate(4px)}.blog-modern .blog--inner .article--excerpt-image:focus-visible,.blog-modern .blog--inner .article--excerpt-title a:focus-visible,.blog-modern .blog--inner .article--excerpt-readmore:focus-visible{outline:2px solid var(--color_links);outline-offset:3px;border-radius:4px}.blog-modern .article--excerpt-wrapper--featured{border-radius:16px;overflow:hidden;margin-bottom:var(--space_xx_large);box-shadow:0 4px 16px #0000000f}@media screen and (min-width:860px){.blog-modern .article--excerpt-wrapper--featured{display:grid;grid-template-columns:1.1fr 1fr;align-items:stretch;gap:0;margin-bottom:var(--space_xxx_large)}.blog-modern .article--excerpt-wrapper--featured .article--excerpt-image{height:100%;aspect-ratio:auto;min-height:24rem}.blog-modern .article--excerpt-wrapper--featured .article--excerpt-content{padding:var(--space_xx_large);align-self:center}}.blog-modern .article--excerpt-wrapper--featured .article--excerpt-title{font-size:var(--font-size-heading-2);line-height:1.15;letter-spacing:-.01em}@media screen and (min-width:1024px){.blog-modern .article--excerpt-wrapper--featured .article--excerpt-title{font-size:calc(var(--font-size-heading-2) * 1.1)}}.blog-modern .article--excerpt-wrapper--featured .article--excerpt-button{margin-top:var(--space_medium);padding:.875rem 1.75rem;border-radius:999px;font-weight:var(--fonts_type_body_weight_bolder, 600);transition:transform .2s cubic-bezier(.2,0,0,1)}.blog-modern .article--excerpt-wrapper--featured .article--excerpt-button:hover{transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.blog-modern .blog--inner .article--excerpt-wrapper,.blog-modern .blog--inner .article--excerpt-image img,.blog-modern .blog--inner .article--excerpt-readmore--icon,.blog-modern .article--excerpt-wrapper--featured .article--excerpt-button{transition:none}.blog-modern .blog--inner .article--excerpt-wrapper:hover,.blog-modern .blog--inner .article--excerpt-wrapper:hover .article--excerpt-image img,.blog-modern .blog--inner .article--excerpt-wrapper:hover .article--excerpt-readmore--icon{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/blog-modern.css.map */