/* Transaction status overlay for the homepage progress image.
   Icons are adapted from Lucide (MIT): https://lucide.dev/license */
.home-v2 .visibility .media-split__media--progress{
  position:relative;
  isolation:isolate;
}
.home-v2 .visibility .media-split__media--progress > .content-photo{
  display:block;
}
.home-v2 .visibility .progress-statuses{
  position:absolute;
  z-index:1;
  inset:auto;
  top:61%;
  left:100px;
  width:fit-content;
  max-width:min(68%,28rem);
  transform:translateY(-50%);
  display:grid;
  align-content:center;
  gap:clamp(.5rem,.85vw,.75rem);
  pointer-events:none;
}
.home-v2 .visibility .progress-status{
  display:grid;
  grid-template-columns:clamp(2.5rem,3.5vw,3.25rem) minmax(0,1fr);
  align-items:center;
  gap:clamp(.6rem,.85vw,.75rem);
  width:auto;
  min-width:max-content;
  max-width:100%;
  box-sizing:border-box;
  padding:clamp(.5rem,.8vw,.7rem) clamp(.7rem,1vw,.95rem);
  border:1px solid rgba(20,41,41,.08);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 1rem 2.25rem rgba(20,41,41,.16);
  -webkit-backdrop-filter:blur(10px) saturate(120%);
  backdrop-filter:blur(10px) saturate(120%);
  color:var(--h-ink);
}
.home-v2 .visibility .progress-status__icon{
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:1;
  border-radius:50%;
  background:rgba(243,246,244,.92);
  color:#126126;
}
.home-v2 .visibility .progress-status--funded .progress-status__icon{
  background:var(--h-aqua);
  color:var(--h-ink);
}
.home-v2 .visibility .progress-status--delivery .progress-status__icon{
  background:#fff;
  color:var(--h-ink);
}
.home-v2 .visibility .progress-status--released .progress-status__icon{
  background:rgba(20,41,41,.08);
  color:var(--h-ink);
}
.home-v2 .visibility .progress-status__icon svg{
  width:clamp(1.1rem,1.6vw,1.4rem);
  height:clamp(1.1rem,1.6vw,1.4rem);
  stroke-width:2.15;
}
.home-v2 .visibility .progress-status__copy{
  display:grid;
  gap:.16rem;
  min-width:0;
}
.home-v2 .visibility .progress-status__title{
  color:var(--h-ink);
  font-size:clamp(.8rem,1.1vw,1rem);
  font-weight:700;
  line-height:1.18;
  letter-spacing:-.025em;
}
.home-v2 .visibility .progress-status__detail{
  color:rgba(20,41,41,.64);
  font-size:clamp(.675rem,.8vw,.8rem);
  font-weight:500;
  line-height:1.28;
}
@media (max-width:900px){
  .home-v2 .visibility .progress-statuses{max-width:min(72%,25rem);}
}
@media (max-width:560px){
  .home-v2 .visibility .progress-statuses{inset:.875rem; width:auto; max-width:none; transform:none; gap:.55rem;}
  .home-v2 .visibility .progress-status{
    min-width:0;
    max-width:none;
    grid-template-columns:2.5rem minmax(0,1fr);
    gap:.65rem;
    padding:.55rem .75rem;
  }
  .home-v2 .visibility .progress-status__title{font-size:.8125rem;}
  .home-v2 .visibility .progress-status__detail{font-size:.6875rem;}
  .home-v2 .visibility .progress-status__icon svg{width:1.15rem;height:1.15rem;}
}