.section-vertical-portfolio{position:relative;z-index:1}.vertical-portfolio{position:relative;display:block;height:calc(var(--vp-slide-count) * 100svh);min-height:100svh;background:rgb(var(--color-background))}.vertical-portfolio__sticky{position:sticky;top:0;width:100%;height:100svh;overflow:hidden;background:rgb(var(--color-background))}.vertical-portfolio__slides,.vertical-portfolio__slide,.vertical-portfolio__media,.vertical-portfolio__media picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.vertical-portfolio__slide{z-index:1;overflow:hidden;transform:translate3d(0,calc(var(--vp-index) * 100%),0);will-change:transform}.vertical-portfolio__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;opacity:var(--vp-overlay-opacity);pointer-events:none}.vertical-portfolio__image,.vertical-portfolio__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--vp-image-position, center center)}.vertical-portfolio__placeholder{background:rgba(var(--color-foreground),.1);fill:rgba(var(--color-foreground),.3)}.vertical-portfolio__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;padding:clamp(2.4rem,4vw,6.4rem);pointer-events:none}.vertical-portfolio__content--top{justify-content:flex-start}.vertical-portfolio__content--middle{justify-content:center}.vertical-portfolio__content--bottom{justify-content:flex-end}.vertical-portfolio__content--align-left{align-items:flex-start;text-align:left}.vertical-portfolio__content--align-center{align-items:center;text-align:center}.vertical-portfolio__content--align-right{align-items:flex-end;text-align:right}.vertical-portfolio__copy{position:absolute;top:50%;left:50%;width:calc(100% - clamp(4.8rem,8vw,12.8rem));max-width:var(--vp-title-max-width);color:rgb(var(--color-foreground));opacity:0;transform:translate3d(-50%,calc(-50% + 1.6rem),0);transition:opacity .35s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none}.vertical-portfolio__content--top .vertical-portfolio__copy{top:clamp(8rem,12vh,14rem);transform:translate3d(-50%,1.6rem,0)}.vertical-portfolio__content--bottom .vertical-portfolio__copy{top:auto;bottom:clamp(6rem,10vh,12rem);transform:translate3d(-50%,1.6rem,0)}.vertical-portfolio__copy.is-active{opacity:1;transform:translate3d(-50%,-50%,0);pointer-events:auto}.vertical-portfolio__content--top .vertical-portfolio__copy.is-active,.vertical-portfolio__content--bottom .vertical-portfolio__copy.is-active{transform:translate3d(-50%,0,0)}.vertical-portfolio__subheading{margin:0 0 clamp(1rem,1.2vw,1.8rem);color:inherit;font-family:var(--font-body-family);font-size:clamp(1.1rem,.95vw,1.4rem);font-style:var(--font-body-style);font-weight:400;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.vertical-portfolio__title{max-width:100%;margin:0;color:inherit;font-family:var(--font-heading-family);font-size:clamp(3.8rem,6.5vw,9.5rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:.95;letter-spacing:0;text-wrap:balance}.vertical-portfolio__title-link{color:inherit;text-decoration:none}.vertical-portfolio__link{display:inline-flex;align-items:center;gap:.6rem;margin-top:clamp(2rem,2.5vw,3.6rem);color:inherit;font-family:var(--font-body-family);font-size:clamp(1.2rem,1vw,1.5rem);line-height:1.2;letter-spacing:.05em;text-decoration:underline;text-underline-offset:.2em;text-transform:uppercase}.vertical-portfolio__dots{position:absolute;top:50%;right:clamp(1.6rem,2.5vw,4rem);z-index:7;display:flex;flex-direction:column;align-items:center;gap:.9rem;transform:translateY(-50%)}.vertical-portfolio__dot{display:block;width:.7rem;height:.7rem;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:rgba(var(--color-foreground),.4);box-shadow:none;cursor:pointer;transition:background-color .25s ease,transform .25s ease}.vertical-portfolio__dot.is-active{background:rgb(var(--color-foreground));transform:scale(1.45)}.vertical-portfolio__empty{padding-block:8rem}@media screen and (max-width:989px){.vertical-portfolio,.vertical-portfolio__sticky{min-height:100svh}.vertical-portfolio{height:calc(var(--vp-slide-count) * 100svh)}.vertical-portfolio__sticky{height:100svh}.vertical-portfolio__content{padding:2.4rem}.vertical-portfolio__copy{width:calc(100% - 8rem);max-width:min(var(--vp-title-max-width),75rem)}.vertical-portfolio__title{font-size:clamp(3.6rem,8vw,6.5rem)}.vertical-portfolio__dots{right:1.6rem}}@media screen and (max-width:749px){.vertical-portfolio{height:133.333vw;min-height:133.333vw;overflow:hidden}.vertical-portfolio__sticky{position:relative;top:auto;width:100%;height:133.333vw;min-height:0;overflow:hidden}.vertical-portfolio__slides{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.vertical-portfolio__slides::-webkit-scrollbar{display:none}.vertical-portfolio__slide{position:relative;inset:auto;flex:0 0 100%;width:100%;height:100%;transform:none!important;scroll-snap-align:start;scroll-snap-stop:always}.vertical-portfolio__content{padding:2rem}.vertical-portfolio__copy{width:calc(100% - 6rem)}.vertical-portfolio__title{font-size:clamp(3.2rem,11vw,5.2rem);line-height:1}.vertical-portfolio__subheading{margin-bottom:1.2rem;font-size:1.1rem}.vertical-portfolio__dots{right:1.2rem;gap:.8rem}.vertical-portfolio__dot{width:.6rem;height:.6rem}}@media(prefers-reduced-motion:reduce){.vertical-portfolio{height:auto}.vertical-portfolio__sticky{position:relative;height:auto;overflow:visible}.vertical-portfolio__slides{position:relative;height:auto}.vertical-portfolio__slide{position:relative;inset:auto;height:80svh;transform:none!important}.vertical-portfolio__content,.vertical-portfolio__dots{display:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/vertical-portfolio.css.map */