.ckey{background:#fff}.ckey__strip{background:#f6f6f6;padding:14px 20px}.ckey__strip-inner{max-width:var(--page-width);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:.8125rem;line-height:1.4}.ckey__strip-soft{color:#8a8a8a;font-weight:500}.ckey__strip-strong{color:#121212;font-weight:700}.ckey__inner{max-width:var(--page-width);margin:0 auto;padding:52px 20px 64px}.ckey__heading{margin:0 0 34px;font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#121212}.ckey__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px 56px;align-items:center}.ckey__media{aspect-ratio:4 / 5;border-radius:14px;overflow:hidden;background:#f6f0f2}.ckey__image{display:block;width:100%;height:100%;object-fit:cover}.ckey__copy{margin-top:22px;text-align:center;font-size:.9375rem;line-height:1.6;color:#121212b8}.ckey__copy p{margin:0 0 12px}.ckey__copy p:last-child{margin-bottom:0}.ckey__copy strong{font-weight:700;color:#121212}.ckey__stats{margin:0;padding:0;list-style:none}.ckey__stat{display:flex;align-items:center;gap:18px;padding:22px 0;border-top:1px solid rgba(18,18,18,.1)}.ckey__stat:last-child{border-bottom:1px solid rgba(18,18,18,.1)}.ckey__ring{position:relative;flex:0 0 auto;width:58px;height:58px;display:flex;align-items:center;justify-content:center}.ckey__ring svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.ckey__ring circle{fill:none;stroke-width:4;stroke-linecap:round}.ckey__ring-track{stroke:#ecdfe4}.ckey__ring-fill{stroke:var(--color-pink, #cb6387);stroke-dasharray:var(--ckey-circ) var(--ckey-circ);stroke-dashoffset:var(--ckey-dash);transition:stroke-dashoffset 1.1s cubic-bezier(.22,1,.36,1)}.ckey__ring.is-empty .ckey__ring-fill{stroke-dashoffset:var(--ckey-circ)}.ckey__ring-value{position:relative;font-size:.8125rem;font-weight:700;color:#121212}.ckey__stat-text{margin:0;font-size:.9375rem;line-height:1.45;color:#121212}.ckey__footnote{margin:26px 0 0;font-size:.75rem;line-height:1.5;color:#1212128c}@media(prefers-reduced-motion:reduce){.ckey__ring-fill{transition:none}}@media screen and (max-width:900px){.ckey__inner{padding:40px 20px 48px}.ckey__grid{grid-template-columns:minmax(0,1fr);gap:32px}.ckey__heading{margin-bottom:26px;text-align:center}.ckey__stat{gap:14px;padding:18px 0}.ckey__ring{width:52px;height:52px}.ckey__stat-text{font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collagen-key.css.map */