.blog-journal-grid{--grid-line-color: var(--color-foreground);position:relative;width:100%;margin:0;padding:0;height:auto}.blog-journal-grid__container{display:grid;grid-template-columns:1fr;align-items:stretch;margin:0;padding:0;height:auto;width:100%;box-sizing:border-box}@media(min-width:768px){.blog-journal-grid__container{grid-template-columns:1fr;overflow-x:visible;scroll-snap-type:none;height:auto}}@media(min-width:1200px){.blog-journal-grid__container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:760px;gap:1px;background-color:var(--color-foreground);align-items:stretch;width:100%}}@media(max-width:1199px){.blog-journal-grid__column{display:grid;grid-template-columns:1fr 1px 1fr;height:auto;min-height:400px;border-bottom:1px solid var(--color-foreground);width:100%;box-sizing:border-box}.blog-journal-grid__column:before{content:"";grid-column:2;grid-row:1;background-color:var(--color-foreground);width:1px;align-self:stretch}.blog-journal-grid__column:nth-child(odd) .blog-journal-grid__text{grid-column:3;grid-row:1;width:100%;box-sizing:border-box}.blog-journal-grid__column:nth-child(odd) .blog-journal-grid__image-link,.blog-journal-grid__column:nth-child(odd) .blog-journal-grid__image{grid-column:1;grid-row:1;width:100%;box-sizing:border-box}.blog-journal-grid__column:nth-child(2n) .blog-journal-grid__text{grid-column:1;grid-row:1;width:100%;box-sizing:border-box}.blog-journal-grid__column:nth-child(2n) .blog-journal-grid__image-link,.blog-journal-grid__column:nth-child(2n) .blog-journal-grid__image{grid-column:3;grid-row:1;width:100%;box-sizing:border-box}.blog-journal-grid__container>.blog-journal-grid__column:last-of-type{border-bottom:none}}@media(max-width:1199px)and (min-width:768px){.blog-journal-grid__column{display:grid;grid-template-columns:1fr 1px 1fr;height:auto;min-height:400px;border-bottom:1px solid var(--color-foreground)}.blog-journal-grid__column:before{display:block}.blog-journal-grid__column:nth-child(odd) .blog-journal-grid__text,.blog-journal-grid__column:nth-child(2n) .blog-journal-grid__text{grid-column:3;grid-row:1}.blog-journal-grid__column:nth-child(odd) .blog-journal-grid__image-link,.blog-journal-grid__column:nth-child(odd) .blog-journal-grid__image,.blog-journal-grid__column:nth-child(2n) .blog-journal-grid__image-link,.blog-journal-grid__column:nth-child(2n) .blog-journal-grid__image{grid-column:1;grid-row:1}.blog-journal-grid__column:nth-child(2n) .blog-journal-grid__text{grid-column:1}.blog-journal-grid__column:nth-child(2n) .blog-journal-grid__image-link,.blog-journal-grid__column:nth-child(2n) .blog-journal-grid__image{grid-column:3}}@media(min-width:1200px){.blog-journal-grid__column{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);height:100%;min-height:0;min-width:0;overflow:hidden;background-color:var(--color-background)}.blog-journal-grid__column .blog-journal-grid__text{grid-column:1;grid-row:1;min-height:0;width:100%}.blog-journal-grid__column .blog-journal-grid__image-link{grid-column:1;grid-row:2;min-height:0;width:100%}.blog-journal-grid__column>.blog-journal-grid__image{grid-column:1;grid-row:2;min-height:0;width:100%}.blog-journal-grid__column:before{display:none}}.blog-journal-grid__filler{display:none}@media(min-width:1200px){.blog-journal-grid__filler{display:block;min-height:760px;height:100%;min-width:0;overflow:hidden;background-color:var(--color-background)}.blog-journal-grid__filler--span-1{grid-column:span 1}.blog-journal-grid__filler--span-2{grid-column:span 2}.blog-journal-grid__filler--span-3{grid-column:span 3}.blog-journal-grid__filler-frame{display:block;width:100%;height:100%;min-width:0}.blog-journal-grid__filler--matted{display:flex;align-items:center;justify-content:center;background-color:var(--color-background)}.blog-journal-grid__filler--matted.blog-journal-grid__filler--span-3,.blog-journal-grid__filler--matted.blog-journal-grid__filler--span-2{padding:3rem 2rem}.blog-journal-grid__filler--matted.blog-journal-grid__filler--span-1{padding:0}.blog-journal-grid__filler--matted .blog-journal-grid__filler-frame{width:auto;height:auto;flex-shrink:0;aspect-ratio:542 / 433;max-width:min(72%,648px);max-height:min(calc(100% - 6rem),518px);overflow:hidden}.blog-journal-grid__filler--matted.blog-journal-grid__filler--span-2 .blog-journal-grid__filler-frame{max-width:min(90%,542px);max-height:min(calc(100% - 6rem),433px)}.blog-journal-grid__filler--matted.blog-journal-grid__filler--span-1 .blog-journal-grid__filler-frame{width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:unset}}.blog-journal-grid__filler-image,.blog-journal-grid__filler-placeholder{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover}.blog-journal-grid__filler-placeholder{background-color:var(--color-background)}.blog-journal-grid__text{--blog-journal-text-gap: 8px;display:flex;flex-direction:column;gap:var(--blog-journal-text-gap);padding:24px 16px 60px;position:relative;min-height:100%;width:100%;box-sizing:border-box;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}@media(min-width:768px){.blog-journal-grid__text{--blog-journal-text-gap: 12px;gap:var(--blog-journal-text-gap);padding:32px 40px 80px;min-height:280px}}@media(min-width:1200px){.blog-journal-grid__text{gap:var(--blog-journal-text-gap);padding:2rem 2.5rem 5rem;min-height:0;overflow:hidden;border-bottom:1px solid var(--color-foreground)}}.blog-journal-grid__title-wrap{--blog-journal-title-lines: 2;--blog-journal-title-line-height: 1.2;flex-shrink:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;margin:0;height:calc(var(--blog-journal-title-lines) * var(--blog-journal-title-line-height) * 1rem);max-height:calc(var(--blog-journal-title-lines) * var(--blog-journal-title-line-height) * 1rem);overflow:hidden}@media(min-width:768px){.blog-journal-grid__title-wrap{height:calc(var(--blog-journal-title-lines) * var(--blog-journal-title-line-height) * var(--font-size-h2));max-height:calc(var(--blog-journal-title-lines) * var(--blog-journal-title-line-height) * var(--font-size-h2))}}.blog-journal-grid__title{font-weight:var(--font-weight-ultralight);margin:0;padding:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-wrap:unset;word-break:break-word}.blog-journal-grid__text-footer{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:calc(100% - 40px);text-align:right;pointer-events:none}.blog-journal-grid__text-footer .blog-journal-grid__read-link,.blog-journal-grid__text-footer .blog-journal-grid__date{pointer-events:auto}@media(min-width:768px){.blog-journal-grid__text-footer{bottom:32px;right:40px;max-width:calc(100% - 80px);gap:10px}}@media(min-width:1200px){.blog-journal-grid__text-footer{bottom:2rem;right:2.5rem;max-width:calc(100% - 5rem)}}.blog-journal-grid__date{font-family:var(--font-body);font-size:var(--font-size-small);font-weight:var(--font-weight-normal);line-height:1.35;letter-spacing:.01em;color:var(--color-foreground);opacity:.75;margin:0}.blog-journal-grid__desc{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-normal);line-height:1.6;letter-spacing:normal;white-space:normal;margin:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.blog-journal-grid__image{width:100%;height:100%;min-height:400px;box-sizing:border-box;display:block;object-fit:cover;object-position:center center}@media(min-width:768px){.blog-journal-grid__image{flex:1;min-height:500px;height:auto;margin-top:auto;border-top:1px solid var(--color-foreground);border-bottom:1px solid var(--color-foreground)}}@media(min-width:768px)and (max-width:1199px){.blog-journal-grid__image{border-top:none;border-bottom:none}}@media(min-width:1200px){.blog-journal-grid__image{min-height:0;margin-top:0;border-top:none;border-bottom:none}.blog-journal-grid__column>.blog-journal-grid__image{height:100%}.blog-journal-grid__image-link .blog-journal-grid__image{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}}.blog-journal-grid__image--placeholder{background-color:var(--color-background);opacity:.5}.blog-journal-grid__title-link{color:inherit;display:block;margin:0;min-width:0;text-decoration:none}.blog-journal-grid__title-link:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.blog-journal-grid__image-link:focus-visible{outline:2px solid var(--color-foreground);outline-offset:-2px}.blog-journal-grid__image-link{display:block;height:100%;width:100%;box-sizing:border-box}@media(min-width:768px){.blog-journal-grid__image-link{margin-top:auto;height:auto}}@media(min-width:1200px){.blog-journal-grid__image-link{display:flex;flex-direction:column;min-height:0;height:100%;margin-top:0}}.blog-journal-grid__read-link{font-family:var(--font-heading-h1);font-size:16px;font-weight:var(--font-weight-ultralight);text-transform:uppercase;letter-spacing:.02em;color:var(--color-foreground);display:inline-block;position:static;text-decoration:none}.blog-journal-grid__read-link:hover{text-decoration:underline}.blog-journal-grid__read-link:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}@media(min-width:768px){.blog-journal-grid__read-link{font-size:18px}}.blog-journal-grid__pagination{padding:2rem;text-align:center;border-top:1px solid var(--color-foreground)}.blog-journal-grid__pagination .pagination{display:flex;justify-content:center;align-items:center;gap:1rem;font-family:var(--font-body);font-size:14px}.blog-journal-grid__pagination .page,.blog-journal-grid__pagination .prev,.blog-journal-grid__pagination .next{padding:.5rem 1rem}.blog-journal-grid__pagination .page.current{font-weight:500;text-decoration:underline}.blog-journal-grid__pagination a{color:var(--color-foreground);text-decoration:none;transition:opacity .2s ease}.blog-journal-grid__pagination a:hover{opacity:.7;text-decoration:underline}
/*# sourceMappingURL=/cdn/shop/t/5/assets/blog-journal-grid.css.map */
