/* Client case study: short proof on the page, documented journey in a dialog opened on demand. */
.rk{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 64px;align-items:center;padding-block:80px}
.rk-copy h2{margin:0 0 20px}
.rk-copy>p:not(.v2-eyebrow){font-size:18px;line-height:1.65;margin:0 0 26px;max-width:42ch}
.rk-more{display:inline-flex;align-items:center;gap:12px;appearance:none;border:0;background:none;padding:8px 0;font:inherit;font-size:17px;font-weight:600;color:var(--g-plum,#54234f);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;cursor:pointer}
.rk-more:hover{text-decoration-thickness:2px}
.rk-more svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rk-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.rk-compare figure{margin:0;position:relative;min-width:0}
.rk-compare .g-photo,.rk-story .g-photo{display:block;width:100%;padding:0;border:0;border-radius:8px;overflow:hidden;background:#e8e2ea;cursor:zoom-in}
.rk-compare img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.rk-tag{position:absolute;left:10px;top:10px;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.92);color:var(--g-ink,#302d32);font-size:13px;font-weight:600;line-height:1.3;pointer-events:none}
.rk-compare figure:last-child .rk-tag{background:var(--g-plum,#54234f);color:#fff}

/* Dialog: the journey step by step */
.rk-dialog{width:min(920px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:12px;background:var(--g-white,#fbfcfa);color:var(--g-ink,#302d32);overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
.rk-dialog::-webkit-scrollbar{width:0;height:0}
.rk-dialog::backdrop{background:rgba(32,28,33,.72)}
.rk-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:flex-end;padding:10px 12px;background:var(--g-white,#fbfcfa)}
.rk-dialog-close{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:var(--g-orchid,#e9e0ec);color:var(--g-plum,#54234f);cursor:pointer}
.rk-dialog-close:hover{background:#ddd0e2}
.rk-dialog-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.rk-story{padding:6px 44px 44px}
.rk-story-head{max-width:34ch}
.rk-story h2{font-size:clamp(27px,3vw,38px);line-height:1.18;font-weight:500;letter-spacing:-.03em;margin:0 0 14px}
.rk-lead{font-size:17px;line-height:1.6;color:var(--g-muted,#625b65);margin:0}

.rk-timeline{list-style:none;margin:30px 0 0;padding:0}
.rk-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:24px 40px;align-items:center;padding:26px 0;border-top:1px solid var(--g-line,#d6cdd9)}
.rk-step:nth-child(even) figure{order:-1}
.rk-when{display:inline-block;margin-bottom:10px;padding:4px 11px;border-radius:99px;background:var(--g-orchid,#e9e0ec);color:var(--g-plum,#54234f);font-size:13px;font-weight:600;letter-spacing:.01em}
.rk-step h3{font-size:21px;line-height:1.3;font-weight:600;margin:0 0 8px}
.rk-step p{font-size:16px;line-height:1.6;margin:0}
.rk-step figure{margin:0;min-width:0}
.rk-step figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.rk-step figcaption{margin-top:8px;font-size:13px;line-height:1.45;color:var(--g-muted,#625b65)}
.rk-quote{margin:0 0 12px;padding:0 0 0 16px;border-left:3px solid #ad88bb;font-size:17px;line-height:1.5;color:var(--g-plum,#54234f);font-weight:500}
.rk-quote cite{display:block;margin-top:6px;font-size:13px;font-style:normal;font-weight:400;color:var(--g-muted,#625b65)}
.rk-step-video .v2-video-frame{width:100%;max-width:260px;margin-inline:auto;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#201c21}
.rk-step-video video{display:block;width:100%;height:100%;object-fit:cover}
.rk-result{margin-top:30px;padding:26px 28px;border-radius:10px;background:#f2edf4}
.rk-result p{font-size:17px;line-height:1.6;margin:0}
.rk-result .g-button{margin-top:20px}

@media(max-width:800px){
  .rk{grid-template-columns:1fr;gap:24px;padding-block:52px}
  .rk-compare{order:-1}
  .rk-copy>p:not(.v2-eyebrow){font-size:16px;margin-bottom:18px}
  .rk-more{padding:12px 0}
  .rk-dialog{width:100%;max-width:100%;max-height:100dvh;height:100dvh;border-radius:0}
  .rk-story{padding:4px 18px 32px}
  .rk-lead{font-size:16px}
  .rk-timeline{margin-top:22px}
  .rk-step,.rk-step:nth-child(even){grid-template-columns:1fr;gap:16px;padding:22px 0}
  .rk-step:nth-child(even) figure{order:0}
  .rk-step p{font-size:15px}
  .rk-step figure img{aspect-ratio:3/2}
  .rk-step-video .v2-video-frame{max-width:220px}
  .rk-result{padding:22px 18px}
  .rk-result p{font-size:16px}
}