.project-slide.referral-showcase{grid-template-columns:minmax(0,.3fr) minmax(0,.7fr);gap:38px;align-items:start;padding:54px 0 46px;min-height:650px}
.referral-showcase .project-copy{padding-top:4px}
.referral-showcase .project-copy>.eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:24px}
.referral-showcase .project-copy h3{font-size:clamp(32px,3.1vw,48px);line-height:1.3;margin:0 0 32px;letter-spacing:-.055em}
.referral-showcase .project-copy .business-problem{font-size:clamp(20px,1.65vw,25px)!important;line-height:1.55!important;margin:0 0 28px!important;font-weight:750}
.referral-showcase .project-copy .referral-overview{font-size:16px;line-height:1.9;color:var(--muted);margin-bottom:32px}
.referral-proof{padding:22px 0 30px;position:relative}
.referral-proof:before{content:"";position:absolute;top:0;left:0;width:35px;height:1px;background:#bfc0b5}
.referral-proof p{margin:0;font-size:15px;line-height:1.75}
.referral-proof strong{font-size:22px;margin-left:5px}
.referral-showcase .tags{gap:12px;margin:20px 0 24px;font-size:11px}
.referral-showcase .tags>span{padding:7px 13px}
.referral-showcase .project-copy .button{margin-top:18px;min-height:52px;font-size:14px;padding:12px 25px}
.ref-map{min-width:0;padding-top:9px}
.ref-map>header{border-left:1px solid var(--line);padding-left:28px;margin-bottom:29px}
.ref-map>header .eyebrow{margin-bottom:10px;font-size:9px}
.ref-map>header h4{margin:0 0 8px;font-size:28px;line-height:1.35;letter-spacing:-.04em}
.ref-map>header>p:last-child{font-size:15px;line-height:1.8;color:var(--muted);margin:0}
.ref-map-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.ref-map-step{min-width:0;margin:0}
.ref-map-graph{position:relative;aspect-ratio:320/355;width:100%;margin:0 auto 15px;max-width:350px}
.ref-map-graph>svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#dec795;stroke-width:1}
.ref-map-orbit{stroke-dasharray:1 2;stroke-width:.75;opacity:.8}
.ref-map-ring{stroke-width:.85}
.ref-map-graph>svg line{stroke:#c1bba4;stroke-width:.8}
.ref-map-dot{fill:#c69a36;stroke:none}
.ref-map-center{position:absolute;left:50%;top:52.1127%;transform:translate(-50%,-50%);width:40.625%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.ref-map-center>span{color:#c18a14;font:12px/1.4 Consolas,monospace;margin-bottom:8px}
.ref-map-center h4{font-size:clamp(19px,1.55vw,24px);line-height:1.2;letter-spacing:-.035em;margin:0 0 9px;white-space:nowrap}
.ref-map-center p{font-size:12px;line-height:1.45;white-space:pre-line;color:var(--muted);margin:0}
.ref-map-nodes{list-style:none;padding:0;margin:0}
.ref-map-nodes li{position:absolute;left:var(--node-x);top:var(--node-y);transform:translate(-50%,-50%);width:21.875%;aspect-ratio:1;border:1px solid #e4cc99;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;line-height:1.45;white-space:pre-line}
.ref-map-next{position:absolute;left:calc(100% + 3px);top:52.1127%;transform:translateY(-50%);width:24px;height:24px;display:block}
.ref-map-next svg{width:100%;height:100%;fill:none;stroke:var(--ink);stroke-width:1.1}
.ref-map-step figcaption{border-top:1px solid #bfc1b5;padding:17px 5px 0;font-size:13px;line-height:1.85;color:var(--muted);white-space:normal}
@media(min-width:1600px){.referral-showcase .project-copy h3{font-size:48px}}
@media(min-width:1101px) and (max-width:1250px){.project-slide.referral-showcase{gap:26px;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr)}.ref-map-stages{gap:22px}.ref-map-nodes li{font-size:10px}.ref-map-center p{font-size:10px}.ref-map-center h4{font-size:18px}.ref-map-center>span{margin-bottom:4px}.ref-map-next{width:19px;left:calc(100% + 1px)}}
@media(max-width:1100px){.project-slide.referral-showcase{grid-template-columns:1fr;gap:34px;min-height:0}.referral-showcase .project-copy{max-width:630px}.referral-showcase .project-copy h3{font-size:38px;margin-bottom:22px}.referral-showcase .project-copy .referral-overview{margin-bottom:22px}.referral-proof{padding:20px 0 10px}.referral-showcase .tags{margin:14px 0 5px}.ref-map>header{padding-left:22px;margin-bottom:18px}.ref-map-center h4{font-size:24px}.ref-map-center p{font-size:12px}}
@media(max-width:700px){.project-slide.referral-showcase{padding:30px 0;gap:38px}.referral-showcase .project-copy>.eyebrow{font-size:11px;margin-bottom:17px}.referral-showcase .project-copy h3{font-size:33px;margin-bottom:22px}.referral-showcase .project-copy .business-problem{font-size:21px!important;margin-bottom:20px!important}.referral-showcase .project-copy .referral-overview{font-size:15px}.referral-proof p{font-size:14px}.referral-proof strong{font-size:21px}.referral-showcase .tags{gap:8px;font-size:10px}.referral-showcase .tags>span{padding:6px 10px}.ref-map>header{padding-left:17px;margin-bottom:24px}.ref-map>header h4{font-size:27px}.ref-map>header>p:last-child{font-size:14px}.ref-map-stages{grid-template-columns:1fr;gap:38px}.ref-map-step{max-width:350px;width:100%;margin:auto}.ref-map-graph{margin-bottom:12px}.ref-map-center h4{font-size:25px}.ref-map-center p{font-size:14px}.ref-map-center>span{font-size:14px;margin-bottom:10px}.ref-map-nodes li{font-size:14px}.ref-map-step figcaption{font-size:14px;line-height:1.85;padding:17px 8px 0}.ref-map-next{left:50%;top:calc(100% + 100px);transform:translate(-50%,-50%) rotate(90deg);width:22px;height:22px}.ref-map-step:not(:last-child){padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.referral-showcase{scroll-behavior:auto}}