/* Supporting pages share the quieter palette and type scale of Our Calendar and the month pages. */
body{background:#fcf9f8;color:#302b2d;font:400 1rem/1.65 'Montserrat','Lato',sans-serif}
h1,h2,h3{font-family:'Newsreader',Georgia,serif;font-weight:400;letter-spacing:-.012em;color:#642a39}
.eyebrow{font:600 .78rem/1.4 'Montserrat','Lato',sans-serif;letter-spacing:.1em;color:#a4513d}
.page-head{background:#f7ebe6;border-bottom:1px solid #ddc5b8;padding:clamp(2.5rem,4.5vw,4.5rem) clamp(1.2rem,6vw,6rem)}
.page-head>div{max-width:1120px}
.page-head h1{font-size:clamp(2.6rem,3.6vw,3.85rem);line-height:1.13;max-width:25ch;margin:.15em 0 .3em}
.page-head .lead{font:400 clamp(1rem,1.25vw,1.18rem)/1.65 'Montserrat','Lato',sans-serif;max-width:48rem}
.wrap{max-width:1220px;padding:clamp(2.8rem,4.5vw,4.5rem) clamp(1.2rem,4vw,3rem)}
.prose{max-width:780px}
.prose h2,.wrap h2{font-size:clamp(1.8rem,2.3vw,2.55rem);line-height:1.2}
.prose h2{margin:1.25em 0 .35em}
.prose h3,.wrap h3{font-size:clamp(1.3rem,1.65vw,1.75rem);line-height:1.25}
.prose p,.wrap p{line-height:1.65}
.card{background:#fffdfa;border:1px solid #e5d8cc;border-top:2px solid #c99b51;border-radius:14px;box-shadow:none;padding:1.5rem;min-height:220px}
.card h3,.journey-card h3{font-size:clamp(1.4rem,1.8vw,1.9rem);line-height:1.2}
.card p{font-size:1rem}
.band{background:#f7e8e5}
.callout,.join-panel{background:#f7e8e5;border-color:#d6ad9c}
.aside{background:#fffdfa;border-color:#c99b51}
.split{gap:clamp(2rem,5vw,5rem)}
.hero,.journey-hero{min-height:clamp(490px,70svh,670px)}
.hero h1,.journey-hero h1{font-size:clamp(2.7rem,4.3vw,4.65rem);line-height:1.1;font-weight:400}
.hero-copy{padding:4rem 1.5rem 5rem;max-width:860px}
.hero-copy p:not(.eyebrow){font-size:clamp(1rem,1.2vw,1.15rem)}
.journey-bar strong{font-size:1.4rem;font-weight:400}
.journey-steps{background:#fcf9f8}
.step{background:#fffdfa;border-color:#e5d8cc;box-shadow:none}
.step-index{font-size:2.8rem;color:#a4513d}
.step h3{font-size:clamp(1.65rem,2.2vw,2.25rem);line-height:1.2}
.step p{font-size:1rem}
.join-panel h2{font-size:clamp(1.8rem,2.3vw,2.55rem)}
.form{border-color:#e5d8cc;background:#fffdfa}
.form h2{font-size:clamp(1.8rem,2.3vw,2.55rem)}
.form label{font-size:.95rem}
.button{font-size:.92rem}
@media(max-width:700px){.page-head h1{font-size:clamp(2.35rem,8vw,3.25rem)}.hero,.journey-hero{min-height:520px}.hero h1,.journey-hero h1{font-size:clamp(2.5rem,8vw,3.7rem)}.step h3{font-size:1.85rem}.wrap{padding-block:2.6rem}}