.v-wp-overlay{position:fixed;inset:0;background:rgba(20,19,17,.6);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity .35s ease}
.v-wp-overlay.v-wp-show{opacity:1;pointer-events:auto}
.v-wp-modal{background:#faf9f6;max-width:420px;width:100%;padding:3.2rem 2.8rem 2.8rem;position:relative;text-align:center;border:1px solid rgba(20,19,17,.12);box-shadow:0 24px 60px rgba(20,19,17,.35);transform:translateY(12px);transition:transform .35s ease}
.v-wp-overlay.v-wp-show .v-wp-modal{transform:translateY(0)}
.v-wp-close{position:absolute;top:1.2rem;right:1.2rem;width:2.8rem;height:2.8rem;border:none;background:transparent;cursor:pointer;font-size:1.6rem;line-height:1;color:rgba(20,19,17,.5);transition:color .2s ease}
.v-wp-close:hover{color:#141311}
.v-wp-eyebrow{font-size:1.1rem;letter-spacing:.34em;text-transform:uppercase;color:#a3946f;font-weight:700;margin:0 0 1rem}
.v-wp-title{font-family:var(--font-heading-family);font-size:2.6rem;line-height:1.1;letter-spacing:-.01em;color:#141311;margin:0 0 1rem}
.v-wp-sub{font-size:1.4rem;color:rgba(20,19,17,.65);margin:0 0 2.2rem;line-height:1.5}
.v-wp-code{display:inline-block;border:1px dashed #c3b9a2;padding:1rem 2rem;letter-spacing:.28em;font-weight:700;font-size:1.5rem;color:#141311;margin:0 0 2.2rem;text-transform:uppercase}
.v-wp-cta{display:block;width:100%;min-height:5rem;line-height:5rem;background:#141311;color:#faf9f6;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-weight:700;font-size:1.3rem;border:1.5px solid #141311;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1)}
.v-wp-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,19,17,.22)}
.v-wp-fine{font-size:1.1rem;color:rgba(20,19,17,.45);margin:1.4rem 0 0}
@media(max-width:480px){
  .v-wp-modal{padding:2.6rem 2rem 2.2rem}
  .v-wp-title{font-size:2.1rem}
}