.portfolio{position:relative;overflow-x:hidden}.portfolio-pagination{position:fixed;left:0;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;z-index:10;display:none;align-items:center;gap:.5rem;font-size:1.2rem;font-weight:500;color:#fff;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}@media(min-width:576px){.portfolio-pagination{display:flex}}.portfolio-pagination.is-active{opacity:1;visibility:visible}.portfolio-pagination__current{position:relative;display:inline-block;min-width:2ch;text-align:center}.portfolio-content{position:relative;height:100vh;overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.portfolio-content-item{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:calc(100% - 1px);overflow:hidden}.portfolio-content-item__overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;text-decoration:none;cursor:pointer;pointer-events:auto}.portfolio-background-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.portfolio-background-image{position:absolute;top:0;left:0;width:calc(100% + 2px);height:calc(100% + 2px);will-change:transform;backface-visibility:hidden;transform:translateZ(0)}.portfolio-background-image__img,.portfolio-background-image svg{width:100%;height:100%;object-fit:cover;backface-visibility:hidden}.portfolio-background-image__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(var(--color-overlay));z-index:1}.portfolio-content-left{position:absolute;width:100%;height:auto;top:0;bottom:auto;display:flex;align-items:flex-start;padding:4rem 2rem 2rem;justify-content:center;overflow:hidden;z-index:2}@media(min-width:576px){.portfolio-content-left{padding:4rem}}@media(min-width:990px){.portfolio-content-left{left:0;width:50%;height:100%;z-index:2;align-items:center;padding:0 4rem 0 6rem}}@media(min-width:1360px){.portfolio-content-left{padding:0 1rem 0 10rem}}@media(min-width:1536px){.portfolio-content-left{padding:0 1rem 0 18rem}}.portfolio-content-right{position:absolute;width:100%;height:auto;top:auto;bottom:0;display:flex;align-items:flex-end;justify-content:center;padding:2rem;overflow:hidden;z-index:2}@media(min-width:576px){.portfolio-content-right{padding:4rem}}@media(min-width:990px){.portfolio-content-right{right:0;width:50%;height:100%;z-index:2;align-items:center;padding:0 4rem}}@media(min-width:1360px){.portfolio-content-right{padding:0 2rem 0 10rem}}@media(min-width:1536px){.portfolio-content-right{padding:0 1rem 0 18rem}}.portfolio-text-wrapper{position:relative;width:100%;height:100%;overflow:hidden;will-change:transform}.portfolio-text-item{position:relative;top:auto;width:100%;transform:none;max-width:100%;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;will-change:clip-path,transform;justify-content:center}@media(min-width:990px){.portfolio-text-item{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;min-height:100%;max-width:76.6rem}}.portfolio-text-item__subheading{opacity:.5;margin-bottom:1rem}.portfolio-text-item__button{margin-top:.6rem;position:relative;z-index:4;pointer-events:auto}.portfolio-thumbnail-wrapper{position:relative;width:30rem;height:30rem;overflow:hidden;will-change:transform;display:flex;align-items:center;justify-content:center}@media(min-width:750px){.portfolio-thumbnail-wrapper{width:40rem;height:40rem}}@media(min-width:990px){.portfolio-thumbnail-wrapper{width:45rem;height:45rem}}@media(min-width:1360px){.portfolio-thumbnail-wrapper{width:60.8rem;height:60.8rem}}.portfolio-thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:clip-path,transform;backface-visibility:hidden;transform:translateZ(0)}.portfolio-thumbnail-image__img,.portfolio-thumbnail-image svg{width:100%;height:100%;object-fit:cover;backface-visibility:hidden}.portfolio--scroll-ready .portfolio-text-item,.portfolio--scroll-ready .portfolio-thumbnail-image,.portfolio--scroll-ready .portfolio-content-item__overlay-link{z-index:1}.portfolio--scroll-ready .portfolio-text-item.is-active,.portfolio--scroll-ready .portfolio-thumbnail-image.is-active,.portfolio--scroll-ready .portfolio-content-item__overlay-link.is-active{z-index:19}.portfolio--scroll-ready .portfolio-text-item.is-incoming,.portfolio--scroll-ready .portfolio-thumbnail-image.is-incoming,.portfolio--scroll-ready .portfolio-content-item__overlay-link.is-incoming{z-index:20}.portfolio--scroll-ready .portfolio-content-left{z-index:2}.portfolio--scroll-ready .portfolio-content-left.is-active{z-index:20}.portfolio--scroll-ready .portfolio-content-left.is-incoming{z-index:21}.portfolio--scroll-ready .portfolio-text-item,.portfolio--scroll-ready .portfolio-thumbnail-image{transform:translateY(0)}.portfolio--scroll-ready .portfolio-content-item__overlay-link{pointer-events:none}.portfolio--scroll-ready .portfolio-content-item__overlay-link.is-interactive{pointer-events:auto}.portfolio--scroll-ready .portfolio-content-left,.portfolio--scroll-ready .portfolio-text-item__button{pointer-events:none}.portfolio--scroll-ready .portfolio-text-item__button.is-interactive{pointer-events:auto}@media(max-width:989px){.portfolio--mobile .portfolio-text-item{position:relative;clip-path:none;-webkit-clip-path:none}.portfolio--mobile .portfolio-content-item__overlay-link,.portfolio--mobile .portfolio-text-item__button,.portfolio--mobile .portfolio-content-left{pointer-events:auto}}@media(max-width:989px){.portfolio .portfolio-content-item:first-child .portfolio-text-item{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}.portfolio .portfolio-content-item:not(:first-child) .portfolio-text-item{clip-path:inset(100% 0 0 0);-webkit-clip-path:inset(100% 0 0 0)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-portfolio.css.map */