.ck-how{padding-block:var(--ck-section);background:var(--ck-cream);color:var(--ck-ink)}.ck-how__layout{display:grid;gap:var(--ck-space-5)}@media screen and (min-width:990px){.ck-how__layout{grid-template-columns:.85fr 1.15fr;gap:var(--ck-space-7);align-items:start}.ck-how__intro{position:sticky;top:14rem}}.ck-how__intro{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ck-space-3)}.ck-how__eyebrow{color:var(--ck-pine)}.ck-how__heading{max-width:10em}.ck-how__heading em{color:var(--ck-pine)}.ck-how__subhead{color:var(--ck-muted);margin:0}.ck-how__list{position:relative}.ck-how__rail{position:absolute;top:1.6rem;bottom:1.6rem;left:1.9rem;width:1px;background:var(--ck-line-strong)}.ck-how__rail-fill{display:block;width:100%;height:100%;background:var(--ck-pine);transform-origin:top;transform:scaleY(1)}.ck-how.is-tracking .ck-how__rail-fill{transform:scaleY(0)}.ck-how__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ck-how__step{position:relative;display:grid;grid-template-columns:3.8rem 1fr;gap:var(--ck-space-3);padding-bottom:var(--ck-space-4)}.ck-how__step:last-child{padding-bottom:0}.ck-how__num{position:relative;z-index:1;width:3.8rem;height:3.8rem;display:grid;place-items:center;border-radius:50%;background:var(--ck-pine);color:var(--ck-cream);font-weight:600;font-size:1.25rem;font-variant-numeric:tabular-nums;transition:background-color .4s var(--ck-ease-ui),color .4s var(--ck-ease-ui),box-shadow .4s var(--ck-ease-ui),transform var(--ck-dur-med) var(--ck-ease-enter)}.ck-how__card{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;padding-top:.6rem;transition:opacity var(--ck-dur-med) var(--ck-ease-ui),transform var(--ck-dur-med) var(--ck-ease-enter)}.ck-how__title{margin:0}.ck-how__body{margin:0;color:var(--ck-ink)}.ck-how__detail{margin:0;color:var(--ck-muted);max-width:48rem}.ck-how__links{margin:.4rem 0 0;display:flex;flex-wrap:wrap;gap:.8rem var(--ck-space-3)}.ck-how.is-tracking .ck-how__step:not(.is-reached) .ck-how__num{background:var(--ck-cream);color:var(--ck-pine);box-shadow:inset 0 0 0 1px var(--ck-line-strong)}.ck-how.is-tracking .ck-how__step:not(.is-reached) .ck-how__card{opacity:.4;transform:translateY(.8rem)}.ck-how.is-tracking .ck-how__step.is-reached .ck-how__num{transform:scale(1.06)}.ck-how--steps .ck-how__step-big{display:none}@media screen and (min-width:990px){.ck-how--steps .ck-how__layout{grid-template-columns:1fr;gap:var(--ck-space-6)}.ck-how--steps .ck-how__intro{position:static;display:grid;grid-template-columns:1.3fr 1fr;align-items:end;column-gap:var(--ck-space-6)}.ck-how--steps .ck-how__intro>.ck-how__eyebrow,.ck-how--steps .ck-how__intro>.ck-how__heading{grid-column:1}.ck-how--steps .ck-how__intro>.ck-how__subhead,.ck-how--steps .ck-how__intro>.ck-btn{grid-column:2;justify-self:start}.ck-how--steps .ck-how__intro>.ck-how__subhead{grid-row:2;align-self:end}.ck-how--steps .ck-how__intro>.ck-btn{grid-row:3}.ck-how--steps .ck-how__intro>.ck-how__heading{grid-row:2 / span 2}.ck-how--steps .ck-how__rail{top:1.9rem;bottom:auto;left:0;right:0;width:auto;height:1px}.ck-how--steps .ck-how__rail-fill{transform-origin:left;transform:scaleX(1)}.ck-how--steps.is-tracking .ck-how__rail-fill{transform:scaleX(0)}.ck-how--steps .ck-how__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ck-space-4)}.ck-how--steps .ck-how__step{grid-template-columns:1fr;gap:var(--ck-space-3);padding-bottom:0;align-content:start}.ck-how--steps .ck-how__step-big{display:block;font-family:var(--ck-serif);font-size:clamp(7.2rem,8vw,12rem);line-height:.8;letter-spacing:-.03em;color:var(--ck-pine);opacity:.16;margin-top:var(--ck-space-2);transition:opacity var(--ck-dur-med) var(--ck-ease-ui)}.ck-how--steps.is-tracking .ck-how__step.is-reached .ck-how__step-big{opacity:1}.ck-how--steps .ck-how__card{padding-top:0}.ck-how--steps .ck-how__num{width:1.2rem;height:1.2rem;margin-top:1.3rem;font-size:0}}@media(prefers-reduced-motion:reduce){.ck-how__num,.ck-how__card,.ck-how__step-big{transition:none}}.ck-how--compact{padding-block:var(--ck-space-7);background:var(--ck-cream)}.ck-how--compact .ck-how__layout{grid-template-columns:1fr!important;gap:var(--ck-space-5)}.ck-how--compact .ck-how__intro{position:static!important;display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:var(--ck-space-2)}.ck-how--compact .ck-how__intro>.ck-btn,.ck-how--compact .ck-how__subhead:empty{display:none}.ck-how--compact .ck-how__heading{max-width:16ch}.ck-how--compact .ck-how__detail,.ck-how--compact .ck-how__links,.ck-how--compact .ck-how__step-big{display:none!important}.ck-how--compact .ck-how__steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ck-space-3)!important}.ck-how--compact .ck-how__step{grid-template-columns:1fr!important;gap:1.6rem!important;padding-bottom:0!important;justify-items:center;text-align:center}.ck-how--compact .ck-how__num{width:4.4rem!important;height:4.4rem!important;margin:0!important;font-size:1.3rem!important}.ck-how--compact .ck-how__card{align-items:center;padding:0;gap:.6rem}.ck-how--compact .ck-how__title{font-size:1.7rem}.ck-how--compact .ck-how__body{font-size:1.4rem;color:var(--ck-muted);max-width:24ch}.ck-how--compact .ck-how__rail{top:2.2rem!important;left:12.5%!important;right:12.5%!important;bottom:auto!important;width:auto!important;height:1px!important}@media screen and (max-width:989px){.ck-how--compact .ck-how__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--ck-space-4)!important}.ck-how--compact .ck-how__rail{display:none}}.ck-how__rail{width:.4rem;left:1.7rem;background:radial-gradient(circle,var(--ck-pine) 1.5px,transparent 2px) 50% 0 / .4rem 1.1rem repeat-y;opacity:1}.ck-how__rail-fill{width:2px;margin-left:1px;background:var(--ck-pine)}.ck-how__num{border-radius:var(--ck-radius);background:var(--ck-yellow);color:var(--ck-ink);box-shadow:inset 0 0 0 2px var(--ck-ink);font-family:var(--ck-sign);font-weight:800;font-size:2rem;transform:rotate(-4deg)}.ck-how__step:nth-child(2n) .ck-how__num{transform:rotate(3deg)}.ck-how.is-tracking .ck-how__step:not(.is-reached) .ck-how__num{background:var(--ck-cream);color:var(--ck-ink);box-shadow:inset 0 0 0 2px var(--ck-line-strong)}.ck-how.is-tracking .ck-how__step.is-reached .ck-how__num{transform:rotate(-4deg) scale(1.08)}.ck-how__title{font-family:var(--ck-sign);font-weight:800;font-size:clamp(2.4rem,2vw,2.8rem);line-height:1;text-transform:uppercase;letter-spacing:.01em}.ck-how__note{--tilt: -2deg}@media screen and (min-width:990px){.ck-how--steps .ck-how__rail{height:.4rem;top:1.7rem;background:radial-gradient(circle,var(--ck-pine) 1.5px,transparent 2px) 0 50% / 1.1rem .4rem repeat-x}.ck-how--steps .ck-how__rail-fill{width:100%;height:2px;margin:1px 0 0}.ck-how--steps .ck-how__num{width:3.8rem;height:3.8rem;margin-top:0;font-size:2rem}.ck-how--steps .ck-how__step-big{display:none}}.ck-how--compact .ck-how__intro{align-items:flex-start!important;text-align:left!important}.ck-how--compact .ck-how__heading{max-width:none}.ck-how--compact .ck-how__num{width:5.6rem!important;height:5.6rem!important;font-size:3rem!important}.ck-how--compact .ck-how__step{justify-items:start!important;text-align:left!important}.ck-how--compact .ck-how__card{align-items:flex-start}.ck-how--compact .ck-how__title{font-size:2.6rem}.ck-how--compact .ck-how__rail{top:2.6rem!important;left:0!important;right:0!important;height:.4rem!important;background:radial-gradient(circle,var(--ck-pine) 1.5px,transparent 2px) 0 50% / 1.1rem .4rem repeat-x}.ck-how--compact .ck-how__rail-fill{height:2px!important;width:100%!important;margin:1px 0 0!important}
/*# sourceMappingURL=/cdn/shop/t/6/assets/charkadam-how.css.map */