@import url('property-cards-v2.css');

/* Dynamic subject visuals and whole-card interaction */
.is-clickable-card{
  position:relative!important;
  cursor:pointer!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.is-clickable-card:hover{transform:translateY(-7px)!important;box-shadow:0 28px 75px rgba(7,17,31,.16)!important}
.is-clickable-card:focus-visible{outline:3px solid rgba(15,94,167,.42)!important;outline-offset:4px!important}
.is-clickable-card .card-link,.is-clickable-card .property-card-actions,.is-clickable-card .blog-read-link,.is-clickable-card a,.is-clickable-card button{position:relative;z-index:3}

.brand-company-card.has-subject-visual{
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  overflow:hidden!important;
  border-radius:22px!important;
}
.subject-card-visual{
  position:relative;
  flex:0 0 auto;
  width:100%;
  height:210px;
  overflow:hidden;
  background:#07111f;
}
.subject-card-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 25%,rgba(7,17,31,.78));
}
.subject-card-visual img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease!important;
}
.is-clickable-card:hover .subject-card-visual img{transform:scale(1.055);filter:saturate(1.08)}
.subject-card-icon{
  position:absolute;
  left:18px;
  bottom:16px;
  z-index:2;
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.26);
  border-radius:14px;
  background:rgba(7,17,31,.76);
  color:#e4c383;
  font-size:18px;
  backdrop-filter:blur(14px);
}
.subject-card-content{
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  padding:27px 29px 29px;
}
.subject-card-content>div:first-child{flex:1 1 auto}
.subject-card-content .company-card-head{margin-bottom:17px}
.subject-card-content .company-card-head i{display:none!important}
.subject-card-content h3{margin-top:0!important}
.subject-card-content .card-link{margin-top:auto!important;padding-top:18px!important}
.subject-card-content>div:last-child:has(.card-link){margin-top:auto;padding-top:18px}
.page-companies .brand-company-card.has-subject-visual,.page-services .brand-company-card.has-subject-visual{min-height:520px!important}
.page-companies .subject-card-content h3,.page-companies .subject-card-content p,.page-companies .subject-card-content span,.page-companies .subject-card-content strong{color:#fff!important}
.page-companies .subject-card-content p,.page-companies .subject-card-content .company-meta{opacity:.78}
.page-companies .subject-card-content .card-link{color:#e4c383!important}
.page-business-profile .brand-company-card.has-subject-visual{border-left:0!important;border-top:4px solid #0f5ea7!important}
.page-services .brand-company-card.has-subject-visual{border-top:0!important}
.page-services .brand-company-card.has-subject-visual:nth-child(even){background:#fff!important}

.architecture-card.has-subject-visual{
  padding:0!important;
  overflow:hidden!important;
  min-height:100%!important;
}
.architecture-card-visual{
  position:relative;
  height:145px;
  overflow:hidden;
  background:#07111f;
}
.architecture-card-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,31,.05),rgba(7,17,31,.7))}
.architecture-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.architecture-card:hover .architecture-card-visual img{transform:scale(1.05)}
.architecture-card-visual i{position:absolute;left:18px;bottom:15px;z-index:2;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(7,17,31,.76);color:#e4c383;font-size:17px;backdrop-filter:blur(12px)}
.architecture-card-content{padding:25px 27px 28px}
.architecture-card-content>span:first-child{margin-bottom:18px}
.page-about .architecture-card-content h3,.page-about .architecture-card-content p{color:#fff!important}

.asset-card-premium.is-clickable-card,.home-insight-card.is-clickable-card,.blog-card.is-clickable-card,.blog-featured.is-clickable-card{overflow:hidden!important}
.brand-company-card.is-clickable-card:after,.blog-card.is-clickable-card:after,.home-insight-card.is-clickable-card:after{
  content:"\f061";
  position:absolute;
  top:18px;
  right:18px;
  z-index:4;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.3);
  border-radius:50%;
  background:rgba(7,17,31,.72);
  color:#fff;
  font-family:"Font Awesome 6 Free";
  font-size:12px;
  font-weight:900;
  opacity:0;
  transform:translateY(5px);
  transition:opacity .22s ease,transform .22s ease;
  pointer-events:none;
  backdrop-filter:blur(10px);
}
.is-clickable-card:hover:after{opacity:1;transform:none}

@media(max-width:900px){
  .subject-card-visual{height:190px}
  .page-companies .brand-company-card.has-subject-visual,.page-services .brand-company-card.has-subject-visual{min-height:auto!important}
}
@media(max-width:600px){
  .subject-card-visual{height:175px}
  .subject-card-content{padding:23px 22px 25px}
  .architecture-card-visual{height:130px}
  .architecture-card-content{padding:22px}
  .brand-company-card.is-clickable-card:after,.blog-card.is-clickable-card:after,.home-insight-card.is-clickable-card:after{opacity:1!important;transform:none!important;width:34px!important;height:34px!important;top:13px!important;right:13px!important}
}