.type-directory>a.type-card{
  position:relative;
  isolation:isolate;
  min-height:278px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  gap:0;
  overflow:hidden;
  padding:1.45rem;
  border:0;
  border-radius:24px;
  background:#0a4b54;
  color:#fff;
  box-shadow:0 18px 40px rgba(4,54,63,.16);
  text-decoration:none;
}
.type-directory>a.type-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(90deg,rgba(3,35,42,.82) 0%,rgba(3,41,48,.52) 50%,rgba(3,41,48,.06) 100%),linear-gradient(0deg,rgba(3,35,42,.48),transparent 66%);
  transition:background .3s ease;
}
.type-card-media{
  position:absolute;
  z-index:-2;
  inset:0;
  display:block;
}
.type-directory>a.type-card .type-card-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
.type-card-copy{
  position:relative;
  z-index:1;
  width:min(74%,430px);
}
.type-directory>a.type-card .type-card-copy small{
  display:inline-flex;
  width:auto;
  margin:0 0 .65rem;
  padding:.34rem .62rem;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  background:rgba(4,45,52,.45);
  color:rgba(255,255,255,.92);
  font-size:.73rem;
  font-weight:750;
  letter-spacing:.02em;
  backdrop-filter:blur(7px);
}
.type-directory>a.type-card h2{
  margin:0;
  color:#fff;
  font-size:clamp(1.65rem,2.6vw,2.25rem);
  line-height:1.02;
  letter-spacing:-.035em;
  text-shadow:0 2px 16px rgba(0,0,0,.25);
}
.type-directory>a.type-card p{
  margin:.62rem 0 0;
  color:rgba(255,255,255,.84);
  font-size:.9rem;
  line-height:1.4;
}
.type-directory>a.type-card .type-card-link{
  position:absolute;
  z-index:2;
  right:1.25rem;
  bottom:1.25rem;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.62rem .82rem;
  border:1px solid rgba(255,255,255,.38);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#073e48;
  font-size:.82rem;
  font-weight:850;
  line-height:1;
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}
.type-card-link i{font-style:normal;transition:transform .2s ease}
@media(hover:hover){
  .type-directory>a.type-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(4,54,63,.23)}
  .type-directory>a.type-card:hover .type-card-media img{transform:scale(1.045)}
  .type-directory>a.type-card:hover .type-card-link i{transform:translateX(3px)}
}
@media(max-width:700px){
  .type-directory>a.type-card{
    min-height:225px;
    padding:1.05rem;
    border-radius:20px;
  }
  .type-directory>a.type-card::after{
    background:linear-gradient(0deg,rgba(3,35,42,.84) 0%,rgba(3,41,48,.45) 53%,rgba(3,41,48,.02) 100%);
  }
  .type-card-copy{width:100%;padding-right:0}
  .type-directory>a.type-card h2{font-size:1.7rem}
  .type-directory>a.type-card p{max-width:75%;font-size:.84rem}
  .type-directory>a.type-card .type-card-link{position:static;margin-top:.72rem;padding:.58rem .72rem}
}
@media(prefers-reduced-motion:reduce){
  .type-directory>a.type-card,.type-directory>a.type-card .type-card-media img,.type-card-link i{transition:none}
}