/* Numbered reasons retain the supplied reading order. The numeral is a counter
   so the heading text stays clean and the order survives copy edits. */
.reasons-list{counter-reset:reason;padding-top:clamp(28px,5vw,52px);padding-bottom:clamp(36px,5vw,60px)}
.reason{counter-increment:reason;padding:clamp(28px,4vw,44px) 0;border-bottom:1px solid var(--line)}
.reason:last-child{border-bottom:0}
.reason h2{display:flex;gap:clamp(12px,1.8vw,20px);align-items:baseline;color:var(--clay-deep);margin-bottom:18px}
.reason h2::before{content:counter(reason);flex:0 0 auto;min-width:1.1em;font-family:var(--latin);font-style:italic;font-weight:500;font-size:.92em;color:var(--clay)}
.reason p{max-width:760px}
.reason p+p{margin-top:0}
.copy-hero h1{text-wrap:balance;word-break:auto-phrase}
@media(max-width:600px){.reason h2{gap:10px}}