/* ==========================================================================
   Layout — page container, section rhythm, heading scale
   ========================================================================== */
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}

h1,h2,h3,h4{
  font-family:var(--display);
  font-weight:700;
  letter-spacing:0.01em;
  line-height:1.05;
  color:var(--ink);
}

.eyebrow{
  font-family:var(--mono);
  font-size:12.5px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--route-deep);
  display:flex;
  align-items:center;
  gap:10px;
}
.eyebrow::before{
  content:"";
  width:22px; height:2px;
  background:var(--route-deep);
  display:inline-block;
}

section{padding:100px 0;}

.section-head{
  max-width:640px; margin-bottom:56px;
}
.section-head h2{
  font-size:clamp(30px,4vw,44px);
  text-transform:uppercase;
  margin-top:14px;
}
.section-head p{
  color:var(--steel); font-size:16px; margin-top:16px;
}