/* Personal approach: approved design, 2026-09-30. */
#reko-studio-v3 .cl-approach{padding-block:110px 0}
#reko-studio-v3 .cl-approach-heading{gap:28px 80px;margin-bottom:36px}
#reko-studio-v3 .cl-approach-heading h2{font-size:clamp(2.5rem,4.9vw,5rem)}
#reko-studio-v3 .cl-approach-heading>p:last-child{max-width:32rem}
#reko-studio-v3 .cl-journey{width:100%;height:130px;display:block;overflow:visible;margin:12px 0 6px}
#reko-studio-v3 .cl-journey path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linecap:round}
#reko-studio-v3 .cl-journey-track{stroke:#cbd6f3}
#reko-studio-v3 .cl-journey-live{stroke:#174bff;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--journey-progress,1));transition:stroke-dashoffset .16s linear}
#reko-studio-v3 .cl-journey circle{fill:#f8f9fb;stroke:#174bff;stroke-width:2}
#reko-studio-v3 .cl-approach-steps{gap:44px;margin-bottom:80px}
#reko-studio-v3 .cl-approach-steps li{border:0;padding:0 0 0 24px;border-left:1px solid #d6ddec}
#reko-studio-v3 .cl-approach-number{font-size:3.4rem;line-height:1;letter-spacing:-.07em;margin-bottom:26px;font-weight:500}
#reko-studio-v3 .cl-approach-steps h3{font-size:1.6rem;margin-bottom:18px}
#reko-studio-v3 .cl-approach-steps p{max-width:35ch}
#reko-studio-v3 .cl-conviction{position:relative;isolation:isolate;margin:0 18px 86px;background:#101e35;color:#f8f9fb;border-radius:14px;overflow:hidden}
#reko-studio-v3 .cl-conviction-inner{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;padding-block:88px 78px;align-items:center}
#reko-studio-v3 .cl-conviction h2{font-size:clamp(3.1rem,6.3vw,6.5rem);font-weight:500;letter-spacing:-.06em;line-height:1.03;margin:0;color:#fff}
#reko-studio-v3 .cl-conviction h2 em{font-style:normal;color:#ff7267}
#reko-studio-v3 .cl-conviction-copy{padding-top:28px;border-top:2px solid #ff7267}
#reko-studio-v3 .cl-conviction-copy p{font-size:1.05rem;line-height:1.8;color:#d6dfed;margin:0 0 26px;max-width:36ch}
#reko-studio-v3 .cl-conviction-copy p:first-child{font-size:1.3rem;line-height:1.6;color:#fff}
#reko-studio-v3 .cl-conviction .cl-text-link{color:white;border-color:#6e839f;font-size:1rem}
#reko-studio-v3 .cl-conviction .cl-text-link:hover{color:#ff9188;border-color:#ff9188}
#reko-studio-v3 .cl-work{border-top:0;padding-top:0}
#reko-studio-v3 .cl-hero-stage{font-size:.875rem}
#reko-studio-v3 .cl-motion:focus-visible{outline-color:#174bff}
@media(max-width:900px){#reko-studio-v3 .cl-conviction-inner{gap:40px}#reko-studio-v3 .cl-approach-steps{gap:24px}#reko-studio-v3 .cl-approach-steps li{padding-left:16px}}
@media(max-width:760px){#reko-studio-v3 .cl-approach{padding-top:66px}#reko-studio-v3 .cl-journey{height:70px;margin:0 0 30px}#reko-studio-v3 .cl-approach-steps{margin-bottom:56px;gap:34px}#reko-studio-v3 .cl-approach-steps li{padding-left:24px;border-left:2px solid #174bff}#reko-studio-v3 .cl-approach-number{font-size:2.4rem;margin-bottom:15px}#reko-studio-v3 .cl-conviction{margin:0 12px 56px}#reko-studio-v3 .cl-conviction-inner{grid-template-columns:1fr;padding-block:48px;gap:36px}#reko-studio-v3 .cl-conviction h2{font-size:clamp(2.8rem,11vw,4.5rem)}#reko-studio-v3 .cl-conviction-copy p{max-width:100%}}
@media(prefers-reduced-motion:reduce){#reko-studio-v3 .cl-journey-live{stroke-dashoffset:0;transition:none}}
