/* ═══ SERVICES PAGE — helpers shared by its sections ═══ */
.eyebrow{display:flex;align-items:center;gap:10px;font-size:10.5px;letter-spacing:.2em;
  font-weight:600;color:var(--dim)}
.eyebrow::before{content:"";width:7px;height:7px;background:var(--cut);flex-shrink:0}
.disp{font-family:'Archivo Expanded',Archivo,sans-serif;font-weight:900;letter-spacing:-.035em}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}
@keyframes rise{to{transform:translateY(0)}}

/* lime rule under section headings (sections 3 and 5) — draws in on reveal */
.rule-draw{display:block;height:2px;background:var(--cut);width:0;margin-top:22px;
  transition:width .9s cubic-bezier(.16,1,.3,1) .2s}
.is-in .rule-draw,.rule-draw.is-in{width:64px}

@media(prefers-reduced-motion:reduce){
  .rule-draw{width:64px}
}