.projects{--cp-gap: 10px;--cp-card-h: 552px;--cp-slide-w: 255px;--cp-slide-img-h: 255px;--cp-slide-content-h: 220px;--cp-slide-btn-h: 62px;--cp-arrow-top: 330px;--cp-mini-right: 6px;--cp-mini-scale: .5;--cp-ease: cubic-bezier(.22, .61, .36, 1);display:block}.projects__top{display:flex;flex-direction:column;gap:32px;padding-inline:20px}.projects__title{margin:0;flex:0 0 auto;text-transform:uppercase;font-size:clamp(2.8rem,5vw,2.8rem);font-weight:800;line-height:1;color:rgb(var(--color-foreground))}.projects__top-content{display:flex;flex-direction:column;gap:24px}.projects__intro{color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:1.9rem;line-height:1.7}.projects__intro>*{margin:0 0 .8em}.projects__intro>*:last-child{margin-bottom:0}.projects__cta{flex:0 0 auto;align-self:flex-start;white-space:nowrap}.projects__stage{display:flex;gap:var(--cp-gap);margin-top:80px;padding-inline:1rem}.projects__active{flex:1 1 64%;min-width:0;height:var(--cp-card-h)}.projects__inactive{flex:1 1 36%;min-width:0;height:var(--cp-card-h);display:flex;gap:var(--cp-gap);padding:var(--cp-gap)}.projects__inactive .projects__card{flex:1 1 0;min-width:0}.projects__active>.shopify-block,.projects__inactive>.shopify-block,.projects__pins>.shopify-block,.projects__mini-track>.shopify-block{display:contents}.projects__pins{display:contents}.projects__card:not(.is-active) .projects__pins{display:none}.projects__card{position:relative;width:100%;height:100%;overflow:hidden;background:rgba(var(--color-foreground),.04)}.projects__card:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;height:150px;pointer-events:none;background:linear-gradient(0deg,#020b16e6,#020b1600 65.08%)}.projects__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:#ffffffb3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .4s ease}.projects__card:not(.is-active):after{opacity:1}.projects__card:not(.is-active):hover:after{opacity:0}.projects__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.projects__bg img{width:100%;height:100%;object-fit:cover;display:block}.projects__card.is-active.is-entering .projects__bg{animation:cp-active-in .6s var(--cp-ease)}@keyframes cp-active-in{0%{opacity:0}to{opacity:1}}.projects__swap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;transition:opacity .25s ease}.projects__swap[disabled]{cursor:default;pointer-events:none}.projects__card--ghost{position:fixed;z-index:50;margin:0;pointer-events:none;opacity:1;transition:opacity .45s var(--cp-ease)}.projects.is-swapping .projects__swap,.projects.is-swapping .projects__trigger{pointer-events:none}.projects__card-title{position:absolute;left:40px;bottom:40px;display:inline-flex;align-items:center;gap:10px;margin:0;color:#fff;font-family:var(--font-subheading-family);font-weight:600;font-size:22px;line-height:1;text-transform:uppercase}.projects__card-title .icon-arrow{width:18px;height:auto;color:#fff}.projects__pin{position:absolute;z-index:3;left:22%;top:35%;width:36px;height:36px;transform:translate(-50%,-50%)}.projects__trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:transform .2s ease,opacity .25s ease}.projects__trigger:before{content:"";width:14px;height:2px;background:#000}.projects__trigger:hover{transform:scale(1.06)}.projects__trigger:focus-visible{outline:2px solid #000;outline-offset:2px}.projects__mini{position:absolute;z-index:4;top:50%;right:var(--cp-mini-right);transform:translate(16px,-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s var(--cp-ease),transform .35s var(--cp-ease),visibility 0s linear .35s}.projects__mini.is-open{transform:translateY(-50%);opacity:1;visibility:visible;transition:opacity .35s var(--cp-ease),transform .35s var(--cp-ease)}.projects__mini.is-open .projects__mini-inner{pointer-events:auto}.projects__card:not(.is-active) .projects__mini{display:none}.projects__mini-inner{position:relative;transform:scale(var(--cp-mini-scale));transform-origin:right center}.projects__mini-viewport{width:var(--cp-slide-w);overflow:hidden}.projects__mini-track{display:flex;transform:translate(calc(var(--cp-index, 0) * var(--cp-slide-w) * -1));transition:transform .4s var(--cp-ease);will-change:transform}.projects__slide{flex:0 0 var(--cp-slide-w);width:var(--cp-slide-w)}.projects__slide-media{display:block;width:var(--cp-slide-w);height:var(--cp-slide-img-h);overflow:hidden}.projects__slide-image{width:100%;height:100%;object-fit:cover;display:block}.projects__slide-content{width:var(--cp-slide-w);height:var(--cp-slide-content-h);background:#fff;padding:28px 12px 12px;display:flex;flex-direction:column}.projects__slide-text{flex:1 1 auto;width:100%;max-width:143px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:6px}.projects__slide-category{margin:0;color:#000;text-align:center;font-family:var(--font-subheading-family);font-weight:600;font-size:13px;line-height:1.2;text-transform:uppercase}.projects__slide-title{margin:0;color:#000;text-align:center;font-family:var(--font-subheading-family);font-weight:600;font-size:22px;line-height:1;text-transform:uppercase}.projects__slide-body p{margin:0}.projects__slide-body{margin:0;color:#000;text-align:center;font-family:var(--font-body-family);font-style:italic;font-weight:400;font-size:13px;line-height:1.2}.projects__slide-button.button{margin-top:28px;width:100%;min-height:var(--cp-slide-btn-h);height:var(--cp-slide-btn-h);padding:0 12px;background:#000;color:#fff;text-transform:uppercase}.projects__slide-button.button:hover{background:#000;color:#fff}.projects__mini-arrow{position:absolute;top:var(--cp-arrow-top);transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:#000;cursor:pointer}.projects__mini-arrow[hidden]{display:none}.projects__mini-arrow--prev{left:10px}.projects__mini-arrow--next{right:10px}.projects__mini-arrow .icon-arrow{width:20px;height:auto}.projects__mini-arrow--prev .icon-arrow{transform:rotate(180deg)}@media screen and (min-width:750px){.projects{--cp-mini-right: 20px;--cp-mini-scale: .8}.projects__active,.projects__inactive{flex-basis:50%}}@media screen and (min-width:990px){.projects{--cp-mini-right: 40px;--cp-mini-scale: 1}}@media screen and (min-width:1024px){.projects__top{flex-direction:row;align-items:flex-start;gap:110px;padding-inline:110px;justify-content:space-between}.projects__top-content{flex:1 1 auto;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:110px;max-width:836px}}@media(prefers-reduced-motion:reduce){.projects__card:after,.projects__mini,.projects__mini-track{transition:none}.projects__card.is-entering .projects__bg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-projects.css.map */
