.product-showcase .showcase-intro{max-width:680px;margin:24px auto 0}.showcase-card{aspect-ratio:10/11;isolation:isolate;background:#dfe6ec;border-radius:20px;height:auto;text-decoration:none;display:block;position:relative;overflow:hidden}.showcase-card:after{content:"";z-index:1;opacity:0;background:linear-gradient(#0d1c3105 25%,#0d1c31e6 100%);transition:opacity .4s;position:absolute;inset:0}.showcase-image{background:#edf1f5;position:absolute;inset:0;overflow:hidden}.showcase-image img{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);display:block}.showcase-copy{z-index:2;color:#fff;opacity:0;flex-direction:column;align-items:flex-start;padding:30px;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;inset:auto 0 0;transform:translateY(24px)}.showcase-copy .heading{color:inherit;margin-top:9px}.showcase-number{color:#ffffffb8;letter-spacing:.1em;font-size:11px;font-weight:600}.showcase-copy .text{color:#ffffffd9;margin:8px 0 0;line-height:1.45}.showcase-action{z-index:2;color:#172238;opacity:0;background:#fff;border-radius:50%;place-items:center;width:52px;height:52px;transition:opacity .3s,transform .4s cubic-bezier(.2,.7,.2,1),color .25s;display:grid;position:absolute;top:24px;right:24px;transform:scale(.7)rotate(-12deg)}.showcase-action svg{width:20px;height:20px}.showcase-card:hover:after,.showcase-card:focus-visible:after{opacity:1}.showcase-card:hover .showcase-image img,.showcase-card:focus-visible .showcase-image img{transform:scale(1.055)}.showcase-card:hover .showcase-copy,.showcase-card:focus-visible .showcase-copy{opacity:1;transform:translateY(0)}.showcase-card:hover .showcase-action,.showcase-card:focus-visible .showcase-action{opacity:1;transform:scale(1)rotate(0)}.showcase-action:hover{color:#2879bd}.showcase-card:focus-visible{outline-offset:-3px;outline:3px solid #2879bd}.product-showcase .swiper-nav-border:has(.swiper-button-lock){display:none}.product-showcase .swiper-nav-inner{background:#f5f7f9}@media (hover:none){.showcase-card:after{opacity:.9}.showcase-copy,.showcase-action{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.showcase-card:after,.showcase-image img,.showcase-copy,.showcase-action{transition:none}}@media (max-width:575px){.showcase-copy{padding:24px}.showcase-action{width:48px;height:48px;top:20px;right:20px}}project-slider{display:block;overflow:hidden}project-slider .swiper-slide{height:auto}.card-project{--color-foreground:#fff;--color-foreground-heading:#fff;height:100%;min-height:360px;text-decoration:none;display:block;position:relative;overflow:hidden}.card-project:after{content:"";opacity:0;background:linear-gradient(#1c253900 0%,#1c2539 100%);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:0}.card-project:hover:after{opacity:1}.card-project img{border-radius:inherit;object-fit:cover;height:100%}.card-project-content-absolute{z-index:1;align-items:flex-end;width:100%;height:100%;padding:35px;display:flex;position:absolute;top:0;left:0}.card-project-content .heading+.text{margin-block-start:10px}.card-project-content{opacity:0;transition:all .5s;transform:translateY(80px)}.card-project:hover .card-project-content{opacity:1;transform:translateY(0)}.icon-project-link{z-index:1;opacity:0;transition:all .5s;position:absolute;top:30px;right:30px;transform:scale(.5)}.card-project:hover .icon-project-link{opacity:1;transform:scale(1)}.icon-project-link svg{--size:52px;width:var(--size);height:var(--size)}@media (max-width:767px){.card-project-content-absolute{padding:24px}.slider-container .swiper{overflow:visible}}
