.technical-hub{background:var(--secondary-color);position:relative;padding-bottom:30rem}.technical-hub::after{content:"";position:absolute;bottom:-.1rem;right:-.1rem;width:82rem;aspect-ratio:82/20.4;background-color:var(--lightgray);clip-path:polygon(100% 0,0 100%,100% 100%)}.technical-hub__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4rem}@media only screen and (max-width:1580.98px){.technical-hub__grid{display:grid;grid-auto-flow:column;grid-template-columns:auto;column-gap:3.6rem;align-content:end;width:calc(100vw - 18rem);padding-right:56.6rem;scroll-snap-type:x mandatory;overflow-x:scroll;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;overflow-y:hidden}.technical-hub__item{scroll-snap-align:start}}@media only screen and (max-width:1366.98px){.technical-hub{padding-bottom:12.4rem}.technical-hub::after{width:50rem;bottom:-.1rem}.technical-hub__grid{width:calc(100vw - 4rem);padding-right:10.8rem}}.technical-hub__header{max-width:70rem;margin-bottom:7.2rem}.technical-hub__header::before{content:attr(data-title);font-size:18rem;font-weight:800;color:rgba(255,255,255,.05);position:absolute;top:-13rem;left:-10.5rem}@media only screen and (max-width:1876.98px){.technical-hub__header::before{font-size:14rem;top:-10rem;left:-6.5rem}}@media only screen and (max-width:1280.98px){.technical-hub__header::before{font-size:10rem;top:-8.5rem;left:-5.5rem}}@media only screen and (max-width:992.98px){.technical-hub__header::before{font-size:7rem;top:-5.5rem;left:-3.5rem}}@media only screen and (max-width:640.98px){.technical-hub::after{width:32rem;bottom:-.1rem}.technical-hub__header{margin-bottom:3.6rem}.technical-hub__header::before{left:-1.5rem}}@media only screen and (max-width:480.98px){.technical-hub__header::before{font-size:4.8rem;top:-3.5rem}}@media only screen and (max-width:375.98px){.technical-hub__header::before{font-size:3.6rem}}.technical-hub__title{color:#fff}.technical-hub__item{position:relative;height:54rem}.technical-hub__item__header{display:grid;align-content:end;width:33rem;height:100%;padding:3.3rem}.technical-hub__item__title{color:#fff;transition:transform .2s linear;margin-bottom:0}.technical-hub__item__image{position:absolute;bottom:0;right:0;width:100%;height:100%;overflow:hidden}.technical-hub__item__image::after{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(var(--secondary-color-rgb),.04) 5.36%,rgba(var(--secondary-color-rgb),.14) 73.38%)}.technical-hub__item__img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:transform .35s}.technical-hub__item:hover .technical-hub__item__img{transform:scale(1.05)}.technical-hub__item:hover .technical-hub__item__title{transform:translateX(1rem) translateY(-1rem)}.technical-hub__item:hover::after{width:8rem}.technical-hub__item::after{content:"";position:absolute;bottom:-.1rem;right:-.1rem;width:17.7rem;height:4.4rem;background-color:var(--secondary-color);clip-path:polygon(100% 0,0 100%,100% 100%);transition:.3s}