.kame-cp{--charge: 1;display:block;position:relative;overflow:clip;color:var(--kame-paper);background:radial-gradient(50% 55% at 74% 40%,color-mix(in srgb,var(--kame-blue) 20%,transparent),transparent 70%),transparent}.kame-cp.is-charge{--charge: 0}.kame-cp__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.kame-cp__bg-img{width:100%;height:100%;object-fit:cover}.kame-cp--has-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,var(--kame-ink) 0%,transparent 25%,transparent 75%,var(--kame-ink) 100%)}.kame-cp__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:clamp(40px,6vw,112px);align-items:start}.kame-cp--media-left .kame-cp__copy{order:2}.kame-cp--media-left .kame-cp__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.kame-cp .kame-eyebrow{color:var(--kame-orange)}.kame-cp__copy{padding-bottom:clamp(160px,42vh,460px)}.kame-cp__heading{margin:14px 0 0;color:var(--kame-paper)}.kame-cp__lede{max-width:44ch;margin:18px 0 0;font-size:17px;line-height:1.6;color:color-mix(in srgb,var(--kame-paper) 72%,transparent)}.kame-cp__timeline{--progress: 1;position:relative;margin-top:clamp(40px,5vw,72px)}.kame-cp.is-charge .kame-cp__timeline{--progress: 0}.kame-cp__track,.kame-cp__fill{position:absolute;left:9px;top:10px;bottom:10px;width:2px;border-radius:2px}.kame-cp__track{background:color-mix(in srgb,var(--kame-paper) 14%,transparent)}.kame-cp__fill{background:linear-gradient(180deg,var(--kame-amber),var(--kame-orange));box-shadow:0 0 12px color-mix(in srgb,var(--kame-orange) 70%,transparent);transform:scaleY(var(--progress));transform-origin:top}.kame-cp__steps{display:grid;gap:clamp(36px,8vh,88px);margin:0;padding:0 0 0 44px;list-style:none}.kame-cp__step{position:relative}.kame-cp__step-num,.kame-cp__step-title{transition:color .42s var(--kame-ease-out)}.kame-cp.is-charge .kame-cp__step:not(.is-lit) .kame-cp__step-num{color:color-mix(in srgb,var(--kame-amber) 65%,transparent)}.kame-cp.is-charge .kame-cp__step:not(.is-lit) .kame-cp__step-title{color:color-mix(in srgb,var(--kame-paper) 62%,transparent)}.kame-cp__step:before{content:"";position:absolute;left:-42px;top:4px;width:16px;height:16px;border:2px solid var(--kame-amber);border-radius:50%;background:var(--kame-orange);box-shadow:0 0 16px color-mix(in srgb,var(--kame-orange) 80%,transparent);transition:border-color var(--kame-fast),background-color var(--kame-fast),box-shadow var(--kame-fast),scale .32s var(--kame-ease-out)}.kame-cp.is-charge .kame-cp__step:not(.is-lit):before{border-color:color-mix(in srgb,var(--kame-paper) 40%,transparent);background:var(--kame-ink);box-shadow:none;scale:.85}.kame-cp__step-num{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--kame-amber);font-variant-numeric:tabular-nums}.kame-cp__step-title{margin:6px 0;font-family:var(--kame-font-heading);font-size:clamp(22px,2vw,28px);font-weight:700;line-height:1.1;letter-spacing:-.025em;color:var(--kame-paper)}.kame-cp__step-body{max-width:42ch;margin:0;font-size:16px;line-height:1.6;color:color-mix(in srgb,var(--kame-paper) 72%,transparent)}.kame-cp__media{position:sticky;top:calc(var(--header-height, 80px) + 24px);display:grid;justify-items:center;gap:18px}.kame-cp__stage{position:relative;width:min(100%,620px,calc(100svh - 280px));aspect-ratio:1}.kame-cp__aura{width:110%;height:auto;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;opacity:calc(.15 + var(--charge) * .6)}.kame-cp__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.kame-cp__stage--cover .kame-cp__img{object-fit:cover;border-radius:var(--kame-radius-card)}.kame-cp__img--on{opacity:var(--charge)}.kame-cp__resin{position:absolute;width:46%;height:60%;left:27%;top:20%}.kame-cp__counter{display:flex;align-items:center;gap:14px;margin:0}.kame-cp__count{font-family:var(--kame-font-heading);font-size:clamp(48px,5vw,72px);font-weight:700;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;color:var(--kame-orange)}.kame-cp__count-meta{display:grid;gap:6px;justify-items:start}.kame-cp__count-total{font-size:14px;font-weight:600;color:color-mix(in srgb,var(--kame-paper) 62%,transparent);font-variant-numeric:tabular-nums}.kame-cp__pill{display:inline-block;white-space:nowrap;padding:5px 12px;border:1px solid color-mix(in srgb,var(--kame-paper) 40%,transparent);border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.kame-cp.is-full .kame-cp__aura{animation:kame-cp-burst .9s var(--kame-ease-out)}@keyframes kame-cp-burst{40%{scale:1.14;opacity:1}}.kame-cp__anim{transition:opacity .6s var(--kame-ease-out),transform .6s var(--kame-ease-out);transition-delay:calc(var(--kame-cp-step, 0) * .12s)}.kame-cp.is-armed:not(.is-inview) .kame-cp__anim{opacity:0;transform:translateY(16px);transition-duration:0s;transition-delay:0s}@media(max-width:749px){.kame-cp__grid,.kame-cp--media-left .kame-cp__grid{grid-template-columns:minmax(0,1fr)}.kame-cp__copy,.kame-cp--media-left .kame-cp__copy{order:2}.kame-cp__media{top:calc(var(--header-height, 64px) + 8px);z-index:3;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:16px;margin-bottom:8px;padding-block:8px;background:linear-gradient(var(--kame-ink) 82%,transparent)}.kame-cp__stage{width:min(42vw,200px)}.kame-cp__count{font-size:44px}.kame-cp__pill{display:none}.kame-cp__timeline{margin-top:32px}.kame-cp__copy{padding-bottom:30vh}.kame-cp__steps{gap:40px}}@media(prefers-reduced-motion:reduce){.kame-cp__anim,.kame-cp__step-num,.kame-cp__step-title,.kame-cp__step:before{transition:none}.kame-cp.is-full .kame-cp__aura{animation:none}}@supports not (translate: 0){.kame-cp__aura{transform:translate(-50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/kame-craft-panel.css.map */