.sp-donation-hero{background:linear-gradient(90deg,rgba(34,34,33,.85),rgba(34,34,33,.72) 48%,rgba(34,34,33,.3)),url('/assets/lahilahjoitus-20261001.webp') center/cover}
.sp-donation-hero h1{max-width:920px}
.sp-donation-phase{max-width:720px;line-height:1.6;margin:0 0 28px;color:#fff;font-weight:700}
.sp-donation-facts{margin:0 0 24px}
.sp-donation-facts dt{font-size:13px;color:var(--siili-grey-700);margin-top:16px}
.sp-donation-facts dd{font-weight:800;margin:4px 0 0;line-height:1.5}
/* Optional homepage notice uses the same phase hooks and existing brand tokens. */
.sp-donation-notice{background:var(--siili-green-tint);color:var(--siili-ink);padding:28px 20px}
.sp-donation-notice__inner{max-width:1120px;margin:auto;display:flex;gap:24px;align-items:center;justify-content:space-between}
.sp-donation-notice h2{font-size:clamp(24px,3vw,36px);margin:0 0 8px}
.sp-donation-notice p{margin:0;line-height:1.6;max-width:760px}
.sp-donation-notice .sp-btn{flex-shrink:0}
@media(max-width:700px){.sp-donation-notice__inner{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.sp-donation-hero h1{font-size:clamp(28px,8.3vw,42px);overflow-wrap:anywhere}}