.project-showcase{display:flex;flex-direction:column;gap:32px;width:100%}.project-showcase__viewer{border-radius:16px;height:550px;overflow:hidden;position:relative;width:100%}.project-showcase__stage{height:100%;inset:0;overflow:hidden;position:absolute;width:100%}.project-showcase__slide{inset:0;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.project-showcase__slide.is-active{opacity:1;pointer-events:auto}.project-showcase__sub-slides{height:100%;inset:0;position:absolute;transform-origin:center center;width:100%;will-change:transform}.project-showcase__slide.is-zoomed{cursor:grab}.project-showcase__slide.is-panning{cursor:grabbing}.project-showcase__slide.is-panning .project-showcase__sub-slides{transition:none!important}.project-showcase__zoom-controls{bottom:28px;display:flex;flex-direction:column;gap:8px;position:absolute;right:24px;z-index:5}.project-showcase__zoom-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:rgba(0,0,0,.55);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:background-color .25s ease,transform .2s ease,border-color .2s ease;width:40px}.project-showcase__zoom-btn:hover{background-color:rgba(0,0,0,.75);border-color:hsla(0,0%,100%,.6);transform:scale(1.08)}.project-showcase__zoom-btn:active{transform:scale(.94)}.project-showcase__zoom-btn svg{height:16px;width:16px}.project-showcase__img{display:block;height:100%;inset:0;object-fit:cover;object-position:center;opacity:0;position:absolute;transition:opacity .8s cubic-bezier(.4,0,.2,1);width:100%}.project-showcase__img.is-sub-active{opacity:1}.project-showcase__stage-label{color:#fff;font-size:var(--ps-stage-label-size,18px);font-weight:600;left:24px;position:absolute;text-shadow:0 2px 8px rgba(0,0,0,.5);top:24px;z-index:2}.project-showcase__thumbs{display:flex;flex-direction:column;gap:16px;position:absolute;right:24px;top:24px;width:180px;z-index:3}.project-showcase__thumb{background-color:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.4);border-radius:12px;cursor:pointer;display:block;height:96px;overflow:hidden;padding:0;position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;width:100%}.project-showcase__thumb img{display:block;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s ease;width:100%}.project-showcase__thumb:hover{border-color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.25);transform:translateY(-2px)}.project-showcase__thumb:hover img{opacity:1}.project-showcase__thumb.is-active{border-color:#fff;border-width:2px;box-shadow:0 8px 24px rgba(0,0,0,.3)}.project-showcase__thumb.is-active img{opacity:1}.project-showcase__thumb-label{background-color:hsla(0,0%,100%,.95);border-radius:4px;color:#1a1a1a;font-size:var(--ps-thumb-label-size,14px);font-weight:700;left:12px;padding:3px 8px;position:absolute;top:10px;z-index:2}.project-showcase__dots{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.3);border-radius:999px;bottom:28px;box-shadow:0 10px 30px rgba(0,0,0,.35);display:flex;gap:12px;left:50%;padding:14px 22px;position:absolute;transform:translateX(-50%);z-index:4}.project-showcase__dot{background-color:transparent;border:2px solid hsla(0,0%,100%,.85);border-radius:50%;cursor:pointer;height:12px;padding:0;transition:width .4s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;width:12px}.project-showcase__dot:hover{background-color:hsla(0,0%,100%,.55);border-color:#fff;transform:scale(1.1)}.project-showcase__dot.is-active{background-color:#fff;border-color:#fff;border-radius:999px;box-shadow:0 0 14px hsla(0,0%,100%,.7);width:36px}.project-showcase__stats{display:flex;flex-direction:column;gap:14px}.project-showcase__stat{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px}.project-showcase__stat-value{color:#1a1a1a;font-size:var(--ps-stat-value-size,18px);font-weight:700;white-space:nowrap}.project-showcase__stat-label{color:#000;flex:1 1 auto;font-size:var(--ps-stat-label-size,15px);line-height:1.4}@media (max-width:768px){.project-showcase__stat-label{font-size:16px!important}.project-showcase__viewer{aspect-ratio:4/3;height:auto}.project-showcase__img{object-fit:cover}.project-showcase__thumbs{gap:10px;right:16px;top:16px;width:110px}.project-showcase__thumb{border-radius:8px;height:64px}.project-showcase__thumb-label{font-size:calc(var(--ps-thumb-label-size, 14px)*.85);left:8px;padding:2px 6px;top:6px}.project-showcase__stage-label{font-size:calc(var(--ps-stage-label-size, 18px)*.9);left:16px;top:16px}.project-showcase__dots{bottom:18px;gap:10px;padding:10px 16px}.project-showcase__dot{border-width:1.5px;height:10px;width:10px}.project-showcase__dot.is-active{width:28px}.project-showcase__zoom-controls{bottom:18px;gap:6px;right:14px}.project-showcase__zoom-btn{height:34px;width:34px}.project-showcase__zoom-btn svg{height:14px;width:14px}.project-showcase__stats{gap:12px}.project-showcase__stat{border-bottom:1px solid #e3e3e3;padding:8px 0}.project-showcase__stat:last-child{border-bottom:none}}