.section.portfolio,.section.portfolio .portfolio-outer{overflow:hidden}.section.portfolio .portfolio-outer .swiper-button-next{right:calc(var(--sp-32) + var(--sp-2))}.section.portfolio .portfolio-slide{aspect-ratio:1;border-radius:var(--legacy-radius-outside);overflow:hidden;position:relative}.section.portfolio .portfolio-slide>a{display:block;height:100%;width:100%}.section.portfolio .portfolio-slide img{height:100%;object-fit:cover;object-position:center center;transition:all .15s ease-in-out;width:100%}.section.portfolio .portfolio-info{align-items:flex-end;background:var(--portfolio-card-gradient);border-radius:var(--legacy-radius-inside);bottom:0;color:var(--text-on-dark);display:flex;font-family:var(--font-head);font-size:var(--t-body);font-style:normal;font-weight:600;height:100%;justify-content:flex-start;left:0;line-height:var(--t-small-lh);opacity:0;overflow:hidden;padding:var(--sp-16);pointer-events:none;position:absolute;right:0;text-align:left;text-transform:uppercase;top:0;transition:all .3s ease-in-out;visibility:hidden;width:100%}.section.portfolio .portfolio-slide:hover img{filter:blur(var(--portfolio-image-blur))}.section.portfolio .portfolio-slide:focus-within .portfolio-info,.section.portfolio .portfolio-slide:hover .portfolio-info{opacity:1;visibility:visible}@media(max-width:1023px){.section.portfolio .portfolio-slide{aspect-ratio:unset;border-radius:0}.section.portfolio .portfolio-slide img{height:auto;aspect-ratio:1;border-radius:var(--legacy-radius-outside);overflow:hidden}.section.portfolio .portfolio-info{background:none;color:var(--text-primary);height:unset;margin-top:var(--sp-8);opacity:1;overflow:visible;padding:0;position:relative;visibility:visible;width:unset}.section.portfolio .portfolio-slide:hover img{filter:none}}@media(max-width:576px){.section.portfolio .portfolio-outer{margin-right:0}}