.ch{--spring: cubic-bezier(.34, 1.56, .64, 1);--snap: cubic-bezier(.2, .9, .1, 1);--sx: 0%;--sy: 0%;--sr: 0deg;--mx: 0;--my: 0;position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:100svh;box-sizing:border-box;padding:calc(72px + clamp(1rem,2.5vw,2rem)) clamp(1.25rem,4vw,3.5rem) clamp(1.5rem,3.5vw,2.75rem);overflow:hidden;background:var(--ac-cream);color:var(--ac-ink)}.ch__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--ac-texture) center / cover;opacity:.16;mix-blend-mode:multiply;pointer-events:none}.ch__brand{position:relative;z-index:1}.ch__word{display:flex;flex-direction:column;margin:0;font-size:clamp(4.25rem,15.5vw,17rem);font-weight:800;font-stretch:88%;line-height:.8;letter-spacing:-.065em}.ch__line{display:flex;align-items:flex-end;gap:.12em}.ch__line--2{align-self:flex-end}.ch__clip{display:inline-flex;overflow:hidden;padding:.02em .04em .06em 0;margin-right:-.04em}.ch__char{display:inline-block;transform-origin:50% 100%;animation:ch-rise .62s var(--spring) both;animation-delay:calc(.12s + var(--i) * 35ms)}.ch__char:hover{animation:ch-squish .5s var(--spring)}.ch__dot{align-self:flex-end;width:.16em;height:.16em;margin:0 0 .1em .06em;border-radius:50%;background:var(--tone);transition:background-color .25s linear;animation:ch-pop .55s var(--spring) both;animation-delay:calc(.2s + var(--i) * 35ms)}.ch__mark{display:inline-block;width:.36em;height:.36em;margin-bottom:.12em;animation:ch-spin-in .8s var(--spring) .1s both}.ch__mark img{display:block;width:100%;height:100%;object-fit:contain}.ch__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none}.ch__bursts{position:absolute;top:0;right:0;bottom:0;left:0}.ch__burst{position:absolute;display:block;transform:translate(var(--bx, 0),var(--by, 0)) translate(calc(var(--mx) * var(--depth, -10px)),calc(var(--my) * var(--depth, -10px)));transition:transform .6s var(--spring),background-color .25s linear,border-color .25s linear}.ch__burst:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;animation:ch-pop .7s var(--spring) both;animation-delay:var(--pd, .2s)}.ch__burst--blob{left:50%;top:52%;width:clamp(15rem,31vw,29rem);aspect-ratio:1;margin:calc(clamp(15rem,31vw,29rem)/-2) 0 0 calc(clamp(15rem,31vw,29rem)/-2);--pd: .28s;--depth: -14px}.ch__burst--blob:before{background:var(--tone);border-radius:58% 42% 55% 45%/46% 58% 42% 54%;transition:background-color .25s linear;animation:ch-pop .7s var(--spring) .28s both,ch-morph 7s ease-in-out 1.2s infinite}.ch__burst--dot{left:67%;top:22%;width:clamp(3rem,6vw,5.5rem);aspect-ratio:1;--pd: .4s;--depth: 22px}.ch__burst--dot:before{background:var(--ac-pink);border-radius:50%}.ch__burst--arch{left:27%;top:64%;width:clamp(4.5rem,9vw,8.5rem);aspect-ratio:2 / 1;--pd: .48s;--depth: 16px}.ch__burst--arch:before{background:var(--ac-lemon);border-radius:999px 999px 0 0}.ch__burst--pill{left:70%;top:70%;width:clamp(5rem,10vw,9rem);height:clamp(1.6rem,3vw,2.7rem);--pd: .54s;--depth: -20px}.ch__burst--pill:before{background:var(--ac-mint);border-radius:999px;rotate:-24deg}.ch__burst--ring{left:31%;top:20%;width:clamp(3.5rem,7vw,6.5rem);aspect-ratio:1;--pd: .6s;--depth: 12px}.ch__burst--ring:before{border:2px solid var(--ac-cobalt);border-radius:50%}.ch__float{position:relative;width:clamp(14rem,30vw,27rem);aspect-ratio:4 / 5;transform:translate(var(--sx),var(--sy)) rotate(var(--sr)) translate(calc(var(--mx) * 16px),calc(var(--my) * 12px));transition:transform .55s var(--spring)}.ch__piece{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.ch__piece:focus-visible{outline:3px solid var(--ac-cobalt);outline-offset:6px;border-radius:24px}.ch__squish{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 88%;animation:ch-drop .9s var(--spring) .42s both}.ch__breathe{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 90%;animation:ch-breathe 3.4s ease-in-out 1.4s infinite}.ch__img{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden}.ch__img[data-active]{visibility:visible}.ch__img img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 26px color-mix(in srgb,var(--ac-ink) 24%,transparent))}.ch__piece:hover .ch__breathe{animation-duration:1.2s}.ch__splat{position:absolute;left:50%;top:55%;width:125%;translate:-50% -50%;scale:0;fill:var(--tone);pointer-events:none}.ch__stage.is-out .ch__squish{animation:ch-squash-out .2s cubic-bezier(.55,0,.9,.4) both}.ch__stage.is-in .ch__squish{animation:ch-pop-in .52s var(--spring) both}.ch__stage.is-out .ch__splat{animation:ch-splat .55s var(--snap) both}.ch__caption{position:absolute;left:50%;top:calc(50% + clamp(9.5rem,20vw,17.5rem));translate:-50% 0;margin:0;overflow:hidden;font-family:var(--ac-mono);font-size:.74rem;letter-spacing:.04em;white-space:nowrap;animation:ch-rise-soft .5s var(--snap) 1.05s both}.ch__caption-inner{display:inline-block}.ch__caption-inner.is-swap{animation:ch-rise .4s var(--spring) both}.ch__caption-name{margin-left:.6em;font-family:var(--ac-display);font-size:.9rem;font-weight:600;letter-spacing:-.01em}.ch__foot{position:relative;z-index:3;grid-row:3;display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.ch__headline{display:flex;flex-direction:column;margin:0;font-size:clamp(1.25rem,2.1vw,2rem);font-weight:600;line-height:1.08;letter-spacing:-.025em}.ch__rise{display:inline-block;animation:ch-rise .6s var(--spring) both;animation-delay:calc(.72s + var(--d) * .08s)}.ch__cta{position:relative;display:inline-flex;align-items:center;gap:.9rem;padding:0 0 .55rem;color:var(--ac-ink);text-decoration:none;font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.ch__cta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;transform-origin:left;animation:ch-draw .5s var(--snap) 1.02s both;transition:transform .4s var(--spring)}.ch__arrow{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:var(--ac-cobalt);color:#fff;animation:ch-pop .5s var(--spring) 1.1s both;transition:transform .45s var(--spring),background-color .2s,color .2s}.ch__cta:hover .ch__arrow{transform:rotate(-45deg) scale(1.12);background:var(--tone);color:var(--ac-ink)}.ch__cta:hover:after{transform:scaleX(.35)}.ch__cta:active .ch__arrow{transform:scale(.9)}.ch__cta:focus-visible{outline:3px solid var(--ac-cobalt);outline-offset:6px}@keyframes ch-rise{0%{transform:translateY(110%) rotate(6deg)}to{transform:none}}@keyframes ch-rise-soft{0%{transform:translateY(100%)}to{transform:none}}@keyframes ch-pop{0%{transform:scale(0) rotate(-40deg)}65%{transform:scale(1.14) rotate(4deg)}to{transform:none}}@keyframes ch-spin-in{0%{transform:scale(0) rotate(-220deg)}70%{transform:scale(1.15) rotate(12deg)}to{transform:none}}@keyframes ch-draw{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ch-squish{0%{transform:none}30%{transform:scale(1.12,.84)}60%{transform:scale(.94,1.08)}to{transform:none}}@keyframes ch-drop{0%{transform:translateY(-55%) scale(.35) rotate(-32deg)}48%{transform:translateY(0) scale(1.1,.86) rotate(4deg)}70%{transform:scale(.95,1.06) rotate(-2deg)}to{transform:none}}@keyframes ch-breathe{0%,to{transform:rotate(-2deg) scale(1)}50%{transform:rotate(2deg) scale(1.02,.985)}}@keyframes ch-squash-out{0%{transform:none}to{transform:translateY(8%) scale(1.32,.42) rotate(10deg)}}@keyframes ch-pop-in{0%{transform:translateY(6%) scale(.45,1.45) rotate(-14deg)}45%{transform:scale(1.14,.88) rotate(4deg)}72%{transform:scale(.96,1.05) rotate(-1deg)}to{transform:none}}@keyframes ch-splat{0%{scale:0;rotate:0deg}55%{scale:1.08;rotate:30deg}to{scale:0;rotate:60deg}}@keyframes ch-morph{0%,to{border-radius:58% 42% 55% 45%/46% 58% 42% 54%;rotate:0deg}33%{border-radius:44% 56% 40% 60%/58% 42%;rotate:8deg}66%{border-radius:52% 48% 62% 38%/40% 60% 46% 54%;rotate:-6deg}}@media(max-width:760px){.ch{grid-template-rows:auto minmax(20rem,1fr) auto;padding-top:calc(72px + 1.25rem)}.ch__word{font-size:clamp(3.6rem,21vw,7rem)}.ch__stage{position:relative;inset:auto;grid-row:2;min-height:22rem}.ch__float{width:min(64vw,18rem)}.ch__burst--blob{width:72vw;margin:-36vw 0 0 -36vw}.ch__caption{top:auto;bottom:0}.ch__foot{flex-direction:column;align-items:flex-start;gap:1.5rem}}@media(prefers-reduced-motion:reduce){.ch *,.ch *:before,.ch *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/clay-hero.css.map */