.polygon-cards{color:var(--color-white);display:flex;flex-flow:row wrap;margin:-8rem 0;overflow:hidden;padding:6rem 0;.item{--fix:0px;--offset:1rem;--offset-x:var(--offset);--offset-y:var(--offset);--offset-xn:calc(var(--offset-x)*-1);--offset-yn:calc(var(--offset-y)*-1);--offset-inset-x:calc(var(--offset-x)*4);--offset-inset-y:calc(var(--offset-y)*4);--p1xb:var(--offset-inset-x);--p1yb:var(--offset-inset-y);--p2xb:calc(100% - var(--offset-inset-x));--p2yb:var(--offset-inset-y);--p3xb:calc(100% - var(--offset-inset-x));--p3yb:calc(100% - var(--offset-inset-y));--p4xb:var(--offset-inset-x);--p4yb:calc(100% - var(--offset-inset-y));--p1:calc(var(--p1xb) + var(--p1x, 0%) - var(--fix)) calc(var(--p1yb) + var(--p1y, 0%) - var(--fix));--p2:calc(var(--p2xb) + var(--p2x, 0%) + var(--fix)) calc(var(--p2yb) + var(--p2y, 0%) - var(--fix));--p3:calc(var(--p3xb) + var(--p3x, 0%) + var(--fix)) calc(var(--p3yb) + var(--p3y, 0%) + var(--fix));--p4:calc(var(--p4xb) + var(--p4x, 0%) - var(--fix)) calc(var(--p4yb) + var(--p4y, 0%) + var(--fix));--clip:polygon(var(--p1),var(--p2),var(--p3),var(--p4));align-items:center;aspect-ratio:1/1;display:flex;flex:0 0 var(--flex-basis);justify-content:center;padding:clamp(var(--container-gutter-x)*2,1vw*var(--viewport-factor),4rem) clamp(var(--padding-x-minimum,var(--container-gutter-x)),1vw*var(--viewport-factor),4rem);position:relative;text-align:center;z-index:1;.mask{clip-path:var(--clip);display:block;inset:calc(var(--offset-inset-y)*-1) calc(var(--offset-inset-x)*-1);position:absolute;transition:clip-path .2s;z-index:0;&:not(:has(.bg)){background-color:var(--background-color)}.bg{height:100%;inset:50%;object-fit:cover;pointer-events:none;position:absolute;transform:translate(-50%,-50%);user-select:none;width:100%}}.inner{position:relative;z-index:1;.h5{margin-block-end:1.3rem}.hs-richtext{transition:margin .2s}p{margin:0}.icon{height:clamp(4rem,4vw,8rem);object-fit:contain;width:clamp(4rem,4vw,8rem)}.btn-container{margin-block-start:2rem;transition:opacity .2s}}@media (min-width:993px){&{--flex-basis:25%}.inner{max-width:33rem}&:has(.btn-container-hover-desktop){.hs-richtext{margin-block-end:-8.4rem}.btn-container{margin-block-start:0;opacity:0}&:focus-within,&:hover{.hs-richtext{margin-block-end:2rem}.btn-container{opacity:1}}}}@media (max-width:992px){&{--flex-basis:50%}.btn{font-size:1.4rem}&:has(.btn-container-hover-mobile){.hs-richtext{margin-block-end:-8.4rem}.btn-container{margin-block-start:0;opacity:0}&:focus-within,&:hover{.hs-richtext{margin-block-end:2rem}.btn-container{opacity:1}}}}}@media (min-width:993px){.item{&.order-desktop-1{--p1y:calc(var(--offset-y)*2);--p2x:var(--offset-x);--p2y:var(--offset-y);--p4y:var(--offset-yn)}&.order-desktop-2{--p1x:var(--offset-x);--p1y:var(--offset-y);--p3x:var(--offset-x)}&.order-desktop-3{--p3y:var(--offset-yn);--p4x:var(--offset-x)}&.order-desktop-4{--p3y:var(--offset-y);--p4y:var(--offset-yn)}&.order-desktop-5{--p1y:var(--offset-yn);--p3x:var(--offset-x);--p3y:var(--offset-y);--p4y:calc(var(--offset-y)*2)}&.order-desktop-6{--p2x:var(--offset-x);--p4x:var(--offset-x);--p4y:var(--offset-y)}&.order-desktop-7{--p1x:var(--offset-x);--p2y:var(--offset-yn)}&.order-desktop-8{--p1y:var(--offset-yn);--p2y:var(--offset-y)}}}@media (max-width:992px){&.columns-mobile-2{.item{--padding-x-minimum:var(--container-gutter-x)/2;&.order-mobile-1{--p1y:var(--offset-yn);--p2x:var(--offset-x);--p4y:var(--offset-y)}&.order-mobile-2{--p1x:var(--offset-x);--p2y:var(--offset-y)}&.order-mobile-3{--p1y:var(--offset-y);--p3x:var(--offset-x)}&.order-mobile-4{--p4x:var(--offset-x);--p3y:var(--offset-y)}&.order-mobile-5{--p2x:var(--offset-x);--p4y:var(--offset-y)}&.order-mobile-6{--p1x:var(--offset-x);--p2y:var(--offset-y);--p3y:var(--offset-yn)}&.order-mobile-7{--p1y:var(--offset-y);--p3x:var(--offset-xn);--p3y:var(--offset-y);--p4y:var(--offset-yn)}&.order-mobile-8{--p2y:var(--offset-yn);--p4x:var(--offset-xn);--p4y:var(--offset-y)}}}&.columns-mobile-1{.item{&.order-mobile-1{--p1y:var(--offset-yn);--p2x:var(--offset-x);--p4y:var(--offset-y)}&.order-mobile-2{--p1y:var(--offset-y);--p4y:var(--offset-y)}&.order-mobile-3{--p1y:var(--offset-y);--p3y:var(--offset-y)}&.order-mobile-4{--p2y:var(--offset-y);--p3y:var(--offset-y)}}}}}@media (min-width:993px){.polygon-cards{.item.order-desktop-1.animate{&:focus-within,&:hover{--p1y:0%;--p2x:0%;--p2x:calc(var(--offset-x)*2);--p2y:var(--offset-yn);--p3x:var(--offset-x);--p3y:var(--offset-y);--p4y:0%;&~.item.order-desktop-2{--p1x:calc(var(--offset-x)*2);--p1y:var(--offset-yn);--p4x:var(--offset-x);--p4y:var(--offset-y)}&~.item.order-desktop-5{--p1y:0%;--p2x:var(--offset-x);--p2y:var(--offset-y)}&~.item.order-desktop-6{--p1x:var(--offset-x);--p1y:var(--offset-y)}}}.item.order-desktop-2.animate{&:focus-within,&:hover{--p1x:calc(var(--offset-xn)*2);--p1y:var(--offset-yn);--p2x:var(--offset-x);--p2y:var(--offset-yn);--p3x:calc(var(--offset-x)*2);--p3y:calc(var(--offset-y)*2);--p4x:var(--offset-xn);--p4y:var(--offset-y)}}&:has(.item.order-desktop-2.animate:focus-within),&:has(.item.order-desktop-2.animate:hover){.item.order-desktop-1{--p2x:calc(var(--offset-xn)*2);--p2y:var(--offset-yn);--p3x:var(--offset-xn);--p3y:var(--offset-y)}.item.order-desktop-3{--p1x:var(--offset-x);--p1y:var(--offset-yn);--p4x:calc(var(--offset-x)*2);--p4y:calc(var(--offset-y)*2)}.item.order-desktop-5{--p2x:var(--offset-xn);--p2y:var(--offset-y)}.item.order-desktop-6{--p1x:var(--offset-xn);--p1y:var(--offset-y);--p2x:calc(var(--offset-x)*2);--p2y:calc(var(--offset-y)*2)}.item.order-desktop-7{--p1x:calc(var(--offset-x)*2);--p1y:calc(var(--offset-y)*2)}}.item.order-desktop-3.animate{&:focus-within,&:hover{--p1x:calc(var(--offset-xn)*2);--p1y:calc(var(--offset-yn)*2);--p2x:calc(var(--offset-x)*2);--p3x:calc(var(--offset-x)*2);--p3y:var(--offset-y);--p4y:calc(var(--offset-y)*2)}}&:has(.item.order-desktop-3.animate:focus-within),&:has(.item.order-desktop-3.animate:hover){.item.order-desktop-2{--p2x:calc(var(--offset-xn)*2);--p2y:calc(var(--offset-yn)*2);--p3y:calc(var(--offset-y)*2)}.item.order-desktop-4{--p1x:calc(var(--offset-x)*2);--p4x:calc(var(--offset-x)*2);--p4y:var(--offset-y)}.item.order-desktop-6{--p2x:var(--offset-x);--p2y:calc(var(--offset-y)*2)}.item.order-desktop-7{--p1x:var(--offset-x);--p1y:calc(var(--offset-y)*2);--p2x:calc(var(--offset-x)*2);--p2y:var(--offset-y)}.item.order-desktop-8{--p1x:calc(var(--offset-x)*2);--p1y:var(--offset-y)}}.item.order-desktop-4.animate{&:focus-within,&:hover{--p1x:var(--offset-xn);--p1y:var(--offset-yn);--p3y:calc(var(--offset-y)*2);--p4x:var(--offset-xn);--p4y:var(--offset-y)}}&:has(.item.order-desktop-4.animate:focus-within),&:has(.item.order-desktop-4.animate:hover){.item.order-desktop-3{--p2x:var(--offset-xn);--p2y:var(--offset-yn);--p3x:var(--offset-xn);--p3y:var(--offset-y)}.item.order-desktop-7{--p2x:var(--offset-xn);--p2y:var(--offset-y)}.item.order-desktop-8{--p1x:var(--offset-xn);--p1y:var(--offset-y);--p2y:calc(var(--offset-y)*2)}}.item.order-desktop-5.animate{&:focus-within,&:hover{--p1x:calc(var(--offset-xn)*2);--p1y:calc(var(--offset-yn)*2);--p2x:calc(var(--offset-x)*2);--p2y:calc(var(--offset-yn)*2);--p3x:calc(var(--offset-x)*2);--p3y:calc(var(--offset-y)*2)}}&:has(.item.order-desktop-5.animate:focus-within),&:has(.item.order-desktop-5.animate:hover){.item.order-desktop-1{--p3x:calc(var(--offset-x)*2);--p3y:calc(var(--offset-yn)*2)}.item.order-desktop-2{--p4x:calc(var(--offset-x)*2);--p4y:calc(var(--offset-yn)*2)}.item.order-desktop-6{--p1x:calc(var(--offset-x)*2);--p1y:calc(var(--offset-yn)*2);--p4x:calc(var(--offset-x)*2);--p4y:calc(var(--offset-y)*2)}}.item.order-desktop-6.animate{&:focus-within,&:hover{--p1x:calc(var(--offset-xn)*2);--p1y:calc(var(--offset-yn)*2);--p2x:calc(var(--offset-x)*2);--p2y:calc(var(--offset-yn)*2);--p3x:var(--offset-x);--p3y:var(--offset-y);--p4x:var(--offset-xn);--p4y:var(--offset-y)}}&:has(.item.order-desktop-6.animate:focus-within),&:has(.item.order-desktop-6.animate:hover){.item.order-desktop-1{--p3x:calc(var(--offset-xn)*2);--p3y:calc(var(--offset-yn)*2)}.item.order-desktop-2{--p3x:calc(var(--offset-x)*2);--p3y:calc(var(--offset-yn)*2);--p4x:calc(var(--offset-xn)*2);--p4y:calc(var(--offset-yn)*2)}.item.order-desktop-3{--p4x:calc(var(--offset-x)*2);--p4y:calc(var(--offset-yn)*2)}.item.order-desktop-5{--p2x:calc(var(--offset-xn)*2);--p2y:calc(var(--offset-yn)*2);--p3x:var(--offset-xn);--p3y:var(--offset-y)}.item.order-desktop-7{--p1x:calc(var(--offset-x)*2);--p1y:calc(var(--offset-yn)*2);--p4x:var(--offset-x);--p4y:var(--offset-y)}}.item.order-desktop-7.animate{&:focus-within,&:hover{--p2x:calc(var(--offset-x)*2);--p2y:calc(var(--offset-yn)*2);--p3x:var(--offset-x);--p3y:var(--offset-y);--p4x:calc(var(--offset-xn)*2);--p4y:calc(var(--offset-y)*2)}}&:has(.item.order-desktop-7.animate:focus-within),&:has(.item.order-desktop-7.animate:hover){.item.order-desktop-3{--p3x:calc(var(--offset-x)*2);--p3y:calc(var(--offset-yn)*2)}.item.order-desktop-4{--p4x:calc(var(--offset-x)*2);--p4y:calc(var(--offset-yn)*2)}.item.order-desktop-6{--p3x:calc(var(--offset-xn)*2);--p3y:calc(var(--offset-y)*2)}.item.order-desktop-8{--p1x:calc(var(--offset-x)*2);--p1y:calc(var(--offset-yn)*2);--p4x:var(--offset-x);--p4y:var(--offset-y)}}.item.order-desktop-8.animate{&:focus-within,&:hover{--p1x:var(--offset-xn);--p1y:calc(var(--offset-yn)*2);--p2y:var(--offset-yn);--p3y:var(--offset-y);--p4x:var(--offset-xn);--p4y:calc(var(--offset-y)*2)}}&:has(.item.order-desktop-8.animate:focus-within),&:has(.item.order-desktop-8.animate:hover){.item.order-desktop-3{--p3x:var(--offset-xn);--p3y:calc(var(--offset-yn)*2)}.item.order-desktop-4{--p3y:var(--offset-yn);--p4x:var(--offset-xn);--p4y:calc(var(--offset-yn)*2)}.item.order-desktop-7{--p2x:var(--offset-xn);--p2y:calc(var(--offset-yn)*2);--p3x:var(--offset-xn);--p3y:calc(var(--offset-y)*2)}}}}.polygon-cards.first-bigger{@media (min-width:993px){.item{&.order-desktop-1{--p4y:var(--offset-y);--p35xb:50%;--p35yb:calc(100% - var(--offset-inset-y));--p35y:var(--offset-yn);--p35:calc(var(--p35xb) + var(--p35x, 0%) - var(--fix)) calc(var(--p35yb) + var(--p35y, 0%) - var(--fix));--clip:polygon(var(--p1),var(--p2),var(--p3),var(--p35),var(--p4));aspect-ratio:unset;flex-basis:calc(var(--flex-basis)*2)!important;.inner{max-width:66.6rem}}&.order-desktop-4{--p1y:var(--offset-y);--p2y:var(--offset-yn);--p3y:calc(var(--offset-y)*2)}}&:has(.item.order-desktop-5.animate:focus-within),&:has(.item.order-desktop-5.animate:hover){.item.order-desktop-1{--p35x:calc(var(--offset-xn)*2);--p35y:calc(var(--offset-yn)*2)}.item.order-desktop-4{--p2x:calc(var(--offset-xn)*2);--p2y:calc(var(--offset-yn)*2)}}&:has(.item.order-desktop-7.animate:focus-within),&:has(.item.order-desktop-7.animate:hover){.item.order-desktop-4{--p4x:unset;--p4y:var(--offset-yn)}}}@media (max-width:992px){.item{&.order-mobile-1{--p4y:unset;--p35xb:50%;--p35yb:calc(100% - var(--offset-inset-y));--p35y:var(--offset-y);--p35:calc(var(--p35xb) + var(--p35x, 0%) - var(--fix)) calc(var(--p35yb) + var(--p35y, 0%) - var(--fix));--clip:polygon(var(--p1),var(--p2),var(--p3),var(--p35),var(--p4));aspect-ratio:unset;flex-basis:calc(var(--flex-basis)*2)!important;.hs-richtext{display:block!important}}&.order-mobile-2{--p1x:unset;--p3x:var(--offset-x);--p3y:var(--offset-y);--p4y:var(--offset-yn)}&.order-mobile-3{--p3y:var(--offset-y);--p4x:var(--offset-x);--p4y:var(--offset-y)}&.order-mobile-4{--p1y:var(--offset-yn);--p2x:var(--offset-x);--p2y:var(--offset-y);--p4x:unset}&.order-mobile-5{--p1x:var(--offset-x);--p1y:var(--offset-y);--p2y:var(--offset-y)}&.order-mobile-6{--p1x:unset}&.order-mobile-7{--p3x:unset}}}}