blog-portfolio-gallery{display:block;width:100%;background-color:var(--bpg-bg, #151515);padding:0 30px}@media screen and (min-width:750px){blog-portfolio-gallery{padding:0 60px}}.blog-portfolio-gallery__container{max-width:var(--narrow-page-width);margin-inline:auto;display:flex;flex-direction:column;gap:40px;padding:var(--bpg-space-top, 100px) 0 var(--bpg-space-bottom, 100px) 0}@media screen and (max-width:749px){.blog-portfolio-gallery__container{gap:40px}}@media screen and (max-width:749px){[data-page-handle=blogs-index] .blog-portfolio-gallery__container{gap:30px}}@media screen and (max-width:749px){[data-template=index] .blog-portfolio-gallery__container{padding:var(--bpg-space-top-mobile, 60px) 0 var(--bpg-space-bottom-mobile, 24px) 0}}.blog-portfolio-gallery__header{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}@media screen and (max-width:749px){.blog-portfolio-gallery__header{gap:0}}.blog-portfolio-gallery__tabs{display:flex;gap:30px;flex-wrap:wrap}.blog-portfolio-gallery__tab{color:var(--bpg-tab-text, #ffffff);font-family:Inter;font-size:12px}.blog-portfolio-gallery__tab:hover{opacity:.8}.blog-portfolio-gallery__controls{display:flex;align-items:center;gap:16px}.blog-portfolio-gallery__archives-link{color:var(--bpg-link-color, #ffffff);font-family:Inter;font-size:12px}.blog-portfolio-gallery__archives-link:hover{opacity:.7}.blog-portfolio-gallery__nav{display:flex;gap:5px}.blog-portfolio-gallery__nav--mobile{display:none}@media screen and (max-width:749px){.blog-portfolio-gallery__nav--mobile{display:flex;justify-content:flex-start;padding-top:40px}}.blog-portfolio-gallery__nav-btn{display:flex;align-items:center;justify-content:center;width:38px;height:30px;max-width:38px;padding:12px;box-sizing:border-box;border:1px solid var(--bpg-nav-border, #404040);border-radius:5px;background:transparent;color:var(--bpg-nav-icon, #ffffff);cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}.blog-portfolio-gallery__nav-btn:hover{background:var(--bpg-nav-hover-bg, #1a1a1a);border-color:var(--bpg-nav-hover-border, #ffffff)}.blog-portfolio-gallery__nav-btn:disabled{opacity:.3;cursor:not-allowed}.blog-portfolio-gallery__year-filter{display:flex;align-items:center;gap:var(--bpg-year-filter-spacing, 20px);flex-wrap:wrap}@media screen and (max-width:749px){.blog-portfolio-gallery__year-filter{display:none}}.blog-portfolio-gallery__carousel-title{display:none}@media screen and (max-width:749px){.blog-portfolio-gallery__carousel-title{display:block;color:var(--bpg-tab-text, #ffffff);font-family:Inter;font-size:12px;margin:0 0 16px;padding:0}}.blog-portfolio-gallery__year-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--bpg-link-color, #ffffff);font-family:Inter;font-size:12px}.blog-portfolio-gallery__year-btn:hover{opacity:1}.blog-portfolio-gallery__year-btn.is-active{opacity:1;text-decoration:underline;text-underline-offset:3px}.blog-portfolio-gallery__year-sep{color:var(--bpg-link-color, #ffffff);font-size:12px;opacity:.3;-webkit-user-select:none;user-select:none}.blog-portfolio-gallery__carousel{display:flex;flex-wrap:nowrap;gap:40px 10px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.blog-portfolio-gallery__carousel::-webkit-scrollbar{display:none}.blog-portfolio-gallery__carousel .card-article{display:none}.blog-portfolio-gallery__carousel .card-article.is-visible{display:block;flex-shrink:0;max-width:400px;scroll-snap-align:start}@media screen and (max-width:749px){.blog-portfolio-gallery__carousel .card-article.is-visible{max-width:250px}}@media screen and (max-width:749px){.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid){margin-left:-30px}}@media screen and (min-width:750px)and (max-width:1559px){.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid){margin-left:-60px}}@media screen and (min-width:1560px){.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid){margin-left:calc(-1 * (100vw - var(--narrow-page-width)) / 2)}}.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid):before{content:"";display:block;flex-shrink:0;scroll-snap-align:start}@media screen and (max-width:749px){.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid):before{width:30px}}@media screen and (min-width:750px)and (max-width:1559px){.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid):before{width:60px}}@media screen and (min-width:1560px){.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid):before{width:calc((100vw - var(--narrow-page-width)) / 2)}}.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid):after{content:"";display:block;flex-shrink:0;width:30px}@media screen and (min-width:750px)and (max-width:1559px){.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid):after{width:50px}}@media screen and (min-width:1560px){.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid):after{width:calc((100vw - var(--narrow-page-width)) / 2)}}.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid):not(.is-grouped) .card-article.is-visible{margin-left:-10px}.blog-portfolio-gallery__carousel:not(.blog-portfolio-gallery__carousel--grid):not(.is-grouped) .card-article.is-visible~.card-article.is-visible{margin-left:0}.blog-portfolio-gallery__main{width:100%}@media screen and (max-width:749px){.blog-portfolio-gallery__main--gallery{width:calc(100% + 30px)}}@media screen and (min-width:750px)and (max-width:1559px){.blog-portfolio-gallery__main--gallery{width:calc(100% + 60px)}}@media screen and (min-width:1560px){.blog-portfolio-gallery__main--gallery{width:calc(100% + (100vw - var(--narrow-page-width)) / 2)}}.blog-portfolio-gallery__carousel--grid{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none}.blog-portfolio-gallery__carousel--grid .card-article.is-visible{width:calc((100% - 2 * var(--bpg-grid-gap, 10px)) / 3);max-width:none;flex-shrink:0;scroll-snap-align:none}@media screen and (max-width:749px){.blog-portfolio-gallery__carousel--grid .card-article.is-visible{width:100%}}.blog-portfolio-gallery__carousel--grid .card-article__image-wrapper{height:var(--bpg-card-image-height, 550px);overflow:hidden}@media screen and (max-width:749px){.blog-portfolio-gallery__carousel--grid .card-article__image-wrapper{height:var(--bpg-card-image-height-mobile, 430px)}}.blog-portfolio-gallery__carousel--grid .card-article__image{width:100%;height:100%;object-fit:cover}.blog-portfolio-gallery__carousel.is-grouped{flex-wrap:wrap;overflow-x:visible;scroll-snap-type:none}.blog-portfolio-gallery__carousel.is-grouped .card-article.is-visible{flex-shrink:1;scroll-snap-align:none}.blog-portfolio-gallery__year-heading{display:none}.blog-portfolio-gallery__carousel.is-grouped .blog-portfolio-gallery__year-heading{display:block;width:100%;flex-basis:100%;color:var(--bpg-card-text, #ffffff);font-size:12px;font-weight:400;margin:0!important;padding:0}@media screen and (max-width:749px){.blog-portfolio-gallery__carousel.is-grouped .blog-portfolio-gallery__year-heading{padding-top:10px}}[data-has-divider=true] .blog-portfolio-gallery__carousel.is-grouped .blog-portfolio-gallery__year-heading{border-bottom:1px solid var(--bpg-tab-border, #404040);padding-bottom:8px}.blog-portfolio-gallery__carousel.is-grouped .blog-portfolio-gallery__year-heading:first-child{margin-top:0}.blog-portfolio-gallery__year-divider{display:none}.blog-portfolio-gallery__carousel.is-grouped .blog-portfolio-gallery__year-divider{display:block;width:100%;flex-basis:100%;height:1px;background:#404040}.blog-portfolio-gallery__divider{border:none;border-top:1px solid var(--bpg-tab-border, #404040);margin:0}.blog-portfolio-gallery__year-nav{display:flex;justify-content:space-between;align-items:center}.blog-portfolio-gallery__year-prev,.blog-portfolio-gallery__year-next{background:none;border:none;padding:0;cursor:pointer;color:var(--bpg-link-color, #ffffff);font-family:Inter;font-size:12px;text-decoration:underline;text-underline-offset:2px;transition:opacity .2s}.blog-portfolio-gallery__year-prev:hover,.blog-portfolio-gallery__year-next:hover{opacity:.7}.blog-portfolio-gallery__year-prev:disabled,.blog-portfolio-gallery__year-next:disabled{opacity:.3;cursor:not-allowed}.blog-portfolio-gallery__carousel.is-hidden,.blog-portfolio-gallery__year-nav.is-hidden,.blog-portfolio-gallery__footer.is-hidden,.blog-portfolio-gallery__footer-divider.is-hidden,.blog-portfolio-gallery__year-btn.is-hidden,.blog-portfolio-gallery__year-sep.is-hidden{display:none}.blog-portfolio-gallery__filtered-empty{display:none;text-align:center;padding:60px 20px;color:var(--bpg-card-text, #ffffff);opacity:.6;font-family:Inter;font-size:14px}.blog-portfolio-gallery__filtered-empty.is-visible{display:block}.blog-portfolio-gallery__empty{text-align:center;padding:60px 20px;color:var(--bpg-card-text, #ffffff);opacity:.6}.card-article{overflow:hidden;display:block;text-decoration:none;color:inherit}.card-article__image-wrapper{width:100%;overflow:hidden;border-radius:10px}.card-article__image{display:block;width:100%;height:auto;max-height:550px;object-fit:cover}.card-article__image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#222}.card-article__image-placeholder svg{width:60%;height:60%;opacity:.3}.card-article__content{padding:20px 0 0;display:flex;flex-direction:column;gap:10px}.card-article__blog-label{font-family:var(--font-body--family);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bpg-card-text, #ffffff);opacity:.5}.card-article__title{font-family:var(--font-body--family);font-size:.75rem;font-weight:400;color:var(--bpg-card-text, #ffffff);margin:0;line-height:normal}.card-article__excerpt{font-family:var(--font-body--family);font-size:.75rem;color:var(--bpg-card-text, #ffffff);margin:0;line-height:normal;max-width:90%}.card-article__link{color:var(--bpg-card-link, #ffffff);font-size:.75rem;transition:opacity .3s ease}.card-article__link:hover{opacity:.7}@media screen and (max-width:749px){.blog-portfolio-gallery__controls{width:100%;justify-content:space-between}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/blog-portfolio-gallery.css.map */