:root { color-scheme: light; background: #f5f4f0; color: #17242c; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; padding: 0 clamp(28px, 7vw, 112px); -webkit-font-smoothing: antialiased; }
main { width: 100%; max-width: 1160px; margin: auto; padding: clamp(88px, 15vh, 160px) 0 clamp(88px, 13vh, 140px); }
h1 { margin: 0; font-size: 1rem; }
.wordmark { display: block; width: min(100%, 440px); height: auto; }
.intro { margin-top: clamp(40px, 7vh, 68px); }
p { margin: 0; }
.lead { font-size: clamp(25px, 3.2vw, 36px); line-height: 1.32; font-weight: 400; letter-spacing: -.75px; }
.description { margin-top: 24px; color: #5d676b; font-size: 17px; line-height: 1.7; }
.heart { display: inline-block; width: .95em; height: .95em; vertical-align: -.1em; fill: #d8313e; }
footer { display: flex; width: 100%; max-width: 1160px; margin: 0 auto; justify-content: space-between; gap: 28px; border-top: 1px solid #d6dad7; padding: 25px 0 29px; font-size: 12px; line-height: 1.65; color: #667175; }
footer p:last-child { text-align: right; }
@media (max-width: 540px) {
  main { padding-top: 90px; padding-bottom: 90px; }
  .wordmark { max-width: 350px; }
  .description { font-size: 16px; max-width: 280px; }
  .desktop-break { display: none; }
  footer { flex-direction: column; gap: 13px; padding-bottom: 25px; }
  footer p:last-child { text-align: left; }
}