/* Process: five illustrated steps joined by a gold rule that draws in on scroll. */
.flow{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.flow:before,.flow:after{content:'';position:absolute;left:10%;right:10%;top:84px;height:1px;background:rgba(18,30,61,.16)}
.flow:after{background:var(--gold-dark);transform:scaleX(0);transform-origin:left;transition:transform 1.8s cubic-bezier(.22,1,.36,1) .3s}
.flow.pl-in:after,.no-js-pl .flow:after{transform:scaleX(1)}
.flow-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px;position:relative;z-index:1}
.flow-figure{position:relative;width:168px;height:168px;display:grid;place-items:center;background:var(--paper);border:1px solid rgba(18,30,61,.14);transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .5s}
.flow-figure:before,.flow-figure:after{content:'';position:absolute;width:18px;height:18px;border-color:#ad934f;border-style:solid;opacity:.85}
.flow-figure:before{left:10px;top:10px;border-width:1px 0 0 1px}
.flow-figure:after{right:10px;bottom:10px;border-width:0 1px 1px 0}
.flow-figure svg{width:108px;height:108px;fill:none;stroke:var(--navy);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.flow-figure svg .g{stroke:var(--gold-dark)}
.flow-step:hover .flow-figure{transform:translateY(-6px);border-color:rgba(140,108,38,.55);box-shadow:0 26px 40px -30px rgba(18,30,61,.55)}
.flow-no{margin-top:24px;font-family:var(--serif);font-size:20px;color:#7a5a1a;font-variant-numeric:lining-nums}
.flow-step h3{margin:6px 0 8px;font-size:18px;font-weight:650;letter-spacing:-.2px;color:var(--ink)}
.flow-step p{margin:0;font-size:14px;line-height:1.65;color:var(--muted);max-width:190px}
.flow-cta{display:flex;justify-content:center;gap:40px;margin-top:56px;flex-wrap:wrap}
@media (max-width:1100px){
  .flow-figure{width:136px;height:136px}
  .flow-figure svg{width:88px;height:88px}
  .flow:before,.flow:after{top:68px}
}
@media (max-width:760px){
  .flow{grid-template-columns:1fr;gap:26px}
  .flow:before,.flow:after{left:47px;right:auto;top:20px;bottom:20px;width:1px;height:auto}
  .flow:after{transform:scaleY(0);transform-origin:top}
  .flow.pl-in:after{transform:scaleY(1)}
  .flow-step{display:grid;grid-template-columns:96px 1fr;column-gap:20px;align-items:center;text-align:left;padding:0}
  .flow-figure{width:96px;height:96px;grid-row:span 3}
  .flow-figure svg{width:66px;height:66px}
  .flow-figure:before,.flow-figure:after{width:10px;height:10px}
  .flow-figure:before{left:6px;top:6px}.flow-figure:after{right:6px;bottom:6px}
  .flow-no{margin:0;font-size:16px}
  .flow-step h3{margin:0 0 2px}
  .flow-step p{max-width:none}
  .flow-cta{flex-direction:column;align-items:flex-start;gap:18px;margin-top:40px}
}
@media (prefers-reduced-motion:reduce){.flow:after{transition:none;transform:none}}
@media print{.flow:after{transform:none}.flow-figure{width:110px;height:110px}.flow-figure svg{width:72px;height:72px}}