.fascia-5-blocchi{display:flex;gap:12px;height:600px;margin:0 auto;width:100%;max-width:var(--theme-max-width);padding-inline-start:var(--gutter-container);padding-inline-end:var(--gutter-container)}.fascia-5-blocchi__item{flex:1;position:relative;overflow:hidden;cursor:pointer;border-radius:var(--border-radius-cards);background:#000;transition:flex .6s cubic-bezier(.4,0,.2,1);margin-inline-end:0;margin-inline-start:calc(var(--shadow-x-cards) * -1 + var(--shadow-blur-cards))}.fascia-5-blocchi__item--active{flex:5;cursor:default}.fascia-5-blocchi__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);transition:clip-path .6s cubic-bezier(.4,0,.2,1)}.fascia-5-blocchi__item--active .fascia-5-blocchi__image-wrap{clip-path:polygon(50% 0%,100% 0%,100% 100%,28% 100%)}.fascia-5-blocchi__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1)}.fascia-5-blocchi__item:not(.fascia-5-blocchi__item--active):hover .fascia-5-blocchi__image{transform:scale(1.05)}.fascia-5-blocchi__image-wrap--placeholder{background:#333}.fascia-5-blocchi__placeholder-svg{width:100%;height:100%;object-fit:cover}.fascia-5-blocchi__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1;transition:opacity .4s ease}.fascia-5-blocchi__item--active .fascia-5-blocchi__overlay{opacity:0;pointer-events:none}.fascia-5-blocchi__label{position:absolute;bottom:1rem;right:0%;transform:translate(-50%) rotate(180deg);z-index:2;white-space:nowrap;writing-mode:vertical-rl;text-orientation:mixed;color:#fff;font-size:1.0625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:1;transition:opacity .3s ease,font-size .3s ease,right .6s cubic-bezier(.4,0,.2,1),bottom .3s ease}.fascia-5-blocchi__item--active .fascia-5-blocchi__label{right:-2rem;bottom:0;transform:rotate(180deg);font-size:3.5rem;font-weight:500;letter-spacing:.08em;opacity:.9}.fascia-5-blocchi__item--active .fascia-5-blocchi__label span{font-family:field-gothic-xxcondensed,sans-serif!important;font-size:5.5rem}.fascia-5-blocchi__content{position:absolute;top:0;left:0;width:48%;z-index:2;padding:2.5rem;color:#fff;opacity:0;transform:translateY(-10px);transition:none;pointer-events:none}.fascia-5-blocchi__item--active .fascia-5-blocchi__content{opacity:1;transform:translateY(0);transition:opacity .35s ease .35s,transform .35s ease .35s;pointer-events:auto}.fascia-5-blocchi__title{font-size:2rem;font-weight:500;letter-spacing:.05em;margin:0 0 .75rem;line-height:1.2}.fascia-5-blocchi__text{font-size:1rem;line-height:1.6;margin:0 0 1.5rem;opacity:.85}.fascia-5-blocchi__cta{display:inline-block;padding:.625rem 1.5rem;border:1px solid #fff;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .15s ease,color .15s ease}.fascia-5-blocchi__cta:hover{background:#fff;color:#000}.fascia-5-blocchi--placeholder{height:auto;padding:3rem;background:#f5f5f5}@media screen and (max-width:767px){.fascia-5-blocchi{flex-direction:column;height:auto;gap:8px}.fascia-5-blocchi__item{height:72px;flex:none;transition:height .5s cubic-bezier(.4,0,.2,1)}.fascia-5-blocchi__item--active{height:420px;flex:none}.fascia-5-blocchi__item--active .fascia-5-blocchi__image-wrap{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%)}.fascia-5-blocchi__item--active .fascia-5-blocchi__overlay{opacity:1;background:linear-gradient(to bottom,#000000b3,#0003 60%,#0000)}.fascia-5-blocchi__content{width:100%;padding:1.25rem 1.5rem}.fascia-5-blocchi__label{writing-mode:horizontal-tb;bottom:auto;top:50%;left:1.25rem;transform:translateY(-50%);font-weight:500}.fascia-5-blocchi__item--active .fascia-5-blocchi__label{display:none}.fascia-5-blocchi__title{font-size:1.25rem}.fascia-5-blocchi__text{font-size:.9375rem;margin-bottom:1rem}}@media screen and (min-width:768px)and (max-width:1023px){.fascia-5-blocchi{height:480px}.fascia-5-blocchi__content{padding:1.75rem;width:50%}.fascia-5-blocchi__title{font-size:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-fascia-5-blocchi.css.map */