.newsletter-page, #newsletter-invite {
  background: #141413;
  color: #f2f0e8;
  font: 16px/1.5 Arial, Helvetica, sans-serif;
}
.newsletter-page { margin: 0; }
.newsletter-page main { max-width: 38rem; margin: auto; padding: clamp(24px, 7vw, 88px) 18px; }
.newsletter-page .band { display: inline-flex; align-items: center; gap: 12px; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; }
.newsletter-page .band img { width: 32px; height: 32px; }
.newsletter-page h1 { font-size: clamp(2.7rem, 9vw, 4.7rem); line-height: 1; font-weight: 400; letter-spacing: -.055em; margin: .8em 0 .45em; }
.newsletter-page main > p { max-width: 33em; font-size: 1.15rem; }
.newsletter-page footer { margin-top: 3rem; border-top: 1px solid #494738; padding-top: 1rem; }
.newsletter-page a, #newsletter-invite a { color: #e7c363; }
.newsletter-page iframe { display: block; border: 0; width: 100%; height: 47rem; background: white; }
#newsletter-invite { position: fixed; z-index: 100; right: 1rem; bottom: 1rem; box-sizing: border-box; width: min(23rem, calc(100% - 2rem)); padding: 24px; border: 1px solid #a99052; box-shadow: 0 6px 28px #0006; }
#newsletter-invite h2 { margin: 0 2rem 0 0; font-size: 1.85rem; font-weight: normal; letter-spacing: -.04em; }
#newsletter-invite p { margin: .5rem 0 1rem; }
#newsletter-invite button { float: right; background: transparent; border: 0; color: inherit; font-size: 24px; width: 44px; height: 44px; cursor: pointer; }
#hc-design footer span:last-child { flex-wrap: wrap; }