.ce-main { padding-bottom: 80px; }
.ce-hero { max-width: 800px; padding-block: 88px 72px; }
.ce-hero h1 { font-size: clamp(2.7rem, 5.8vw, 4.9rem); letter-spacing: -.055em; line-height: 1.1; margin-block: 22px 28px; }
.ce-hero > p:not(.cp-eyebrow) { max-width: 54ch; font-size: 1.125rem; color: #55515d; line-height: 1.8; }
.ce-handwritten { display: block; margin-top: 22px; font: 600 1.8rem/1.5 'Caveat', cursive; color: #49434f; }
.ce-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.ce-card { padding: 44px; border: 1px solid #dcd3cb; background: #fffaf4; border-radius: 28px; }
.ce-card-lilac { background: #eee6f4; }
.ce-card-peach { background: #f8e5dc; }
.ce-card-sage { background: #e5eddf; }
.ce-marker { font-size: .75rem; color: #49434f; letter-spacing: .12em; font-weight: 600; }
.ce-card h2 { font-size: 2rem; margin-block: 24px 20px; }
.ce-card p { color: #49434f; margin-bottom: 22px; line-height: 1.8; }
.ce-card > a { display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 52px; padding-block: 14px; border-top: 1px solid #29283224; font-size: .9375rem; text-decoration: none; }
.ce-card a:hover { text-decoration: underline; }
.ce-small { font-size: .875rem; color: #55515d; margin-top: 24px; }
.ce-closing { text-align: center; padding-block: 80px 0; }
.ce-closing h2 { font-size: 2.25rem; }
.ce-closing p { margin-block: 22px; color: #55515d; }
.ce-prose { max-width: 70ch; padding-bottom: 24px; }
.ce-prose section + section { margin-top: 48px; }
.ce-prose h2 { font-size: 1.7rem; margin-bottom: 20px; }
.ce-prose p { color: #49434f; margin-block: 16px; line-height: 1.85; }
@media (max-width: 700px) { .ce-hero { padding-block: 48px; } .ce-grid { grid-template-columns: 1fr; gap: 20px; } .ce-card { padding: 30px 26px; } }