.application-areas{margin-bottom:40px;margin-top:40px;width:100%}.application-areas__heading{margin:0 0 16px}.application-areas__grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);list-style:none;margin:0;padding:0}.application-areas__card{aspect-ratio:4/3;background:#494a52;border-radius:4px;list-style:none;margin:0;overflow:hidden;position:relative}.application-areas__card:before{content:none}.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:focus-within .application-areas__image,.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:focus-within .application-areas__overlay,.application-areas__card:hover .application-areas__overlay{background:rgba(195,203,43,.45)}.application-areas__label{align-items:flex-end;box-sizing:border-box;display:flex;inset: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,.application-areas__link:hover,.application-areas__link:visited{color:inherit;text-decoration:none}.application-areas__link:after{content:"";inset:0;position:absolute;z-index:3}.application-areas__link:focus-visible{outline:none}.application-areas__link:focus-visible:after{border-radius:4px;outline:3px solid #c3cb2b;outline-offset:-3px}.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,.application-areas__grid:has(>:nth-child(2):last-child),.application-areas__grid:has(>:nth-child(4):last-child){grid-template-columns:1fr}.application-areas__card,.application-areas__card:only-child{aspect-ratio:16/9;grid-column:span 1}}