.portfolio-showcase{width:100%;min-width:0;margin:0;position:relative}.portfolio-showcase .hero-track{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.portfolio-showcase .hero-slide{scroll-snap-align:start;flex:0 0 100%;min-width:0}.portfolio-showcase .hero-frames{max-width:none;min-height:0;margin:0;padding:0;display:block}.portfolio-showcase .frame-lead{aspect-ratio:16/10;border-radius:0;margin:0;overflow:hidden}.portfolio-showcase .frame-lead img{object-fit:cover;display:block;aspect-ratio:auto!important;width:100%!important;height:100%!important}.portfolio-showcase.is-slideshow .hero-track{isolation:isolate;scroll-snap-type:none;display:grid;position:relative;overflow:clip}.portfolio-showcase.is-slideshow .hero-slide{pointer-events:none;z-index:0;grid-area:1/1;min-width:0}.portfolio-showcase.is-slideshow .hero-slide.is-current{pointer-events:auto;z-index:1}.portfolio-showcase.is-slideshow .hero-slide.is-leaving{z-index:2;animation:.4s both collection-fade-out}@keyframes collection-fade-out{0%{opacity:1}to{opacity:0}}.portfolio-pause{z-index:2;color:#fff;cursor:pointer;background:#0003;border:1px solid #ffffff60;border-radius:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:20px;right:20px}.portfolio-arrow{z-index:2;color:#fff;cursor:pointer;background:#0003;border:1px solid #ffffff70;border-radius:0;place-items:center;width:52px;height:52px;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.portfolio-previous{left:20px}.portfolio-next{right:20px}.portfolio-arrow:hover,.portfolio-arrow:focus-visible{background:#0007}.portfolio-arrow[hidden],.portfolio-pause[hidden]{display:none}.portfolio-pause:hover,.portfolio-pause:focus-visible{background:#0007}.home-slider-section:has(.portfolio-showcase){padding:40px 0 75px}.home-slider-section:has(.portfolio-showcase)>div:first-child{margin-bottom:25px;padding:25px 5vw}@media (width<=700px){.home-slider-section:has(.portfolio-showcase){padding:20px 0 45px}.home-slider-section:has(.portfolio-showcase)>div:first-child{padding:20px 6vw}.portfolio-showcase .frame-lead{aspect-ratio:16/10}.portfolio-pause{bottom:12px;right:12px}.portfolio-arrow{width:44px;height:44px}.portfolio-previous{left:12px}.portfolio-next{right:12px}}@media (prefers-reduced-motion:reduce){.portfolio-showcase.is-slideshow .hero-slide{animation:none}}