/* Work page illustrations — closing CTA sizing only.
   Category header illustrations were removed from Work.
   Hero Selected Work illustration uses shared .page-hero-illu + illu-motion. */

/* Closing CTA — Contact family, supporting scale (below Home Contact) */
.work-closing-cta .hx-illu--contact {
  width: clamp(148px, 15vw, 172px);
  margin: 0;
  opacity: 0.94;
  pointer-events: auto;
  cursor: pointer;
  border-radius: 16px;
  outline: none;
  line-height: 0;
  justify-self: end;
}

.work-closing-cta .hx-illu--contact svg {
  display: block;
  width: 100%;
  height: auto;
}

.work-closing-cta .hx-illu--contact:focus-visible {
  box-shadow: 0 0 0 2px rgba(234, 109, 30, 0.55);
}

.work-closing-cta:hover .hx-illu--contact {
  opacity: 1;
}

.work-closing-cta .hx-illu--contact #contact-letter {
  transform-box: fill-box;
  transform-origin: center;
}

@media (max-width: 768px) {
  .work-closing-cta .hx-illu--contact {
    width: clamp(132px, 36vw, 156px);
    justify-self: start;
  }
}

@media (max-width: 390px) {
  .work-closing-cta .hx-illu--contact {
    width: clamp(120px, 40vw, 140px);
  }
}