.blog-index-grid{display:grid;grid-template-columns:2fr 1fr;grid-column-gap:var(--grid-desktop-horizontal-spacing);grid-row-gap:var(--grid-desktop-vertical-spacing)}@media screen and (min-width:1024px){.blog-index-grid{grid-template-columns:minmax(0,61.3fr) minmax(0,38.7fr);grid-column-gap:80px}.blog-index-grid .small-blog-grid h2{margin-left:0;padding-left:44px}}.blog-index-grid img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.blog-index-grid:nth-child{max-width:100%;box-sizing:border-box}.blog-index-grid p{margin:10px 0 0}.blog-index-grid .big-blog-excerpt{max-height:52px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.blog-index-grid .m-big-blo-tex{display:none;padding:1.5rem;padding-bottom:0}.blog-index-grid .m-big-blo-tex .caption-with-letter-spacing{color:rgba(var(--color-button))}.blog-index-grid .m-big-blo-tex .big-blog-excerpt{padding-bottom:3rem}.blog-index-grid .big-blog-grid{position:relative;padding-top:74.22%;overflow:hidden;border-radius:12px}.blog-index-grid .big-blog-grid img{border-radius:12px}.blog-index-grid .big-blog-grid .big-blog-text{position:absolute;bottom:0;top:0;left:0;padding-bottom:6rem;padding-left:6rem;padding-right:6rem;z-index:2;align-content:flex-end}.blog-index-grid .big-blog-grid .big-blog-text *{color:rgba(var(--color-button-text))}.blog-index-grid .big-blog-grid .big-blog-text .big-blog-title .post-featured-read{text-transform:uppercase;font-size:1rem;position:absolute;transform:translateY(-50%);padding-right:4rem;right:1.5rem;opacity:0;transition:all .7s cubic-bezier(.51,.01,.37,.98)}.blog-index-grid .big-blog-grid .big-blog-text .big-blog-title .post-featured-read:after{content:" ";display:block;height:4rem;width:4rem;margin-right:2rem;border-color:rgba(var(--color-button-text));border-style:solid solid none none;border-width:1px;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg)}.blog-index-grid .big-blog-grid .big-blog-text .big-blog-title a:hover .post-featured-read{right:0;opacity:1}.blog-index-grid .big-blog-grid .big-blog-text .big-blog-title a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.blog-index-grid .small-blog-grid{display:grid;grid-template-rows:34px minmax(0,1fr)}.blog-index-grid .small-blog-grid h2{margin:0}.blog-index-grid .small-blog-grid .small-blog-box{display:flex;flex-direction:column;justify-content:space-between;min-height:0;margin-bottom:0;margin-top:30px}.blog-index-grid .small-blog-grid .small-blog-box .small-blog-item{display:grid;grid-template-columns:40px 140px minmax(0,1fr);column-gap:10px;position:relative;align-items:start}.blog-index-grid .small-blog-grid .small-blog-box .small-blog-item .small-image-box{position:relative;width:140px;height:140px;padding-top:0;overflow:hidden;border-radius:12px}.blog-index-grid .small-blog-grid .small-blog-box .small-blog-item .small-image-box img{border-radius:12px}.blog-index-grid .small-blog-grid .small-blog-box .small-blog-item .small-text-box{position:relative;align-self:stretch;margin-left:10px}.blog-index-grid .small-blog-grid .small-blog-box .small-blog-item .small-text-box .caption-with-letter-spacing{margin:10px 0}.blog-index-grid .small-blog-grid .small-blog-box .small-blog-item .small-text-box a:after{bottom:0;content:"";left:-50%;position:absolute;right:0;top:0;z-index:1}.blog-index-grid .small-blog-grid .small-blog-box .small-blog-separator{flex:0 0 auto;width:calc(100% - 50px);height:1px;margin-left:50px;background-color:#e4e4e4}.blog-index-grid .small-blog-grid .small-blog-box .small-blog-index{color:#9e7163;line-height:1;width:40px;font-size:50px;text-align:left;font-family:Merriweather;font-weight:400}@media screen and (max-width:1366px){.blog-index-grid{grid-column-gap:var(--grid-mobile-horizontal-spacing);grid-row-gap:var(--grid-mobile-vertical-spacing);grid-template-columns:1fr}.small-blog-grid{margin-top:30px}.small-blog-box{gap:var(--grid-mobile-vertical-spacing)}.small-blog-box .small-blog-item{align-items:stretch!important}}@media screen and (max-width:768px){.blog-index-grid{--mobile-blog-image-size: clamp(112px, 35.62vw, 140px);row-gap:0}.big-blog-grid{padding-top:74.22%!important;margin-bottom:10px}.big-blog-grid img{border-radius:12px!important}.big-blog-grid .big-blog-text{display:none}.m-big-blo-tex{display:block!important;padding:0!important;color:#1e0e06}.m-big-blo-tex .caption-with-letter-spacing,.m-big-blo-tex .big-blog-title,.m-big-blo-tex .big-blog-excerpt{margin:0!important}.m-big-blo-tex .caption-with-letter-spacing{color:#1e0e06!important;font-size:16px;line-height:1.5}.m-big-blo-tex .big-blog-title{margin-top:10px!important;font-size:28px;font-weight:700;line-height:1.2}.m-big-blo-tex .big-blog-excerpt{margin-top:10px!important;padding-bottom:0!important;max-height:none;font-size:16px;line-height:1.5;-webkit-line-clamp:unset}.m-big-blo-tex .post-featured-read{display:none}.small-blog-grid{background-color:transparent;display:block;margin-top:40px!important;padding:0 0 20px}.small-blog-grid h2{margin:0!important;padding:0!important;font-size:20px;font-weight:700;line-height:1.2}.small-blog-grid .small-blog-box{gap:20px;margin-top:20px!important;padding:0!important}.small-blog-grid .small-blog-box .small-blog-item{grid-template-columns:30px var(--mobile-blog-image-size) minmax(0,1fr)!important;column-gap:10px;min-height:var(--mobile-blog-image-size);align-items:start!important}.small-blog-grid .small-blog-box .small-blog-item .small-image-box{width:var(--mobile-blog-image-size);height:var(--mobile-blog-image-size);padding-top:0;margin-bottom:0;border-radius:12px}.small-blog-grid .small-blog-box .small-blog-index{position:static;width:30px!important;height:auto;color:#9e7163!important;background:transparent;border-radius:0;font-size:37.5px;line-height:1!important;text-align:left}.small-blog-grid .small-blog-box .small-blog-separator{display:block;width:calc(100% - 50px);margin-left:50px;background-color:#e4e4e4}.small-blog-grid .small-blog-box .small-text-box{margin-left:10px!important}.small-blog-grid .small-blog-box .small-text-box .big-blog-title,.small-blog-grid .small-blog-box .small-text-box .big-blog-title a{font-size:16px;line-height:1.5;font-weight:400}.small-blog-grid .small-blog-box .small-text-box .caption-with-letter-spacing{margin:20px 0 0!important;color:#b4b1b0;font-size:14px;line-height:1.5;letter-spacing:0;text-transform:none}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/blog-index.css.map */