.companies-list{display:grid;gap:2.6666666667rem 1.3333333333rem}@media screen and (min-width:calc(900px + 1px)){.companies-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (min-width:calc(1200px + 1px)){.companies-list{gap:2.6666666667rem}}.companies-list>*{height:0;width:100%;padding-bottom:110%;position:relative;background-color:var(--color-neutral-100)}.companies-list>[data-index]:before{content:attr(data-index);position:absolute;left:1.6666666667rem;top:0;font-size:4rem;line-height:1em;transform:translateY(-50%);color:var(--color-text-inverted);font-weight:700;z-index:2;text-shadow:0 0 0.5em rgba(0,0,0,0.35);letter-spacing:-0.05em}.companies-list>* .bg{position:absolute;left:0;top:0;height:100%;width:100%;background-repeat:no-repeat;background-position:center;background-size:cover;filter:grayscale(1) brightness(1.05)}.companies-list>* .details{position:absolute;bottom:10%;left:0;width:100%;background-color:var(--color-blue-900);padding:1.25em;color:var(--color-text-inverted)}.companies-list>* .details h3{margin:0;color:var(--color-text-inverted);font-size:1rem;line-height:1em;font-weight:500}.companies-list>.with-details{padding-bottom:125%}.companies-list>.with-details .details{padding:1.35em 1.5em;bottom:0;font-size:0.8333333333rem;line-height:calc(22em/15)}.companies-list>.with-details .details h3{font-size:0.8333333333rem;font-weight:700;line-height:calc(22em/15);margin:0}.companies-list>.with-details .details h3 a{position:relative;padding-right:calc(1.25em + 0.8888888889rem);width:100%}.companies-list>.with-details .details h3 a:after{content:"";position:absolute;top:0.125em;right:0;height:0.8888888889rem;width:0.8888888889rem;background-image:url("../../../../assets/images/static/arrow-top-right.svg");background-size:contain;background-position:top right;background-repeat:no-repeat;filter:brightness(0) invert(1)}.companies-list>.with-details .details p{margin-top:0.5em;color:var(--color-neutral-200)}.companies-list>.with-details .details p.contacts{color:var(--color-text-inverted)}.companies-list>.with-details .details p.contacts a{color:var(--color-text-inverted)}
/*# sourceMappingURL=companies-list.css.map */