/* =========================================================
   REASON LIST — shared layout for services.html and
   why-choose-us.html (numbered detail rows under a pagehead).
   ========================================================= */

.intro{max-width:720px; margin-bottom:64px;}
.intro p{color:var(--paper-mute); font-size:16px; margin-bottom:14px;}

.reason{
  display:grid; grid-template-columns:120px 1fr; gap:36px;
  padding:44px 0; border-top:1px solid var(--paper-line);
}
.reasons-list .reason:last-child{border-bottom:1px solid var(--paper-line);}
.reason .num{font-family:'Lora',serif; font-size:44px; font-weight:600; color:#FFFFFF;}
.reason h2{font-size:23px; margin-bottom:14px; color:var(--paper-text);}
.reason p{font-size:15.5px; color:var(--paper-mute); margin-bottom:14px; max-width:700px;}
.reason p:last-child{margin-bottom:0;}
.reason ul{margin:14px 0 0; padding-left:0;}
.reason li{
  list-style:none; font-size:14.5px; color:var(--paper-mute); padding:8px 0 8px 22px;
  position:relative; border-top:1px solid var(--paper-2);
}
.reason li:first-child{border-top:none;}
.reason li::before{content:"—"; position:absolute; left:0; color:var(--brass-dark);}
.reason li strong{color:var(--paper-text); font-weight:600;}

@media (max-width:760px){
  .reason{grid-template-columns:1fr; gap:12px;}
  .reason .num{font-size:30px;}
}