.blog-articles{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}.blog-articles .card-wrapper{width:100%}@media screen and (min-width:750px){.blog-articles{grid-template-columns:1fr 1fr;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.blog-articles--collage>*:nth-child(3n+1),.blog-articles--collage>*:nth-child(3n+2):last-child{grid-column:span 2;text-align:center}.blog-articles--collage>*:nth-child(3n+1) .card,.blog-articles--collage>*:nth-child(3n+2):last-child .card{text-align:center}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio:before{padding-bottom:22rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:44rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:66rem}}@media screen and (min-width:990px){.blog-articles--collage>*:nth-child(3n+1) .article-card__image--small .ratio .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--small .ratio .ratio:before{padding-bottom:27.5rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--medium .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--medium .ratio:before{padding-bottom:55rem}.blog-articles--collage>*:nth-child(3n+1) .article-card__image--large .ratio:before,.blog-articles--collage>*:nth-child(3n+2):last-child .article-card__image--large .ratio:before{padding-bottom:82.5rem}}.jgrid{display:grid;gap:28px;grid-template-columns:repeat(var(--jg-columns, 3),minmax(0,1fr));margin-top:8px}.jgrid .jcard{display:flex;flex-direction:column;height:100%;background:var(--jg-card-bg, #fff);border:1px solid var(--jg-border, #eadfcb);border-radius:var(--jg-radius, 14px);overflow:hidden;box-shadow:0 2px 10px #4a12120d;transition:box-shadow .25s ease,transform .25s ease}.jgrid .jcard:hover{box-shadow:0 10px 26px #4a12121f;transform:translateY(-3px)}.jgrid .jcard__media{display:block;aspect-ratio:var(--jg-image-ratio, 16 / 10);overflow:hidden;border-bottom:2px solid var(--jg-image-rule, #e8a93a)}.jgrid .jcard__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.jgrid .jcard:hover .jcard__media img{transform:scale(1.04)}.jgrid .jcard__body{display:flex;flex-direction:column;flex:1;padding:20px 22px 18px}.jgrid .jcard__tag{margin:0 0 10px;color:var(--jg-tag, #9c6b2e);font-size:1.15rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.jgrid .jcard__title{margin:0 0 10px;font-family:var(--jg-title-font, var(--font-heading-family));font-weight:var(--jg-title-weight, 400);font-style:var(--jg-title-style, normal);font-size:2rem;line-height:1.35}.jgrid .jcard__title a{color:var(--jg-title, #2a1813);text-decoration:none}.jgrid .jcard__title a:hover{text-decoration:underline;text-underline-offset:.3rem}.jgrid .jcard__excerpt{margin:0 0 16px;color:var(--jg-text, #5a4a42);font-size:1.4rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jgrid .jcard__meta{display:flex;align-items:center;gap:8px;margin:auto 0 0;color:var(--jg-text, #5a4a42);font-size:1.3rem}.jgrid .jcard__dot{opacity:.6}.jgrid .jcard__actions{display:flex;align-items:center;gap:18px;margin-top:14px}.jgrid .jcard__action{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer;color:var(--jg-icon, #9e4a2e);font:inherit;font-size:1.3rem;text-decoration:none}.jgrid .jcard__action svg{width:19px;height:19px}.jgrid .jcard__action:hover{opacity:.75}.jgrid .jcard__action:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media screen and (max-width:989px){.jgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media screen and (max-width:599px){.jgrid{grid-template-columns:1fr}.jgrid .jcard__title{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-main-blog.css.map */