.gradient-blocks{--columns:1;--gap:16px;--row-gap:var(--gap);--title-font-size:18;--title-height:80px;--accent-bar-color:0,0,0;--accent-bar-height:12px;--accent-bar-padding:15px;-ms-flex-pack:center;column-gap:var(--gap);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:var(--secondary-font-family);font-size:calc(var(--title-font-size)/var(--base)*1rem);justify-content:center;margin-left:calc(var(--site-gutter-mobile)*-1);margin-right:calc(var(--site-gutter-mobile)*-1);row-gap:var(--row-gap)}.gradient-blocks__item{margin-bottom:calc(var(--accent-bar-height) + var(--accent-bar-padding));position:relative;width:calc(100%/var(--columns) - var(--gap)*(var(--columns) - 1)/var(--columns))}.gradient-blocks__item:before{content:"";display:block;padding-bottom:60%}.gradient-blocks__item:after{background:rgb(var(--accent-bar-color));border-radius:var(--border-radius);bottom:calc((var(--accent-bar-height) + var(--accent-bar-padding))*-1);content:"";height:12px;position:absolute;width:100%}@media(pointer:fine){.gradient-blocks__item:hover .gradient-blocks__title a{font-size:115%;height:100%}}.gradient-blocks__image,.gradient-blocks__title{height:100%;left:0;position:absolute;top:0;width:100%}.gradient-blocks__image{border-radius:8px;overflow:hidden}.gradient-blocks__image img{height:100%;object-fit:cover;width:100%}.gradient-blocks__title{display:-ms-flexbox;display:flex;z-index:1}.gradient-blocks__title a{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;background:linear-gradient(0deg,#fff,hsla(0,0%,100%,.9) 20.48%,hsla(0,0%,100%,.8) 40.95%,hsla(0,0%,100%,.6) 61.43%,hsla(0,0%,100%,.3) 81.9%,hsla(0,0%,100%,.2) 102.38%);color:rgb(var(--color-text));display:-ms-flexbox;display:flex;font-weight:600;height:var(--title-height);justify-content:center;margin-top:auto;padding:10px;transition:height .3s ease,font-size .3s ease;width:100%}.gradient-blocks__title a:after{content:"";height:100%;left:0;position:absolute;top:0;width:100%}@media(min-width:576px){.gradient-blocks{--columns:2;margin-left:var(--site-gutter-dekstop);margin-right:var(--site-gutter-mobile)}}@media(min-width:992px){.gradient-blocks{--columns:3;--title-font-size:24;--gap:32px;--row-gap:24px}}