.BannerCards-module__y-UUya__container{--color:#1e1e1e;--bgColor:#f5f5f5;font-family:var(--font-jura), sans-serif;color:var(--color);align-content:center;gap:2rem;width:100%;margin-bottom:10rem;padding:4rem 2rem;display:grid}.BannerCards-module__y-UUya__titleHeader{text-align:center;margin-bottom:1rem;font-size:2.25rem;font-weight:800}.BannerCards-module__y-UUya__subtitle{text-align:center;text-transform:uppercase;letter-spacing:.25em;color:#1cb2cb;margin-bottom:.5rem;font-size:.9rem;font-weight:900}.BannerCards-module__y-UUya__list{--col-gap:2rem;--barH:1rem;--roleH:2rem;--flapH:2rem;gap:var(--col-gap);width:min(60rem,100%);padding-inline:calc(var(--col-gap) / 2);flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-inline:auto;list-style:none;display:flex}.BannerCards-module__y-UUya__listItem{width:10em;text-align:center;background:var(--accent-color);background-image:linear-gradient(#0009 var(--roleH), #0006 calc(var(--roleH) + .5rem), #0000 calc(var(--roleH) + .5rem + 5rem));clip-path:polygon(calc(var(--col-gap) / -2 - 5px) 0, calc(100% + var(--col-gap) / 2 + 5px) 0, calc(100% + var(--col-gap) / 2 + 5px) calc(100% - var(--flapH)), 50% 100%, calc(var(--col-gap) / -2 - 5px) calc(100% - var(--flapH)));grid-template:"role""icon""title""descr";align-items:flex-start;gap:1rem;padding-block-end:calc(var(--flapH) + 1rem);transition:transform .3s,box-shadow .3s;display:grid;position:relative}.BannerCards-module__y-UUya__listItem:hover{transform:translateY(-8px)}.BannerCards-module__y-UUya__listItem:before{content:"";height:var(--barH);width:calc(100% + var(--col-gap));margin-left:calc(var(--col-gap) / -2);margin-top:calc(var(--roleH) / 2 - var(--barH) / 2);z-index:-1;background:#787887 linear-gradient(#fff6,#fff3 30%,#ffffff1a 40%,#0000001a 60%,#0003 70%,#0006);grid-area:role}.BannerCards-module__y-UUya__listItem:after{content:"";background:var(--accent-color);height:var(--roleH);background-image:linear-gradient(#fff6,#fff3 30%,#ffffff1a 40%,#0000001a 60%,#0003 70%,#0006);grid-area:role}.BannerCards-module__y-UUya__icon,.BannerCards-module__y-UUya__title,.BannerCards-module__y-UUya__descr{color:#fff;text-shadow:0 2px 4px #0006;padding-inline:1rem}.BannerCards-module__y-UUya__icon{justify-content:center;align-items:center;height:4.5rem;font-size:3rem;display:flex}.BannerCards-module__y-UUya__title{text-transform:uppercase;letter-spacing:.05em;font-size:1.25rem;font-weight:700}.BannerCards-module__y-UUya__descr{opacity:.9;font-size:.82rem;font-weight:500;line-height:1.4}
