.areas{--shadow:linear-gradient(0deg,rgba(0,0,0,.5),transparent);padding-top:2.5rem;padding-bottom:3rem;width:100vw;max-width:100%}.areas__item{--space-size:0px;--space-gutter:0px;position:relative;margin:0;overflow:hidden;aspect-ratio:188/75}.areas__item-img{width:calc(100% + var(--space-size));height:calc(100% + var(--space-size));object-fit:cover;position:absolute;top:var(--space-gutter);left:var(--space-gutter);aspect-ratio:188/75;z-index:-1}.areas__item-content{display:flex;height:100%;font-style:normal}.areas__item-title{width:100%;font-family:Roboto;font-size:var(--font-size-large);display:flex;align-items:center;justify-content:center;margin:0;padding:1.5rem}.areas__item-title:after{content:"";background:var(--shadow);width:calc(100% + var(--space-size));height:calc(100% + var(--space-size));position:absolute;top:var(--space-gutter);left:var(--space-gutter);z-index:-1;pointer-events:none}.areas__item-title a span{display:flex;align-items:center;gap:1.5rem}@media (min-width:1200px){.areas{padding-bottom:8.75rem;overflow:hidden}.areas .hstack{margin-left:-3vw;margin-right:-3vw}.areas__item{--space-size:6vw;--space-gutter:calc((var(--space-size) / 2) * -1);transform:skewX(-10deg);border-radius:.625rem;aspect-ratio:10/8}.areas__item-img{max-width:none!important;transform:skewX(10deg);transition:transform .15s linear;aspect-ratio:10/8}.areas__item-title{align-items:flex-end}.areas__item a span{transform:skewX(10deg)}.areas__item:hover .areas__item-img{transform:skewX(10deg) scale(1.05)}}@media (max-width:1024px){.areas{--shadow:linear-gradient(90deg,rgba(0,0,0,.5) 21.28%,transparent)}.areas .hstack{flex-wrap:wrap;flex-direction:column;gap:.5rem}.areas__item-title a{width:100%}.areas__item-title span{justify-content:space-between}}