:root { color-scheme: light; font-family: system-ui, sans-serif; color: #212121; background: #fff9f5; }
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 3rem 1rem; }
h1 { font-family: Georgia, serif; font-size: clamp(3rem, 10vw, 9rem); letter-spacing: -.055em; line-height: 1; font-weight: 400; margin: .3em 0; overflow-wrap: anywhere; max-width: 100%; }
h1.dasha { font-size: clamp(2.6rem, 11vw, 11rem); }
.heart { color: #cc163b; font-family: Georgia, serif; font-size: clamp(8rem, 23vw, 18rem); line-height: 1; margin-bottom: 1.5rem; }
.eyebrow { font-size: .9rem; letter-spacing: .08em; }
nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 2rem; margin-top: 2rem; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .3em; padding: .65rem .25rem; }
a:hover { color: #cc163b; }
a:focus-visible { outline: 2px solid #cc163b; outline-offset: 5px; }