/* Figma 392:11. The registration preview remains inert until Guest Party owns the subscription flow. */
.tg-editorial.tg-figma-newsletter { background: #fdf4e5; overflow: clip; }
.tg-figma-newsletter .tg-figma-newsletter__scene {
  position: relative;
  isolation: isolate;
  min-height: 109.8vw;
  padding: 20.25vw 0 18vw;
  background: #4f145e;
  overflow: hidden;
}
.tg-figma-newsletter .tg-figma-newsletter__scene::before {
  content: '';
  position: absolute;
  inset: -6%;
  z-index: -2;
  background: linear-gradient(90deg, #591075aa, #a23b77a6, #641a70c4), url("/_site-assets/newsletter-392-2376-original-eeb27b18") center / cover;
  filter: blur(4.5vw) saturate(1.3);
  transform: scale(1.08);
}
.tg-figma-newsletter .tg-figma-newsletter__glow {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at 11% 19%, #d8609c88 0 8%, transparent 24%), radial-gradient(circle at 94% 65%, #a83d9d88 0 12%, transparent 30%), #52127355;
}
.tg-figma-newsletter .tg-figma-newsletter__paper {
  position: relative;
  z-index: 1;
  width: 57.55vw;
  min-height: 71.5vw;
  margin: 0 auto;
  background: #e1d6ba;
  color: #39135f;
  box-shadow: 0 1.8vw 6vw #22053150;
}
.tg-figma-newsletter .tg-figma-newsletter__photo { position: relative; height: 21.875vw; overflow: hidden; }
.tg-figma-newsletter .tg-figma-newsletter__photo img { position: absolute; top: -42.02%; left: 50%; display: block; width: auto; max-width: none; height: 152.25%; transform: translateX(-50%); }
.tg-figma-newsletter .tg-figma-newsletter__photo::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #e1d6ba;
  clip-path: polygon(0 90.5%, 4.5% 87.9%, 9% 85.7%, 13.6% 84.3%, 18% 83.3%, 22.6% 82.9%, 27.1% 83.3%, 31.7% 84.3%, 36.2% 85.5%, 40.7% 86.9%, 45.2% 88.1%, 49.8% 89.5%, 54.3% 91.4%, 58.8% 93.1%, 63.3% 94.3%, 67.9% 96.2%, 72.4% 97.9%, 77% 98.6%, 81.4% 99%, 84% 99.8%, 100% 101%, 100% 100%, 0 100%);
  pointer-events: none;
}
.tg-figma-newsletter .tg-figma-newsletter__content { padding: 2.4vw 7.5% .4vw; text-align: center; }
.tg-figma-newsletter .tg-figma-newsletter__date { margin: 0 0 .6vw; color: #a54e88; font-size: clamp(.7rem, .85vw, 1rem); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.tg-figma-newsletter .tg-figma-newsletter__content h1 {
  margin: 0 auto;
  max-width: 13ch;
  color: #4b196c;
  font-family: var(--tg-font-display, Impact, sans-serif);
  font-size: clamp(3rem, 4.8vw, 5.8rem);
  font-weight: 800;
  line-height: .95;
  letter-spacing: -.025em;
  text-transform: uppercase;
  text-wrap: balance;
}
.tg-figma-newsletter .tg-figma-newsletter__lede { margin: 2.8vw 0 5.6vw; font-size: clamp(1rem, 1.65vw, 2rem); line-height: 1.25; }
.tg-figma-newsletter .tg-figma-newsletter__preview { display: flex; flex-direction: column; align-items: center; gap: 0; }
.tg-figma-newsletter .tg-figma-newsletter__field { position: relative; display: block; width: 100%; text-align: left; }
.tg-figma-newsletter .tg-figma-newsletter__field + .tg-figma-newsletter__field { margin-top: 2.2vw; }
.tg-figma-newsletter .tg-figma-newsletter__field span { position: absolute; left: 2.2%; top: 50%; transform: translateY(-50%); color: #67376b; font-size: clamp(1rem, 1.45vw, 1.75rem); pointer-events: none; }
.tg-figma-newsletter .tg-figma-newsletter__field input { display: block; box-sizing: border-box; width: 100%; height: 5.26vw; border: 0; border-radius: 0; background: #fff; color: #39135f; font: inherit; opacity: 1; }
.tg-figma-newsletter .tg-figma-newsletter__field input:disabled { cursor: not-allowed; }
.tg-figma-newsletter .tg-figma-newsletter__send {
  display: block;
  width: 42%;
  min-height: 4.07vw;
  margin-top: 4.7vw;
  border: 0;
  border-radius: 99rem;
  background: #e73c8c;
  color: #fff8ea;
  cursor: not-allowed;
  font-family: var(--tg-font-display, Impact, sans-serif);
  font-size: clamp(1.15rem, 2.15vw, 2.6rem);
  line-height: 1;
  text-transform: uppercase;
  opacity: .92;
}
.tg-figma-newsletter .tg-figma-newsletter__status { margin: 1.4vw 0 0; font-weight: 700; font-size: clamp(.9rem, 1vw, 1.2rem); }
.tg-figma-newsletter .tg-figma-newsletter__consent,
.tg-figma-newsletter .tg-figma-newsletter__note { margin: .35vw 0 0; font-size: clamp(.75rem, .75vw, .95rem); line-height: 1.4; }
.tg-figma-newsletter .tg-figma-newsletter__ornament { position: absolute; right: -6%; bottom: -8%; z-index: 0; width: 33vw; max-width: none; transform: rotate(-20deg); pointer-events: none; }
.tg-figma-newsletter .tg-figma-newsletter__after { position: relative; z-index: 1; text-align: center; }
.tg-figma-newsletter .tg-figma-newsletter__after .tg-section__heading { margin-inline: auto; }
.tg-figma-newsletter .tg-figma-newsletter__after .tg-button { margin-top: 1.5rem; }
@media (max-width: 48rem) {
  .tg-figma-newsletter .tg-figma-newsletter__scene { min-height: 0; padding: clamp(5rem, 22vw, 8rem) 5vw clamp(5rem, 18vw, 7rem); }
  .tg-figma-newsletter .tg-figma-newsletter__scene::before { filter: blur(10vw) saturate(1.3); }
  .tg-figma-newsletter .tg-figma-newsletter__paper { width: 100%; min-height: 0; }
  .tg-figma-newsletter .tg-figma-newsletter__photo { height: 48vw; min-height: 10rem; }
  .tg-figma-newsletter .tg-figma-newsletter__content { padding: 1.7rem 6% 2.5rem; }
  .tg-figma-newsletter .tg-figma-newsletter__date { margin-bottom: 1rem; font-size: .68rem; letter-spacing: .08em; }
  .tg-figma-newsletter .tg-figma-newsletter__content h1 { font-size: clamp(2.65rem, 10.5vw, 5rem); line-height: .96; }
  .tg-figma-newsletter .tg-figma-newsletter__lede { margin: 1rem 0 2rem; font-size: clamp(1rem, 4.1vw, 1.35rem); }
  .tg-figma-newsletter .tg-figma-newsletter__preview { gap: 0; }
  .tg-figma-newsletter .tg-figma-newsletter__field + .tg-figma-newsletter__field { margin-top: .85rem; }
  .tg-figma-newsletter .tg-figma-newsletter__field input { height: 3.7rem; }
  .tg-figma-newsletter .tg-figma-newsletter__field + .tg-figma-newsletter__field { margin-top: 2.2vw; }
.tg-figma-newsletter .tg-figma-newsletter__field span { left: 1rem; font-size: 1rem; }
  .tg-figma-newsletter .tg-figma-newsletter__send { width: 65%; min-height: 3.5rem; margin-top: .65rem; font-size: 1.4rem; }
  .tg-figma-newsletter .tg-figma-newsletter__status { margin-top: .8rem; font-size: .92rem; }
  .tg-figma-newsletter .tg-figma-newsletter__consent,
  .tg-figma-newsletter .tg-figma-newsletter__note { margin: 0; font-size: .77rem; }
  .tg-figma-newsletter .tg-figma-newsletter__ornament { right: -11%; bottom: -3%; width: 58vw; }
}