.projects--wrapper .project-container:not(:last-child){margin-bottom:2.4rem}@media screen and (max-width: 749px){.projects--wrapper .project-container:not(:last-child){margin-bottom:.8rem}}.project-container>*{flex-grow:0}@media screen and (min-width: 750px){.project-container{display:grid;grid-template-columns:2fr 3fr;grid-template-areas:"info media"}.project-media{grid-area:media}.project-info{grid-area:info}}.color-background-1 .project-container{background-color:rgb(var(--utility-light-background))}.color-background-2 .project-container{background-color:rgb(var(--primary-white))}.project-media--wrapper{overflow:hidden;height:100%}.project-media--wrapper img{object-fit:cover;max-width:100%;max-height:100%;object-position:center;width:100%;height:100%}.project-info{padding:4.8rem;height:100%;display:flex;flex-direction:column;justify-content:space-between}.project-info .view-gallery-button-wrapper{margin-top:4.8rem}@media screen and (max-width: 749px){.project-info{padding:2.4rem 1.6rem}.project-info .view-gallery-button-wrapper{margin-top:2.4rem}}.project-info ul li{border-bottom:1px solid rgb(var(--utility-line-light));padding:1.6rem 0}.project-title{margin:0;font-weight:700}.load-more-button-wrapper{margin-top:4.8rem}.project-gallery-modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow:auto;width:100%;background:rgba(var(--color-foreground),.6);height:100%;transition:all .15s ease-out}.project-gallery-modal[open]{opacity:1;visibility:visible;z-index:101}.project-gallery-modal__content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60%;max-width:110rem;background-color:rgb(var(--primary-white));border-radius:.4rem}@media screen and (min-width: 990px) and (max-width: 1320px){.project-gallery-modal__content{width:75%}}@media screen and (min-width: 750px) and (max-width: 989px){.project-gallery-modal__content{width:90%}}@media screen and (max-width: 749px){.project-gallery-modal__content{width:100%;top:0;left:0;transform:none}}.project-gallery-modal__close-button{border:none;background:none;position:absolute;right:2.4rem;top:2.4rem;cursor:pointer;z-index:2;display:flex;justify-content:center;align-items:center;transform:scale(1)}.project-gallery-modal__close-button:hover{transform:scale(1.3)}.project-gallery-modal__close-button .icon{height:auto;margin:0;width:1.3rem}@media screen and (max-width: 749px){.project-gallery-modal__close-button{background-color:rgb(var(--primary-white));top:0;right:0;width:4.5rem;height:4.5rem}}.project-gallery__content-info .project-media{padding:4.8rem;border-left:1px solid rgb(var(--utility-line-light))}@media screen and (max-width: 749px){.project-gallery__content-info .project-media{padding:1.6rem 1.6rem 0}}.project-gallery__content-info .project-info ul li:last-child{border:none}@media screen and (min-width: 750px){.project-gallery__content-info .project-media .thumbnail-slider .thumbnail-list.slider--tablet-up{padding:.5rem 2.5rem;scroll-padding:0 2.5rem}}@media screen and (max-width: 749px){.project-gallery__content-info .project-media .thumbnail-slider .slider-button{width:2rem;padding:0}}@media screen and (min-width: 750px){.product--thumbnail .product__media-list,.product--thumbnail_slider .product__media-list{padding-bottom:calc(var(--media-shadow-vertical-offset) * var(--media-shadow-visible))}.product__media-list{padding-right:calc(var(--media-shadow-horizontal-offset) * var(--media-shadow-visible))}.product--thumbnail .product__media-item:not(.is-active),.product--thumbnail_slider .product__media-item:not(.is-active){display:none}}@media screen and (max-width: 749px){.product__media-list{margin-left:-2.5rem;margin-bottom:3rem;width:calc(100% + 4rem)}.slider.product__media-list::-webkit-scrollbar{height:.2rem;width:.2rem}.product__media-list::-webkit-scrollbar-thumb{background-color:rgb(var(--color-foreground))}.product__media-list::-webkit-scrollbar-track{background-color:rgba(var(--color-foreground),.2)}.product__media-list .product__media-item{width:100%}}@media screen and (min-width: 990px){.product__media-list .product__media-item:first-child,.product__media-list .product__media-item--full{width:100%;max-width:100%}}.product__media-item>*{display:block;position:relative}.product__media-list .media>*{overflow:hidden}.thumbnail-list{flex-wrap:wrap;grid-gap:1rem}@media screen and (min-width: 750px){.thumbnail-list{display:grid;grid-template-columns:repeat(4,1fr)}}@media screen and (max-width: 749px){.product__media-item{display:flex;align-items:center}.product__modal-opener{width:100%}.thumbnail-slider{display:flex;align-items:center}.thumbnail-slider .thumbnail-list.slider{display:flex;padding:.5rem;flex:1;scroll-padding-left:.5rem}.thumbnail-list__item.slider__slide{width:calc(25% - .8rem)}}@media screen and (min-width: 990px){.thumbnail-list{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 750px){.product--thumbnail_slider .thumbnail-slider{display:flex;align-items:center}.thumbnail-slider .thumbnail-list.slider--tablet-up{display:flex;padding:.5rem;flex:1;scroll-padding-left:.5rem}.thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide{width:calc(25% - .8rem)}.product--thumbnail_slider .slider-mobile-gutter .slider-button{display:flex}}@media screen and (min-width: 900px){.thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide{width:calc(20% - .8rem)}}.thumbnail{position:absolute;top:0;left:0;display:block;height:100%;width:100%;padding:0;color:rgb(var(--color-base-text));cursor:pointer;background-color:transparent}.thumbnail:hover{opacity:.7}.thumbnail.global-media-settings img{border-radius:0}.thumbnail[aria-current]{box-shadow:0 0 0 .1rem rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));border-radius:4px}.thumbnail[aria-current]:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)}.thumbnail[aria-current]:focus,.thumbnail.focused{outline:0;box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.5)}.thumbnail[aria-current]:focus:not(:focus-visible){outline:0;box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.thumbnail img{pointer-events:none}.thumbnail--narrow img{height:100%;width:auto;max-width:100%}.thumbnail--wide img{height:auto;width:100%}.thumbnail-list__item{position:relative}.thumbnail-list__item:before{content:"";display:block;padding-bottom:100%}@media screen and (max-width: 749px){.slide__image-wrapper{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/projects.css.map */