/* Homepage campaign only: shared navigation, motion and eight examples stay upstream. */
body[data-home-candidate] .home-content { padding-top:28px; }
.mitt-campaign { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); grid-template-rows:1fr 1fr; column-gap:28px; margin:0 0 24px; padding:0 0 0 36px; background:#f4f3ef; border-radius:20px; overflow:hidden; }
.mitt-campaign-heading { grid-column:1; grid-row:1; align-self:end; padding-top:36px; }
.mitt-campaign-kicker { display:flex; align-items:center; gap:14px; margin:0 0 20px; color:#222923; font-size:20px; font-weight:750; line-height:1.5; letter-spacing:.06em; }
.mitt-campaign-kicker::before,.mitt-campaign-kicker::after { content:""; flex:0 0 32px; height:1px; background:currentColor; opacity:.55; }
.home-content .mitt-campaign h1 { margin:0; font-size:clamp(32px,3.25vw,46px); line-height:1.35; letter-spacing:-.035em; font-weight:750; }
.mitt-campaign h1 span { display:block; }
.mitt-campaign-image { grid-column:2; grid-row:1 / 3; display:block; min-width:0; align-self:stretch; background:#e8e6de; }
.mitt-campaign-image img { display:block; width:100%; height:100%; aspect-ratio:3 / 2; object-fit:cover; }
.mitt-campaign-image:focus-visible { outline:3px solid #171816; outline-offset:-5px; }
.mitt-campaign-details { grid-column:1; grid-row:2; align-self:start; padding:22px 0 36px; }
.mitt-campaign-details p { margin:0 0 24px; color:#60665d; font-size:16px; line-height:1.85; }
.mitt-campaign-promise { display:block; margin-bottom:8px; font-size:20px; font-weight:650; line-height:1.5; }
.mitt-campaign-details p { max-width:28em; padding-right:12px; }
.mitt-campaign-cta { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; min-height:52px; padding:14px 24px; border:1px solid #171816; border-radius:999px; background:#fff; color:#171816; font-size:16px; font-weight:650; touch-action:manipulation; }
.mitt-campaign-cta:focus-visible { outline:2px solid #171816; outline-offset:4px; }
body[data-home-candidate] .benefits { margin-bottom:32px; font-size:13px; }
body[data-home-candidate] .overview-note { margin-bottom:24px; }
body[data-home-candidate] .overview-note h2 { font-size:24px; line-height:1.45; }
#templates { scroll-margin-top:20px; }
@media (min-width:761px) and (max-width:1050px) {
  .mitt-campaign { padding-left:24px; column-gap:20px; grid-template-columns:1fr 1.12fr; }
  .home-content .mitt-campaign h1 { font-size:30px; }
  .mitt-campaign-kicker { margin-bottom:14px; }
  .mitt-campaign-details { padding-top:16px; padding-bottom:24px; }
  .mitt-campaign-details p { font-size:15px; margin-bottom:18px; }
}
@media (max-width:760px) {
  body[data-home-candidate] .home-content { padding-top:24px; }
  .mitt-campaign { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto; gap:0; padding:0; margin:0 0 22px; background:transparent; border-radius:0; overflow:visible; }
  .mitt-campaign-heading { grid-column:1; grid-row:1; padding:0; margin-bottom:20px; }
  .mitt-campaign-kicker { font-size:18px; margin-bottom:14px; gap:12px; }
  .mitt-campaign-kicker::before,.mitt-campaign-kicker::after { flex-basis:26px; }
  .home-content .mitt-campaign h1 { font-size:clamp(28px,8.2vw,36px); line-height:1.32; letter-spacing:-.04em; }
  .mitt-campaign-image { grid-column:1; grid-row:2; border-radius:14px; overflow:hidden; }
  .mitt-campaign-image img { height:auto; aspect-ratio:3 / 2; object-fit:contain; }
  .mitt-campaign-details { grid-column:1; grid-row:3; padding:18px 0 0; }
  .mitt-campaign-details p { font-size:15px; line-height:1.75; margin-bottom:18px; }
  .mitt-campaign-cta { width:100%; min-height:50px; padding:12px 22px; font-size:16px; }
  body[data-home-candidate] .benefits { font-size:11px; padding:14px 0; margin-bottom:26px; gap:6px; }
  body[data-home-candidate] .overview-note { margin-bottom:20px; gap:10px; }
  body[data-home-candidate] .overview-note h2 { max-width:none; font-size:20px; line-height:1.45; }
}