/* Shared portfolio card used by both the homepage deck and project-page Next sections. */
.portfolio-case-card{
  position:relative;
  width:100%;
  overflow:hidden;
  border-radius:12px;
  aspect-ratio:2/1;
  background:#fff;
  transition:border-radius 450ms cubic-bezier(.2,.9,.2,1);
}
.deck-card.portfolio-case-card{
  position:absolute;
  transition:transform var(--deck-duration) var(--ease-fast),opacity var(--deck-duration) var(--ease-fast),border-radius 450ms var(--ease-fast);
}
.portfolio-case-card:hover{border-radius:16px}
.portfolio-case-card .case-link{position:relative;z-index:2;display:flex;width:100%;height:100%;overflow:hidden;align-items:stretch;background:#000}
.portfolio-case-card .media-frame,.portfolio-case-card .cover-image{position:absolute;inset:0;width:100%;height:100%}
.portfolio-case-card .media-frame video,.portfolio-case-card .cover-image{display:block;width:100%;height:100%}
.portfolio-case-card .cover-image{object-fit:cover}
.portfolio-case-card .rd-frame{display:flex;align-items:center;justify-content:center;padding:0;background:#fff}
.portfolio-case-card .rd-frame video{width:100%;max-width:none;height:100%;object-fit:cover;transform:translateY(10%) scale(1.25);filter:none}
.portfolio-case-card .case-blur-stack{position:absolute;inset:0;z-index:2;overflow:hidden;border-radius:inherit;pointer-events:none}
.portfolio-case-card .case-blur-stack span{position:absolute;bottom:0;left:0;width:100%;pointer-events:none}
.portfolio-case-card .case-blur-stack span:nth-child(1){height:35%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}
.portfolio-case-card .case-blur-stack span:nth-child(2){height:26%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.portfolio-case-card .case-blur-stack span:nth-child(3){height:17%;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.portfolio-case-card .case-blur-stack span:nth-child(4){height:8%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.portfolio-case-card .case-gradient{position:absolute;inset:auto 0 0;z-index:2;height:40%;pointer-events:none}
.portfolio-case-card .light-gradient{background:linear-gradient(0deg,rgba(255,255,255,.8),rgba(255,255,255,0))}
.portfolio-case-card.provider-case .case-gradient{background:linear-gradient(0deg,rgba(131,192,228,1) 0%,rgba(131,192,228,.96) 32%,rgba(131,192,228,.78) 60%,rgba(131,192,228,0) 100%)}
.portfolio-case-card .dark-gradient{background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,0))}
.portfolio-case-card .case-copy{position:absolute;bottom:10%;left:5%;z-index:3;display:flex;max-width:24rem;flex-direction:column;gap:.8rem}
.portfolio-case-card .case-title-row{display:flex;align-items:center;gap:1rem}
.portfolio-case-card .case-title-row h2{margin:0;font-size:1.3rem;font-weight:500;line-height:1.1}
.portfolio-case-card .case-copy p{margin:0;color:rgba(255,255,255,.7);font-size:1.125rem;line-height:1.42}
.portfolio-case-card.light-case .case-link{background:#fff}
.portfolio-case-card.light-case .case-title-row h2{color:#000}
.portfolio-case-card.dark-case .case-title-row h2{color:#fff}
.portfolio-case-card.light-case .case-copy p{color:rgba(0,0,0,.7)}
.portfolio-case-card .case-logo{width:1.6rem;height:1.6rem;flex:0 0 auto;object-fit:contain}
.portfolio-case-card .agentx-card-mark{width:1.3rem;height:1.3rem}
.portfolio-case-card.crm-case .case-link{background:#f8f8f8}
.portfolio-case-card.crm-case .case-gradient{background:linear-gradient(0deg,rgba(248,248,248,.99) 0%,rgba(248,248,248,.96) 32%,rgba(248,248,248,.78) 60%,rgba(248,248,248,0) 100%)}
.portfolio-case-card.crm-case .case-copy,.portfolio-case-card.crm-case .case-title-row h2{color:#171717}
.portfolio-case-card.crm-case .case-copy p{color:rgba(23,23,23,.64)}
.portfolio-case-card.crm-case .crm-card-motion__composite{width:65.6%;transform:translateY(2%)}

@media(max-width:1023px) and (min-width:768px){
  .portfolio-case-card .case-title-row h2{font-size:1.2rem;line-height:1.4}
  .portfolio-case-card .case-copy p{font-size:1rem;line-height:1.5}
}

@media(max-width:767px){
  .portfolio-case-card{height:min(135vw,52svh);min-height:min(135vw,52svh);border-radius:16px;aspect-ratio:auto}
  .portfolio-case-card .case-copy{right:5%;bottom:5%;left:5%;gap:.75rem;max-width:none}
  .portfolio-case-card .case-title-row{gap:.85rem}
  .portfolio-case-card .case-title-row h2{font-size:1.1rem;line-height:1.5}
  .portfolio-case-card .case-copy p{max-width:100%;font-size:.9rem;line-height:1.5;overflow-wrap:anywhere}
  .portfolio-case-card .rd-frame{background:#83c0e4}
  .portfolio-case-card .rd-frame video{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:translateY(-8%) scale(1.16)}
  .portfolio-case-card.crm-case .crm-card-motion__composite{width:81.6%;transform:translateY(-2%)}
}