.ccl{background:var(--color-white);padding-block:96px}.ccl-head h2{text-align:left;margin:0}.ccl-lead{text-align:left;font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;color:var(--color-blue-950);margin:16px 0 0;font-size:16px;font-weight:400;line-height:1.6}.ccl-spine{--mark:14px;row-gap:48px;max-width:560px;margin:0;padding:0;list-style:none;display:grid;position:relative}.ccl-track,.ccl-fill{width:1px;left:0;top:var(--c1,0px);position:absolute;transform:translate(-.5px)}.ccl-track{height:calc(var(--cn,100%) - var(--c1,0px));background:var(--color-blue-200)}.ccl-fill{height:calc(var(--cn,100%) - var(--c1,0px));background:var(--color-blue-800)}.ccl-item{z-index:0;text-align:left;opacity:1;transition:opacity var(--motion-micro,.2s) ease;padding-left:96px;position:relative}.ccl-mark{margin-top:calc((1.6em - var(--mark)) / 2);width:var(--mark);height:var(--mark);border:1px solid var(--color-blue-800);background:var(--color-blue-800);transition:background-color var(--motion-micro,.2s) ease, border-color var(--motion-micro,.2s) ease;border-radius:50%;position:absolute;left:0;transform:translate(-50%)}.ccl-num{z-index:-1;text-align:left;font-family:var(--font-poppins), ui-sans-serif, system-ui, sans-serif;color:var(--color-blue-100);font-size:clamp(48px,3.8vw,64px);font-weight:600;line-height:1;position:absolute;top:50%;left:32px;transform:translateY(-50%)}.ccl-item p{font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;color:var(--color-blue-950);margin:0;font-size:16px;font-weight:400;line-height:1.6}.ccl-note{text-align:left;max-width:65ch;font-family:var(--font-inter), ui-sans-serif, system-ui, sans-serif;color:var(--color-blue-950);margin:48px 0 0;font-size:16px;font-weight:400;line-height:1.6}.ccl-cols{grid-template-columns:minmax(0,1fr) 40%;align-items:stretch;column-gap:64px;margin-top:48px;display:grid}.ccl-cols--full{grid-template-columns:minmax(0,1fr);column-gap:0}.ccl-cols--full .ccl-spine,.ccl--long .ccl-spine{max-width:none}.ccl-pic{align-items:stretch;min-width:0;display:flex}.ccl-pic>.rd-placeholder{flex:1}.ccl-pic-placeholder{background:var(--color-blue-50);border:1px dashed var(--color-blue-300);flex:1;justify-content:center;align-items:center;display:flex}.ccl-pic-mark{letter-spacing:.08em;text-transform:uppercase;color:var(--color-blue-400);font-size:12px;font-weight:600}@media screen and (min-width:1024px){.ccl[data-js=true] .ccl-fill{height:0}.ccl[data-js=true] .ccl-mark{border-color:var(--color-blue-200);background:var(--color-white)}.ccl[data-js=true] .ccl-mark[data-on=true]{border-color:var(--color-blue-800);background:var(--color-blue-800)}.ccl[data-js=true] .ccl-item{opacity:.35}.ccl[data-js=true] .ccl-item[data-on=true]{opacity:1}}@media screen and (max-width:1023px){.ccl{padding-block:80px}.ccl-cols{display:block}.ccl-pic{display:none}.ccl-spine{row-gap:32px}.ccl-track,.ccl-fill{left:calc(var(--mark) / 2);transform:none}.ccl-item{grid-template-columns:var(--mark) 1fr;padding-left:0;display:grid}.ccl-mark{margin-top:calc((clamp(48px, 3.8vw, 64px) - var(--mark)) / 2);grid-area:1/1;justify-self:start;position:static;transform:none}.ccl-num{z-index:auto;text-align:left;grid-area:1/2;justify-self:start;padding-left:16px;position:static;transform:none}.ccl-item p{grid-area:2/2;justify-self:start;margin-top:8px;padding-left:16px}}@media screen and (max-width:767px){.ccl{padding-block:64px}.ccl-spine{row-gap:24px}}@media (prefers-reduced-motion:reduce){.ccl-mark,.ccl-num,.ccl-item{transition:none}}
