@font-face {
  font-family: Montserrat;
  src: url("assets/fonts/Montserrat-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
:root { color-scheme: light; background: #F0EDE5; color: #1F2422; font-synthesis: none; }
* { box-sizing: border-box; }
body { background: #F0EDE5; margin: 0; min-height: 100vh; min-height: 100svh; }
main { width: 100%; padding: clamp(56px, 12.3vw, 96px) 24px 64px; text-align: center; }
.monogram { display: block; width: 150px; height: auto; margin: 0 auto; }
h1 { margin: 80px auto 0; font-family: Montserrat, sans-serif; font-size: 20px; font-weight: 200; line-height: 1.65; max-width: 560px; }
@media (max-width: 480px) {
  .monogram { width: 130px; }
  h1 { margin-top: 60px; font-size: 18px; max-width: 340px; text-wrap: balance; }
}