.circular-carousel.portfolio-carousel{isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;outline:none;width:min(100%,1440px);height:610px;margin-inline:auto;position:relative;overflow:hidden}.portfolio-carousel[data-dragging]{cursor:grabbing}.portfolio-carousel:focus-visible{outline-offset:4px;border-radius:22px;outline:2px solid #0872f3}.portfolio-carousel .circular-carousel__view{perspective-origin:50%;position:absolute;inset:0 0 92px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.portfolio-carousel .circular-carousel__stage{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.portfolio-carousel .circular-carousel__camera,.portfolio-carousel .circular-carousel__ring{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%}.portfolio-carousel .circular-carousel__card{width:0;height:0;transform-style:preserve-3d;pointer-events:auto;cursor:pointer;position:absolute;top:0;left:0}.portfolio-carousel .circular-carousel__tile{transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.portfolio-carousel .circular-carousel__frame{background:#a4c8ec;border:0;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 48px #0032903d}.portfolio-carousel .circular-carousel__photo{object-fit:cover;pointer-events:none;max-width:none;display:block;position:absolute}.portfolio-carousel .circular-carousel__photo--leaving{animation:.7s both portfolioPhotoSwap}.portfolio-carousel .circular-carousel__inner{background:#04215b33;position:absolute;inset:0}.portfolio-carousel .circular-carousel__shade{background:rgba(0,27,84,var(--cc-depth,0));pointer-events:none;position:absolute;inset:0}.portfolio-carousel .circular-carousel__caption{text-align:center;color:#064ab7;flex-direction:column;align-items:center;min-width:280px;max-width:calc(100% - 32px);display:flex;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.portfolio-carousel .circular-carousel__title{white-space:nowrap;gap:3px;font-size:clamp(1.1rem,1.7vw,1.45rem);font-weight:800;line-height:1.2;animation:.45s cubic-bezier(.16,1,.3,1) both portfolioCaptionIn;display:grid}.portfolio-carousel .circular-carousel__subtitle{color:#4c76a9;letter-spacing:.04em;font-size:.8rem;font-weight:500}.portfolio-carousel .circular-carousel__count{color:#4773aa;letter-spacing:.1em;align-items:center;gap:4px;margin-top:9px;font-size:.72rem;font-weight:700;display:flex}.portfolio-carousel .circular-carousel__digits{display:inline-flex}.portfolio-carousel .circular-carousel__digit{height:1em;display:inline-block;overflow:hidden}.portfolio-carousel .circular-carousel__reel{flex-direction:column;line-height:1em;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex}.portfolio-carousel .circular-carousel__reel>span{height:1em;display:block}.portfolio-carousel .circular-carousel__slash{color:#8ab6e5}.portfolio-carousel .circular-carousel__live{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes portfolioCaptionIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes portfolioPhotoSwap{0%{opacity:1}to{opacity:0}}@media (max-width:650px){.circular-carousel.portfolio-carousel{height:360px}.portfolio-carousel .circular-carousel__view{bottom:92px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.portfolio-carousel .circular-carousel__caption{bottom:4px}.portfolio-carousel .circular-carousel__title{font-size:1rem}}@media (prefers-reduced-motion:reduce){.portfolio-carousel .circular-carousel__title,.portfolio-carousel .circular-carousel__photo--leaving{animation:none}}@media (min-width:801px){.portfolio-carousel .circular-carousel__stage{top:24px;bottom:-24px}.portfolio-carousel .circular-carousel__caption{bottom:48px}}@media (max-width:800px){.portfolio-carousel .circular-carousel__stage{top:8px;bottom:-8px}.portfolio-carousel .circular-carousel__caption{bottom:16px}}