.up-showcase{padding:6rem 0}.up-showcase__inner{display:flex;flex-direction:column;gap:3rem}.up-showcase__header{text-align:center;display:flex;flex-direction:column;gap:.8rem}.up-showcase__tagline{font-family:var(--up-font-condensed);font-weight:var(--up-fw-medium);text-transform:lowercase;letter-spacing:.18em;font-size:1.3rem;color:rgba(var(--color-foreground),.5);margin:0}.up-showcase__heading{font-family:var(--up-font-condensed);font-weight:var(--up-fw-extrabold);font-size:clamp(2.8rem,4vw,4.8rem);letter-spacing:-.01em;line-height:1;color:rgb(var(--color-foreground));margin:0}.up-showcase__body{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}@media screen and (min-width:750px){.up-showcase__body{grid-template-columns:1fr 1.25fr 1fr;gap:clamp(2rem,4vw,4.5rem)}}.up-showcase__center{order:1}.up-showcase__benefits--left{order:2}.up-showcase__benefits--right{order:3}@media screen and (min-width:750px){.up-showcase__benefits--left{order:1}.up-showcase__center{order:2}.up-showcase__benefits--right{order:3}}.up-showcase__center{display:flex;flex-direction:column;align-items:center;gap:1.6rem}.up-showcase__img-float{position:relative;width:100%;max-width:360px;animation:up-showcase-float 5.5s ease-in-out infinite}@media screen and (min-width:750px){.up-showcase__img-float{max-width:none}}.up-showcase__img-float:after{content:"";position:absolute;bottom:-18px;left:15%;width:70%;height:18px;background:radial-gradient(ellipse at center,rgba(0,0,0,.45) 0%,transparent 70%);animation:up-showcase-shadow 5.5s ease-in-out infinite;pointer-events:none}@keyframes up-showcase-float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes up-showcase-shadow{0%,to{transform:scaleX(1);opacity:.45}50%{transform:scaleX(.84);opacity:.2}}.up-showcase__viewer{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:transparent;-webkit-mask-image:radial-gradient(ellipse farthest-corner at 50% 50%,black 62%,transparent 100%);mask-image:radial-gradient(ellipse farthest-corner at 50% 50%,black 62%,transparent 100%)}.up-showcase__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease}.up-showcase__slide.is-active{opacity:1}.up-showcase__img{width:100%;height:100%;object-fit:contain;display:block}.up-showcase__thumbs{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.up-showcase__thumb{padding:.45rem 1rem;background:transparent;border:1px solid rgba(var(--color-foreground),.18);border-radius:.25rem;cursor:pointer;font-family:var(--up-font-condensed);font-size:1.05rem;font-weight:var(--up-fw-medium);letter-spacing:.1em;text-transform:uppercase;color:rgba(var(--color-foreground),.4);transition:border-color .2s ease,color .2s ease;white-space:nowrap}.up-showcase__thumb:hover{border-color:rgba(var(--color-foreground),.5);color:rgba(var(--color-foreground),.7)}.up-showcase__thumb.is-active{border-color:rgba(var(--color-foreground),.8);color:rgb(var(--color-foreground))}@media screen and (max-width:749px){.up-showcase__body{gap:0}.up-showcase__benefits--left .up-showcase__benefit:last-child{border-bottom:none}}.up-showcase__benefits{display:flex;flex-direction:column}@media screen and (min-width:750px){.up-showcase__benefits--left{animation:up-benefit-col-float 6s ease-in-out infinite}.up-showcase__benefits--right{animation:up-benefit-col-float 6s 2.2s ease-in-out infinite}}@keyframes up-benefit-col-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.up-showcase__benefits:hover{animation-play-state:paused}.up-showcase__benefit{display:flex;align-items:flex-start;gap:1.2rem;padding:1.8rem 0;border-top:1px solid rgba(var(--color-foreground),.1)}.up-showcase__benefit:last-child{border-bottom:1px solid rgba(var(--color-foreground),.1)}.up-showcase__benefits--left .up-showcase__benefit{flex-direction:row-reverse}@media screen and (min-width:750px){.up-showcase__benefits--left .up-showcase__benefit{flex-direction:row;text-align:right}}.up-showcase__benefit-icon{flex-shrink:0;color:var(--up-gris-urbano);display:flex;align-items:flex-start;padding-top:.25rem}.up-showcase__benefit-text{flex:1;min-width:0}.up-showcase__benefit-title{font-family:var(--up-font-condensed);font-weight:var(--up-fw-extrabold);font-size:2rem;letter-spacing:-.01em;line-height:1.1;color:rgb(var(--color-foreground));margin:0 0 .45rem}.up-showcase__benefit-desc{font-size:1.35rem;line-height:1.6;color:rgba(var(--color-foreground),.6);margin:0}
/*# sourceMappingURL=/cdn/shop/t/6/assets/up-showcase.css.map */