/* Typography: readable catalog, handwritten planner accents. */
body{font-size:16px}
h1,h2{font-weight:700;letter-spacing:-.025em;text-wrap:balance}
.hero h1{font-family:var(--hand);font-weight:400;letter-spacing:-.035em;line-height:1.16;font-size:clamp(36px,3.6vw,60px)}
.planner-scene.compact .hero h1{font-size:clamp(36px,4vw,48px)}
.book h1{font-family:var(--sans);font-weight:700;line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere}
.card h3,.no-cover{font-family:var(--sans);line-height:1.35}
.card h3{font-weight:700}
.about-intro h1{font-family:var(--sans);font-weight:700;line-height:1.2}
.about-intro h1 em{font-family:var(--hand);font-weight:400;font-style:normal;letter-spacing:-.02em}
.about-quote p,.about-signoff,.rachel-portrait figcaption,.archive-keepsake{font-family:var(--hand);font-style:normal;font-weight:400;line-height:1.45}
.rachel-portrait figcaption{font-size:22px}
.about-signoff{font-size:27px}
.letter,.section-heading h3{font-family:var(--hand);font-weight:400;letter-spacing:0}
.hero p,.about-story section p,.description p:not(.note){font-size:16px;line-height:1.75;max-width:65ch}
.hero p{margin-left:auto;margin-right:auto}
.searchbox input,.quick input{font-size:16px}
.book-facts dd,.facts{font-variant-numeric:tabular-nums}
.about-contact a{overflow-wrap:anywhere}
@media(max-width:650px){.hero h1{font-size:40px}.about-intro h1{font-size:38px}.about-quote p{font-size:25px}}

body{font-family:var(--sans)}