html body #portfolio{overflow:hidden}html body #portfolio .concept-carousel{--slide-width:calc((100% - 48px)/4);max-width:1380px;padding:0 54px 76px;margin-inline:auto}html body #portfolio .carousel-viewport{overflow-x:auto;overflow-y:hidden;margin:0 -8px;padding:38px 8px 48px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}html body #portfolio .carousel-viewport:before,html body #portfolio .carousel-viewport:after{display:none}html body #portfolio .carousel-track{gap:16px;padding:0;align-items:flex-start;transform:none!important}html body #portfolio .concept-slide,html body #portfolio .concept-slide.is-active{flex:0 0 var(--slide-width);width:var(--slide-width);padding:9px;border:1px solid rgba(104,154,214,.26);border-radius:14px;background:#0d2749;box-shadow:0 16px 35px rgba(0,8,24,.24);opacity:.86;transform:scale(.97);transform-origin:top center;transition:transform .45s ease,opacity .45s ease,border-color .45s ease,box-shadow .45s ease;scroll-snap-align:center}.carousel-ready .capture-window{overflow:visible}html body #portfolio .concept-slide.is-active{z-index:1;opacity:1;transform:scale(1.025);border-color:rgba(73,169,255,.64);box-shadow:0 24px 50px rgba(0,7,24,.38),0 0 28px rgba(70,122,255,.12)}html body #portfolio .fullpage-preview{display:block;overflow:hidden;border:0;border-radius:8px;background:#fff;box-shadow:none}html body #portfolio .capture-image{display:block;width:100%;height:auto;max-width:none;filter:saturate(.92) contrast(.98);transform:none!important;animation:none!important;transition:filter .3s ease}html body #portfolio .concept-slide:hover{transform:translateY(-7px) scale(.985);opacity:1;border-color:rgba(139,92,246,.62);box-shadow:0 27px 54px rgba(0,6,22,.44),0 0 24px rgba(83,135,255,.13)}html body #portfolio .concept-slide.is-active:hover{transform:translateY(-7px) scale(1.025)}html body #portfolio .concept-slide:hover .capture-image{filter:saturate(1) contrast(1.02)}html body #portfolio .project-caption{display:block;padding:17px 5px 8px}html body #portfolio .project-caption .concept-label{display:block;min-height:28px;color:#83c5ff;font-size:8px;line-height:1.45;letter-spacing:.08em;text-transform:uppercase}html body #portfolio .concept-slide h3{margin:8px 0 4px;color:#fff;font-size:20px;line-height:1.12}html body #portfolio .concept-slide p{margin:0;color:#bbcee5;font-size:11px;line-height:1.5}html body #portfolio .concept-slide .project-link{display:inline-flex;min-height:42px;margin:14px 0 0;padding:10px 12px;align-items:center;border-color:#496f9c;color:#fff;font-size:11px;opacity:.8}html body #portfolio .concept-slide:hover .project-link,html body #portfolio .concept-slide:focus-within .project-link{opacity:1;border-color:#66b9ff;background:#123b69}html body #portfolio .carousel-arrow{display:grid!important;top:38%;bottom:auto;width:42px;height:42px;background:#102a52;border-color:#5c7aa3;color:#fff}html body #portfolio .carousel-prev{left:0}html body #portfolio .carousel-next{right:0}html body #portfolio .carousel-dots{position:absolute;bottom:28px;margin:0}html body #portfolio .carousel-pause{margin-top:-21px}
@media(max-width:1050px){html body #portfolio .concept-carousel{--slide-width:calc((100% - 24px)/2.5);padding-inline:45px}html body #portfolio .carousel-track{gap:16px}}
@media(max-width:680px){html body #portfolio .concept-carousel{--slide-width:calc(100vw - 78px);padding:0 0 64px}html body #portfolio .carousel-viewport{margin:0 -20px;padding:28px 20px 40px}html body #portfolio .carousel-track{gap:14px;padding-right:28px}html body #portfolio .concept-slide,html body #portfolio .concept-slide.is-active{transform:none;padding:8px}html body #portfolio .concept-slide:hover,html body #portfolio .concept-slide.is-active:hover{transform:none}html body #portfolio .carousel-arrow{display:none!important}html body #portfolio .carousel-dots{bottom:13px}html body #portfolio .carousel-pause{margin-top:-10px}.portfolio .section-heading{text-align:left}}
@media(prefers-reduced-motion:reduce){html body #portfolio .concept-slide,html body #portfolio .concept-slide:hover,html body #portfolio .concept-slide.is-active,html body #portfolio .concept-slide.is-active:hover{transform:none}.carousel-pause{display:none}}