#portfolio .portfolio-belt{--belt-card:300px;--belt-height:660px;--belt-gap:20px;position:relative;max-width:none!important;margin-inline:calc(50% - 50vw)!important;padding:18px 54px 72px!important;overflow:hidden}
#portfolio .portfolio-belt .carousel-viewport{overflow:hidden!important;margin:0!important;padding:24px 0 34px!important;cursor:grab!important;touch-action:pan-y!important;scroll-snap-type:none!important}
#portfolio .portfolio-belt .carousel-viewport.is-dragging{cursor:grabbing!important;user-select:none}
#portfolio .portfolio-belt .carousel-track{display:flex!important;width:max-content!important;gap:var(--belt-gap)!important;padding:0!important;align-items:flex-start!important;transform:translate3d(0,0,0);will-change:transform}
#portfolio .portfolio-belt .concept-slide,#portfolio .portfolio-belt .concept-slide.is-active{position:relative;flex:0 0 var(--belt-card)!important;width:var(--belt-card)!important;min-width:var(--belt-card)!important;max-width:var(--belt-card)!important;height:var(--belt-height)!important;min-height:var(--belt-height)!important;max-height:var(--belt-height)!important;padding:0!important;overflow:hidden;border:1px solid rgba(186,218,255,.32)!important;border-radius:12px!important;background:#102a52!important;box-shadow:0 16px 38px rgba(0,7,24,.3)!important;opacity:1!important;transform:none!important;transition:border-color .2s ease,box-shadow .2s ease!important;scroll-snap-align:none!important}
#portfolio .portfolio-belt .concept-slide:hover,#portfolio .portfolio-belt .concept-slide.is-active:hover{transform:none!important;opacity:1!important;border-color:rgba(115,191,255,.76)!important;box-shadow:0 19px 43px rgba(0,6,22,.4),0 7px 24px rgba(66,137,255,.14)!important}
#portfolio .portfolio-belt .fullpage-preview{position:relative;display:block;width:100%;height:100%;overflow:hidden;border:0!important;border-radius:11px!important;background:#102a52!important;box-shadow:none!important}
#portfolio .portfolio-belt .capture-image{display:block;width:100%!important;height:100%!important;object-fit:contain!important;object-position:top center!important;filter:none!important;transform:none!important;animation:none!important}
#portfolio .portfolio-belt .concept-label{position:absolute;z-index:2;top:12px;left:12px;padding:6px 9px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(6,27,57,.86);color:#fff;font-size:9px;font-weight:800;line-height:1;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 5px 15px rgba(0,0,0,.18)}
#portfolio .portfolio-belt .project-name{position:absolute;z-index:2;right:0;bottom:0;left:0;padding:26px 15px 15px;background:linear-gradient(0deg,rgba(5,22,48,.94),rgba(5,22,48,0));color:#fff;font-size:17px;font-weight:800;letter-spacing:-.02em;opacity:0;transform:translate3d(0,6px,0);transition:opacity .2s ease,transform .2s ease}
#portfolio .portfolio-belt .fullpage-preview:hover .project-name,#portfolio .portfolio-belt .fullpage-preview:focus-visible .project-name{opacity:1;transform:translate3d(0,0,0)}
#portfolio .portfolio-belt .fullpage-preview:focus-visible{outline:3px solid #62b8ff;outline-offset:-4px}
#portfolio .portfolio-belt .project-caption,#portfolio .portfolio-belt .carousel-dots,#portfolio .portfolio-belt .carousel-pause{display:none!important}
#portfolio .portfolio-belt .carousel-arrow{display:grid!important;z-index:5;top:50%!important;bottom:auto!important;width:44px!important;height:44px!important;transform:translateY(-50%);background:#102a52!important;border-color:#6e91ba!important;color:#fff!important}
#portfolio .portfolio-belt .carousel-prev{left:12px!important}#portfolio .portfolio-belt .carousel-next{right:12px!important}
@media(max-width:1050px){#portfolio .portfolio-belt{--belt-card:300px;--belt-height:660px;padding-inline:44px!important}}
@media(max-width:680px){#portfolio .portfolio-belt{--belt-card:min(300px,calc(100vw - 74px));--belt-height:calc(var(--belt-card) * 2.2);--belt-gap:16px;padding:10px 0 54px!important;margin-inline:-20px!important}#portfolio .portfolio-belt .carousel-viewport{padding:20px 20px 30px!important}#portfolio .portfolio-belt .carousel-arrow{display:none!important}#portfolio .portfolio-belt .concept-slide,#portfolio .portfolio-belt .concept-slide.is-active{border-radius:10px!important}#portfolio .portfolio-belt .fullpage-preview{border-radius:9px!important}}
@media(prefers-reduced-motion:reduce){#portfolio .portfolio-belt .carousel-viewport{overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none}#portfolio .portfolio-belt .carousel-track{transform:none!important}#portfolio .portfolio-belt .concept-slide{scroll-snap-align:start!important}#portfolio .portfolio-belt .project-name{transition:none}}