/* À propos — styles propres à page-a-propos.php */

.origin{padding:90px 0 70px;}
.origin .lead{
  font-family:'Anton'; text-transform:uppercase; color:var(--ink);
  font-size:clamp(24px, 3.2vw, 34px); line-height:1.12; margin-bottom:32px;
}
.origin p{font-size:15.5px; line-height:1.7; color:#333;}

.sub-eyebrow{font-family:'Space Mono'; font-size:12px; letter-spacing:0.13em; text-transform:uppercase; color:var(--mute); margin-bottom:18px;}
.sub-h{font-family:'Anton'; text-transform:uppercase; font-size:clamp(24px,3vw,32px); margin-bottom:30px;}

.reasons{padding:60px 0;}
.reasons ul{list-style:none;}
.reasons li{
  font-size:15.5px; line-height:1.55; color:#333;
  padding:20px 0; border-top:1px solid #ECECE8;
}
.reasons li:last-child{border-bottom:1px solid #ECECE8;}
.reasons li b{font-weight:600; color:var(--ink);}

.topics{padding:60px 0;}
.topics p{font-size:15.5px; line-height:1.7; color:#333; margin-bottom:20px;}
.topics p:last-child{margin-bottom:0;}

.steps-section{background:var(--offwhite); padding:80px 0;}
.steps-list{display:flex; flex-direction:column;}
.step-row{
  display:grid; grid-template-columns:70px 1fr; gap:24px;
  padding:26px 0; border-top:1px solid #E4E1D8;
}
.step-row:last-child{border-bottom:1px solid #E4E1D8;}
.step-num{font-family:'Anton'; font-size:32px; color:#C9C6BB; line-height:1;}
.step-row p{font-size:16px; line-height:1.55; color:#333; padding-top:4px;}

.direction{padding:90px 0;}
.direction-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:40px; margin-top:30px;}
.value-card{border-top:1px solid var(--ink); padding-top:18px;}
.value-card h4{font-family:'Anton'; text-transform:uppercase; font-size:19px; margin-bottom:12px;}
.value-card p{font-size:14px; line-height:1.6; color:#4a4a4a;}

.signature{padding:70px 0 100px; border-top:1px solid #ECECE8;}
.signature p{font-size:15.5px; line-height:1.65; color:#333; max-width:64ch;}
.signature .sig-mark{font-family:'Space Mono'; font-size:12px; color:var(--mute); margin-top:18px; display:block;}

.closing-cta{background:var(--ink); color:#fff; padding:110px 48px;}
.closing-inner{
  max-width:1180px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:60px;
}
.closing-block h3{font-family:'Anton'; text-transform:uppercase; font-size:clamp(26px,3.4vw,36px); margin-bottom:16px; line-height:1.05;}
.closing-block p{font-size:15px; color:#D8D8D8; margin-bottom:26px; line-height:1.6;}

@media (max-width:760px){
  .direction-grid{grid-template-columns:1fr; gap:30px;}
  .closing-inner{grid-template-columns:1fr; gap:50px;}
}
@media (max-width:640px){
  .step-row{grid-template-columns:44px 1fr;}
  .step-num{font-size:24px;}
}