.application-areas{margin-bottom:20px;margin-top:20px;width:100%}.application-areas__heading{margin:0 0 16px}.application-areas__grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.application-areas__card{aspect-ratio:4/3;background:#494a52;border-radius:4px;overflow:hidden;position:relative}.application-areas__image{display:block;filter:grayscale(100%);height:100%;object-fit:cover;opacity:.75;transition:filter .3s ease,transform .3s ease,opacity .3s ease;width:100%}.application-areas__card:hover .application-areas__image{filter:grayscale(0);opacity:.6;transform:scale(1.03)}.application-areas__overlay{background:rgba(73,74,82,.55);inset:0;mix-blend-mode:multiply;position:absolute;transition:background .3s ease}.application-areas__card:hover .application-areas__overlay{background:rgba(195,203,43,.45)}.application-areas__label{bottom:0;left:0;padding:16px;position:absolute;z-index:2}.application-areas__text{color:#fff;line-height:1.2;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.5)}.application-areas__link{inset:0;position:absolute;z-index:3}.application-areas__grid:has(>:only-child){grid-template-columns:1fr}.application-areas__card:only-child{aspect-ratio:21/9}.application-areas__grid:has(>:nth-child(2):last-child){grid-template-columns:repeat(2,1fr)}.application-areas__grid:has(>:nth-child(2):last-child) .application-areas__card{aspect-ratio:16/9}.application-areas__grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,1fr)}.application-areas__grid:has(>:nth-child(4):last-child) .application-areas__card{aspect-ratio:16/9}@media (max-width:767px){.application-areas__grid{grid-template-columns:repeat(2,1fr)}.application-areas__card:only-child{aspect-ratio:16/9;grid-column:span 2}}@media (max-width:480px){.application-areas__grid{grid-template-columns:1fr}.application-areas__card,.application-areas__card:only-child{aspect-ratio:16/9;grid-column:span 1}}