.projects-blog{width:100%;max-width:none;color:rgb(var(--color-foreground))}.projects-blog__navigation{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:4rem;row-gap:1.5rem;margin-bottom:2.8rem}.projects-blog__filter{position:relative;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.2rem;font-style:normal;font-weight:400;line-height:1.3;text-decoration:none;text-transform:uppercase;white-space:nowrap}.projects-blog__filter:after{content:"";position:absolute;right:0;bottom:-.2rem;left:0;height:.1rem;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s ease}.projects-blog__filter:hover:after,.projects-blog__filter:focus-visible:after,.projects-blog__filter--active:after{transform:scaleX(1);transform-origin:left}.projects-blog__list{border-top:.1rem solid rgba(var(--color-foreground),.7)}.projects-blog__project{display:grid;grid-template-columns:17rem minmax(0,1fr) 14rem;column-gap:2.4rem;align-items:start;border-bottom:.1rem solid rgba(var(--color-foreground),.7)}.projects-blog__type,.projects-blog__link-wrapper{padding-top:2.2rem;padding-bottom:2.2rem}.projects-blog__type{font-family:var(--font-body-family);font-size:1.3rem;font-style:normal;font-weight:400;line-height:1.3;text-transform:uppercase}.projects-blog__title-area{min-width:0;padding-top:1.5rem;padding-bottom:1.5rem}.projects-blog__title{display:inline-block;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:2.8rem;font-style:normal;font-weight:400;line-height:1.25;text-decoration:none}.projects-blog__link-wrapper{display:flex;justify-content:flex-end;text-align:right}.projects-blog__link{color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.3rem;font-style:normal;font-weight:400;line-height:1.3;text-decoration:underline;text-underline-offset:.2rem;text-transform:uppercase;white-space:nowrap}.projects-blog__preview{max-width:66rem;max-height:0;margin-top:0;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-.8rem);transition:max-height .5s ease,margin-top .35s ease,opacity .3s ease,transform .4s ease,visibility 0s linear .5s}.projects-blog__preview-image{position:relative;width:100%;overflow:hidden;background:rgba(var(--color-foreground),.04)}.projects-blog__preview-image:before{content:"";display:block;padding-bottom:58%}.projects-blog__preview-image img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:990px){.projects-blog__title-area{display:grid;grid-template-columns:34rem minmax(0,66rem);column-gap:3rem;align-items:start}.projects-blog__title{white-space:nowrap}.projects-blog__title:hover,.projects-blog__title:focus{white-space:normal;max-width:34rem}.projects-blog__title{grid-column:1}.projects-blog__preview{grid-column:2;grid-row:1;width:100%;margin-top:0}}@media screen and (min-width:990px)and (hover:hover){.projects-blog__title:hover+.projects-blog__preview,.projects-blog__title:focus+.projects-blog__preview{max-height:60rem;margin-top:0;opacity:1;visibility:visible;transform:translateY(0);transition:max-height .5s ease,opacity .3s ease .1s,transform .4s ease,visibility 0s}}.projects-blog__empty{margin:4rem 0;text-align:center}.projects-blog__pagination{margin-top:4rem}@media screen and (max-width:989px){.projects-blog__project{grid-template-columns:13rem minmax(0,1fr) 12rem;column-gap:1.8rem}.projects-blog__navigation{column-gap:2.4rem}.projects-blog__title{font-size:2.5rem}}@media screen and (max-width:749px){.projects-blog{padding-right:1.5rem;padding-left:1.5rem}.projects-blog__navigation{justify-content:flex-start;flex-wrap:nowrap;width:100%;margin-right:0;margin-bottom:2.4rem;margin-left:0;padding:0 0 .8rem;column-gap:2.4rem;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.projects-blog__navigation::-webkit-scrollbar{display:none}.projects-blog__filter{flex:0 0 auto;scroll-snap-align:start}.projects-blog__project{grid-template-columns:minmax(0,1fr) auto;column-gap:1.5rem;padding-top:1.7rem;padding-bottom:1.7rem}.projects-blog__type{grid-column:1 / -1;padding:0 0 .7rem;font-size:1.1rem}.projects-blog__title-area{grid-column:1;padding:0}.projects-blog__title{font-size:2.4rem;line-height:1.2}.projects-blog__link-wrapper{grid-column:2;align-items:flex-start;padding:.5rem 0 0}.projects-blog__link{font-size:1.1rem}.projects-blog__preview{width:calc(100vw - 3rem);max-width:none}.projects-blog__project.is-preview-open .projects-blog__preview{max-height:60rem;margin-top:1.5rem;opacity:1;visibility:visible;transform:translateY(0);transition:max-height .5s ease,margin-top .35s ease,opacity .3s ease .1s,transform .4s ease,visibility 0s}.projects-blog__preview-image:before{padding-bottom:66%}}@media screen and (min-width:750px){.projects-blog{padding-right:4.5rem;padding-left:4.5rem}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-main-projects-blog.css.map */