.kame-cp{--cp-p: 0;--cp-color: 0;--cp-base: 0;--cp-resin: 0;--cp-light: 0;position:relative;display:block}.kame-cp.is-scrubbing{height:calc(100svh + var(--kame-cp-n) * 60svh);padding-block:0}.kame-cp__pin{position:relative}.kame-cp.is-scrubbing .kame-cp__pin{position:sticky;top:0;display:flex;align-items:center;height:100svh;overflow:hidden;padding-top:calc(var(--header-height, 72px) * .6)}.kame-cp__bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;pointer-events:none}.kame-cp__bg-img{width:100%;height:100%;object-fit:cover}.kame-cp__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(32px,6vw,96px)}.kame-cp:not(.kame-cp--media-left) .kame-cp__media{order:2}.kame-cp__stage{position:relative;aspect-ratio:1;max-height:72svh;margin-inline:auto;width:100%}.kame-cp__grid-lines{position:absolute;top:4%;right:4%;bottom:4%;left:4%;background-image:linear-gradient(color-mix(in srgb,var(--kame-brass) 22%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--kame-brass) 22%,transparent) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent);opacity:calc((1 - var(--cp-color)) * .7);pointer-events:none}.kame-cp__halo{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(46% 46% at 50% 55%,color-mix(in srgb,var(--kame-amber) 34%,transparent),color-mix(in srgb,var(--kame-orange) 10%,transparent) 55%,transparent 75%);opacity:var(--cp-light);scale:calc(.7 + var(--cp-light) * .3);pointer-events:none}.kame-cp__piece{position:absolute;top:6%;right:6%;bottom:12%;left:6%}.kame-cp__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}.kame-cp__stage--cover .kame-cp__img{object-fit:cover}.kame-cp__img--off,.kame-cp:not(.kame-cp--has-off) .kame-cp__img--on{opacity:calc(.4 + var(--cp-color) * .6);filter:grayscale(calc(1 - var(--cp-color))) brightness(calc(.5 + var(--cp-color) * .35 + var(--cp-resin) * .15)) contrast(calc(1.3 - var(--cp-color) * .3 + var(--cp-resin) * .08))}.kame-cp--has-off .kame-cp__img--on{opacity:var(--cp-light);filter:drop-shadow(0 0 32px color-mix(in srgb,var(--kame-amber) 35%,transparent))}.kame-cp:not(.kame-cp--has-off) .kame-cp__img--on{filter:grayscale(calc(1 - var(--cp-color))) brightness(calc(.5 + var(--cp-color) * .3 + var(--cp-light) * .3)) contrast(calc(1.3 - var(--cp-color) * .3))}.kame-cp__resin{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--kame-c-light) 30%,transparent),color-mix(in srgb,var(--kame-amber) 12%,transparent) 30%,color-mix(in srgb,var(--kame-c-light) 6%,transparent));mix-blend-mode:screen;clip-path:inset(calc((1 - var(--cp-resin)) * 100%) 0 0 0);-webkit-mask:var(--cp-mask, linear-gradient(#000, #000)) center bottom / contain no-repeat;mask:var(--cp-mask, linear-gradient(#000, #000)) center bottom / contain no-repeat;opacity:calc(1 - var(--cp-light));pointer-events:none}.kame-cp__stage--cover .kame-cp__resin{-webkit-mask-size:cover;mask-size:cover}.kame-cp__meniscus{position:absolute;left:4%;right:4%;top:calc((1 - var(--cp-resin)) * 100%);height:3px;border-radius:50%;background:linear-gradient(90deg,transparent,var(--kame-c-light) 20%,var(--kame-amber) 50%,var(--kame-c-light) 80%,transparent);box-shadow:0 0 16px 2px color-mix(in srgb,var(--kame-amber) 55%,transparent);opacity:min(1,calc(var(--cp-resin) * 12),calc((1 - var(--cp-resin)) * 12))}.kame-cp__ledge{position:absolute;left:10%;right:10%;bottom:11%;height:2px;background:linear-gradient(90deg,transparent,var(--kame-brass) 15%,var(--kame-brass) 85%,transparent);transform-origin:center;scale:var(--cp-base) 1;opacity:calc(.3 + var(--cp-base) * .7)}.kame-cp__pool{position:absolute;left:18%;right:18%;bottom:7%;height:9%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--kame-amber) 55%,transparent),transparent);filter:blur(6px);opacity:var(--cp-light);pointer-events:none}.kame-cp__copy{display:grid;align-content:center;gap:18px}.kame-cp__heading{margin:0}.kame-cp__lede{margin:0;color:var(--kame-c-muted);font-size:15px}.kame-cp__steps{display:grid;margin:18px 0 0;padding:0;list-style:none}.kame-cp__step{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:clamp(16px,2vw,28px)}.kame-cp__step-big{font-family:var(--kame-font-heading);font-size:clamp(72px,9vw,132px);font-weight:900;line-height:.8;color:var(--kame-orange);font-variant-numeric:tabular-nums;min-width:1.05em}.kame-cp__step-copy{display:grid;gap:6px;padding-top:4px}.kame-cp__step-num{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--kame-brass)}.kame-cp__step-title{margin:0;font-family:var(--kame-font-heading);font-size:clamp(30px,3.2vw,44px);font-weight:800;line-height:.95;text-transform:uppercase;color:var(--kame-c-light)}.kame-cp__step-body{margin:0;max-width:36ch;font-size:16px;line-height:1.55;color:var(--kame-c-muted)}.kame-cp.is-scrubbing .kame-cp__step{grid-area:1 / 1;opacity:0;translate:0 18px;filter:blur(4px);visibility:hidden;transition:opacity .26s var(--kame-ease-out),translate .42s var(--kame-ease-out),filter .26s var(--kame-ease-out),visibility 0s linear .26s}.kame-cp.is-scrubbing .kame-cp__step.is-past{translate:0 -18px}.kame-cp.is-scrubbing .kame-cp__step.is-current{opacity:1;translate:0;filter:none;visibility:visible;transition:opacity .42s var(--kame-ease-out) .12s,translate var(--kame-dur-settle) var(--kame-ease-settle) .12s,filter .42s var(--kame-ease-out) .12s,visibility 0s}.kame-cp.is-scrubbing .kame-cp__step.is-current .kame-cp__step-big{animation:kame-cp-stamp var(--kame-dur-stamp) var(--kame-ease-stamp) .12s backwards}@keyframes kame-cp-stamp{0%{scale:1.3;opacity:0}}.kame-cp__rail{position:relative;display:flex;justify-content:space-between;margin-top:28px;padding-top:14px}.kame-cp__rail:before,.kame-cp__rail-fill{content:"";position:absolute;left:0;right:0;top:18px;height:1px;background:color-mix(in srgb,var(--kame-brass) 28%,transparent)}.kame-cp__rail-fill{background:var(--kame-orange);transform-origin:left center;scale:var(--cp-p) 1}.kame-cp__dot{position:relative;display:grid;justify-items:center;gap:10px;width:9px}.kame-cp__dot:before{content:"";width:9px;height:9px;border:1px solid color-mix(in srgb,var(--kame-brass) 55%,transparent);background:var(--kame-c-ink);rotate:45deg;transition:background-color .3s var(--kame-ease-out),border-color .3s var(--kame-ease-out)}.kame-cp__dot.is-lit:before{background:var(--kame-orange);border-color:var(--kame-orange)}.kame-cp__dot-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,var(--kame-c-light) 40%,transparent);transition:color .3s var(--kame-ease-out)}.kame-cp__dot.is-lit .kame-cp__dot-label{color:var(--kame-c-light)}.kame-cp__dot:first-of-type .kame-cp__dot-label{justify-self:start}.kame-cp__dot:last-child .kame-cp__dot-label{justify-self:end}.kame-cp.is-static{--cp-color: 1;--cp-base: 1;--cp-resin: 1;--cp-light: 1;--cp-p: 1}.kame-cp.is-static .kame-cp__steps{gap:28px}.kame-cp.is-static .kame-cp__step-big{font-size:48px}.kame-cp.is-static .kame-cp__rail{display:none}@media(max-width:749px){.kame-cp.is-scrubbing .kame-cp__pin{align-items:flex-start;padding-top:calc(var(--header-height, 64px) + 8px)}.kame-cp__grid{grid-template-columns:1fr;gap:12px}.kame-cp:not(.kame-cp--media-left) .kame-cp__media{order:0}.kame-cp__stage{max-height:38svh;width:auto}.kame-cp__heading{font-size:30px}.kame-cp__lede{display:none}.kame-cp__steps{margin-top:4px}.kame-cp__step-big{font-size:64px}.kame-cp__step-title{font-size:28px}.kame-cp__step-body{font-size:14px}.kame-cp__rail{margin-top:16px}.kame-cp__dot-label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/kame-craft-panel.css.map */