/* Daniel's personal invitation and sign-off in Bradley Hand, white and bold, on the dark material (review 08.10.2026).
 * The invitation stays live text: Bradley Hand ships with macOS/iOS, Bradley Hand ITC with
 * Microsoft Office; elsewhere it falls back to the brand typeface. The signature is a vector
 * outline of Bradley Hand Bold (assets/images/premium/daniel-signature.svg), identical everywhere.
 */

.pv-story__action {
  padding-top: 28px;
  border-top: 1px solid rgba(131, 210, 197, .3);
}

.pv-page .pv-story__action .pv-story__invitation {
  position: relative;
  isolation: isolate;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 26px 30px 28px;
  border: 1px solid #8fd3c3;
  border-left-color: #d6f3ea;
  border-radius: 6px;
  background: var(--pv-material);
  box-shadow: var(--pv-material-glow);
  color: #fff;
  font-family: "Bradley Hand", "Bradley Hand ITC", var(--font-display);
  font-size: clamp(25px, 2.2vw, 31px);
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.pv-story__invitation > span {
  display: block;
  max-width: 520px;
  text-wrap: pretty;
}

.pv-page .pv-story__action .pv-story__invitation:hover {
  color: #fff;
  border-color: #a8dccf;
  border-left-color: #e2f7f0;
  background: var(--pv-material-hover);
  box-shadow: var(--pv-material-glow);
  transform: translateY(-2px);
}

.pv-page .pv-story__action .pv-story__invitation:focus-visible {
  outline: 3px solid #e2fff8;
  outline-offset: 5px;
}

.pv-page .pv-story__signature {
  margin: 26px 0 0;
  padding-left: 4px;
  line-height: 0;
}

.pv-story__signature img {
  display: block;
  width: min(300px, 100%);
  height: auto;
}

@media (max-width: 1000px) {
  .pv-story__action {
    text-align: left;
  }
}

@media (max-width: 700px) {
  .pv-story__action {
    margin-top: 28px;
    padding-top: 23px;
  }

  .pv-page .pv-story__action .pv-story__invitation {
    padding: 21px 20px 23px;
    font-size: 24px;
  }

  .pv-page .pv-story__signature {
    margin-top: 22px;
  }

  .pv-story__signature img {
    width: min(250px, 100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pv-page .pv-story__action .pv-story__invitation {
    transition: none;
  }

  .pv-page .pv-story__action .pv-story__invitation:hover {
    transform: none;
  }
}