.contact-slider {
   position: relative;
   width: min(380px, 90%);
   height: 480px;
   perspective: 120px;
   --stack-offset: 22px;
   --stack-rise: 18px;
   cursor: pointer;
 }
 
 .contact-item {
  position: absolute;
  width: min(320px, 78vw);
  aspect-ratio: 2 / 3;
  background: linear-gradient(325deg, #140010 0%, #F100BD 50%);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45), inset 0 0 40px rgba(255, 255, 255, 0.16);
  overflow: hidden;
 }
 
 .contact-item:nth-child(5) {
   left: 0;
   top: 0;
   z-index: 1;
 }
 
 .contact-item:nth-child(4) {
   left: calc(var(--stack-offset) * 1);
   top: calc(var(--stack-rise) * -1);
   z-index: 2;
 }
 
 .contact-item:nth-child(3) {
   left: calc(var(--stack-offset) * 2);
   top: calc(var(--stack-rise) * -2);
   z-index: 3;
 }
 
 .contact-item:nth-child(2) {
   left: calc(var(--stack-offset) * 3);
   top: calc(var(--stack-rise) * -3);
   z-index: 4;
 }
 
 .contact-item:nth-child(1) {
   left: calc(var(--stack-offset) * 4);
   top: calc(var(--stack-rise) * -4);
   z-index: 5;
 }
 
 .contact-item-content {
   padding: 36px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 18px;
   color: #fff;
   height: 100%;
 }
 
 .contact-item-content h3 {
   font-size: 2.1rem;
   line-height: 1.1;
   font-family: "ibr", sans-serif;
   font-weight: 500;
 }
 
 .contact-item-content p {
   font-size: 0.98rem;
   line-height: 1.5;
   color: rgba(255, 255, 255, 0.85);
 }
 
 .contact-item .contact-chip {
   align-self: flex-start;
 }
 
 @media (max-width: 992px) {
   .contact-slider {
     height: 420px;
     --stack-offset: 18px;
     --stack-rise: 14px;
   }
 
   .contact-item {
     width: min(300px, 80vw);
   }
 
   .contact-item-content {
     text-align: center;
     align-items: center;
   }
 
   .contact-item .contact-chip {
     align-self: center;
   }
 }

 /* Tablet: tighter stack so cards stay in view */
 @media (max-width: 768px) {
   .contact-slider {
     width: min(340px, calc(100vw - 40px));
     height: 400px;
     --stack-offset: 12px;
     --stack-rise: 10px;
     perspective: 100px;
   }

   .contact-item {
     width: min(280px, calc(100vw - 56px));
   }

   .contact-item-content {
     padding: 28px 22px;
     gap: 14px;
   }

   .contact-item-content h3 {
     font-size: clamp(1.35rem, 4.5vw, 1.85rem);
   }

   .contact-item-content p {
     font-size: 0.9rem;
   }

   .contact-item.is-front {
     box-shadow:
       0 16px 32px rgba(0, 0, 0, 0.5),
       inset 0 0 32px rgba(255, 255, 255, 0.14);
   }
 }

 /* Mobile: minimal stack offset, shorter slider, readable type */
 @media (max-width: 600px) {
   .contact-slider {
     width: min(100%, calc(100vw - 24px));
     height: auto;
     min-height: 320px;
     max-height: 440px;
     margin-left: auto;
     margin-right: auto;
     --stack-offset: 8px;
     --stack-rise: 7px;
     perspective: 80px;
   }

   .contact-item {
     width: min(260px, calc(100vw - 72px));
     border-radius: 18px;
   }

   .contact-item-content {
     padding: 18px 16px;
     gap: 10px;
     justify-content: flex-start;
     padding-top: 22px;
   }

   .contact-item-content h3 {
     font-size: clamp(1.1rem, 5.2vw, 1.45rem);
     line-height: 1.2;
   }

   .contact-item-content p {
     font-size: 0.82rem;
     line-height: 1.45;
   }

   .contact-item .contact-chip {
     font-size: 0.78rem;
     padding: 6px 12px;
   }

   .contact-item.is-front {
     box-shadow:
       0 14px 28px rgba(0, 0, 0, 0.55),
       inset 0 0 28px rgba(255, 255, 255, 0.12);
   }

   .card-item-wave {
     max-width: 55%;
     height: auto;
   }
   .connect-card-front__wave {
    max-width: 75%;
  }
 }

 /* Very narrow phones */
 @media (max-width: 380px) {
   .contact-slider {
     --stack-offset: 6px;
     --stack-rise: 6px;
   }

   .contact-item {
     width: min(240px, calc(100vw - 64px));
   }
 }
.card-item-wave{
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}