/* ==========================================================
   Sweet Sadie Mae — 2026 redesign · home.css
   Homepage. Loads after base.css.
   ========================================================== */

.ssm2-home-hero { display: grid; gap: 32px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); align-items: center; }
.ssm2-home-hero__text { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
/* object-position crops the empty top of the group image */
.ssm2 .ssm2-home-hero__img { display: block; width: 100%; aspect-ratio: 900 / 510; object-fit: cover; object-position: bottom; }
.ssm2-home-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 4px; }

.ssm2-home-section { padding-top: 64px; padding-bottom: 64px; }
.ssm2-home-section .ssm2-eyebrow, .ssm2-home-quote .ssm2-eyebrow, .ssm2-home-signup .ssm2-eyebrow { margin-bottom: 4px; }
.ssm2-home-grid { display: grid; gap: 24px; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); }
.ssm2-home-grid--two { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); }
.ssm2-home-start__go { margin-top: auto; padding-top: 6px; font-weight: 700; color: var(--ssm-blue); }
.ssm2-home-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 24px; }
.ssm2-home-head .ssm2-section-title { margin: 0; }
.ssm2-home-head > a { font-weight: 700; }

.ssm2-home-signup { background: var(--ssm-ink); color: #fff; padding: 56px 0; }
.ssm2-home-signup__inner { display: grid; gap: 32px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); align-items: center; }
.ssm2-home-signup .ssm2-eyebrow, .ssm2-home-signup__fine { color: var(--ssm-on-dark-muted); }
.ssm2-home-signup h2 { margin: 0 0 10px; font-family: var(--ssm-font-display); font-weight: 600; font-size: 30px; line-height: 1.2; }
.ssm2-home-signup p { margin: 0; }
.ssm2 .ssm2-home-signup a { color: #fff; }
.ssm2-home-signup form { margin: 0; min-width: 0; }
.ssm2-home-signup .ssm2-btn { width: 100%; margin-top: 14px; padding: 10px 18px; }
.ssm2-home-signup__fine { margin-top: 12px !important; font-size: 13px; }

.ssm2-home-cast { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(170px, 100%), 1fr)); }
.ssm2-home-char { align-items: center; padding: 16px; text-align: center; }
.ssm2 .ssm2-home-char--cream { background: #FFF8DC; } /* matches the solid background in heather-ssm.png */
.ssm2 .ssm2-home-char img { display: block; width: 100%; height: 220px; object-fit: contain; }

.ssm2-home-quote { background: var(--ssm-sun-soft); padding: 56px 0; }
.ssm2-home-quote .ssm2-quote { max-width: 860px; margin-bottom: 10px; }

.ssm2-home-topics { margin: 48px 0 14px; font-family: var(--ssm-font-display); font-weight: 600; font-size: 22px; }