.project-section{width:100vw;margin-left:calc(var(--site-padding) * -1);padding:12dvh 0;overflow:visible}.project-section__scroller{cursor:grab;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;width:100vw;overflow:auto visible}.project-section__scroller:active{cursor:grabbing}.project-section__scroller::-webkit-scrollbar{display:none}.project-section__track{align-items:stretch;gap:1vw;width:max-content;display:flex}.project-section__group{flex:none;align-items:stretch;gap:1vw;display:flex}.project-card{--corner-bracket-radius:16px;--corner-bracket-size:28px;--project-card-base-width:max(20vw, 16rem);--project-card-expanded-width:max(40vw, 16rem);--project-card-shift:calc((var(--project-card-expanded-width) - var(--project-card-base-width)) / 2);z-index:0;flex:0 0 var(--project-card-base-width);width:var(--project-card-base-width);height:60dvh;color:var(--color-white);isolation:isolate;transition:transform var(--transition-smooth);will-change:transform;position:relative;overflow:visible}.project-card:hover,.project-card:focus-visible{outline:0}.project-card[data-active=true]{z-index:2}.project-card[data-shift=before]{transform:translateX(calc(var(--project-card-shift) * -1))}.project-card[data-shift=after]{transform:translateX(var(--project-card-shift))}.project-card__surface{z-index:1;width:100%;height:100%;color:inherit;isolation:isolate;transition:width var(--transition-smooth);will-change:width;display:block;position:absolute;inset:0 auto 0 50%;overflow:hidden;transform:translate(-50%)}.project-card__surface:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#08080800 42%,#080808b8 100%),#0808081f;position:absolute;inset:0}.project-card[data-active=true] .project-card__surface{width:var(--project-card-expanded-width)}.project-card__image{z-index:0;object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform var(--transition-smooth);-webkit-user-select:none;user-select:none;position:absolute;inset:0;transform:scale(1.02)}.project-card:hover .project-card__image,.project-card:focus-visible .project-card__image{transform:scale(1)}.project-card__content{z-index:2;min-height:4rem;display:block;position:absolute;bottom:4.25rem;left:4.25rem;right:4.25rem;overflow:visible}.project-card__text{transition:transform var(--transition-smooth), opacity var(--transition-smooth);gap:.25rem;display:grid}.project-card__cta{opacity:0;transition:opacity var(--transition-smooth), transform var(--transition-smooth);position:absolute;bottom:0;left:0;right:0;transform:translateY(1.25rem)}.project-card:hover .project-card__text,.project-card:focus-visible .project-card__text{opacity:0;transform:translateY(-1.25rem)}.project-card:hover .project-card__cta,.project-card:focus-visible .project-card__cta{opacity:1;transform:translateY(0)}.project-card__corner{z-index:3;width:var(--corner-bracket-size);height:var(--corner-bracket-size);border-color:var(--color-white);opacity:0;transition:opacity var(--transition-smooth), transform var(--transition-smooth);border-style:solid;border-width:0;position:absolute}.project-card__corner--top-left{border-top-left-radius:var(--corner-bracket-radius);border-top-width:1px;border-left-width:1px;top:22px;left:22px;transform:translate(-.75rem,-.75rem)}.project-card__corner--top-right{border-top-right-radius:var(--corner-bracket-radius);border-top-width:1px;border-right-width:1px;top:22px;right:22px;transform:translate(.75rem,-.75rem)}.project-card__corner--bottom-left{border-bottom-left-radius:var(--corner-bracket-radius);border-bottom-width:1px;border-left-width:1px;bottom:22px;left:22px;transform:translate(-.75rem,.75rem)}.project-card__corner--bottom-right{border-bottom-right-radius:var(--corner-bracket-radius);border-bottom-width:1px;border-right-width:1px;bottom:22px;right:22px;transform:translate(.75rem,.75rem)}.project-card:hover .project-card__corner,.project-card:focus-visible .project-card__corner{opacity:1;transform:translate(0)}@media (max-width:900px){.project-section{padding:0 0 8svh}.project-section__scroller{overflow:scroll hidden}.project-card{--project-card-base-width:60vw;--project-card-expanded-width:60vw;height:35svh}.project-card__content{min-height:3rem;bottom:1rem;left:1rem;right:1rem}.project-card__corner{display:none}}