.logo-card.techne-card { position: relative; overflow: hidden; justify-content: flex-end; color: #fff; background: #123e82; isolation: isolate; }
.techne-card:hover { background: #123e82; }
.techne-card-art { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 40% center; }
.techne-card::after { content: ""; position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(4, 24, 74, .12), rgba(4, 24, 74, .78)); }
.techne-card-logo { position: absolute; z-index: 2; top: 24px; left: 25px; width: 92px; height: auto; filter: brightness(0) invert(1); }
.techne-card-label { position: relative; z-index: 2; align-self: flex-start; padding: 6px 9px; border: 1px solid #b8e1ff; border-radius: 99px; color: #fff; background: rgba(4, 24, 74, .45); font: 700 8px "DM Mono", monospace; text-transform: uppercase; letter-spacing: .04em; }
.techne-card small { position: relative; z-index: 2; color: #fff; text-shadow: 0 1px 3px #001b55; }
.techne-card small b { float: right; margin-left: 5px; font-size: 14px; color: #fff; }
@media (max-width: 440px) { .techne-card-logo { top: 19px; left: 19px; width: 74px; } }