.cat-hero{background:var(--cat-bg);color:var(--cat-text);overflow-x:clip;padding:clamp(40px,6vw,88px) 0 clamp(48px,7vw,104px)}.cat-hero__inner{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(24px,5vw,72px)}.cat-hero__eyebrow{margin:0 0 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.cat-hero__heading{margin:0 0 20px;font-family:var(--font-heading-family);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:inherit;font-size:clamp(36px,4.2vw,66px);text-wrap:balance}.cat-hero__text{max-width:46ch;line-height:1.6;opacity:.85;margin-bottom:32px}.cat-hero__text p{margin:0}.cat-hero__button{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;background:var(--cat-accent);color:#fff;font-weight:600;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}.cat-hero__button:hover{background:color-mix(in srgb,var(--cat-accent),#000 14%);transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--cat-accent)}.cat-hero__stage{--cat-w: min(400px, 34vw);position:relative;width:calc(var(--cat-w) * 1.6);max-width:100%;margin-inline:auto;padding-top:var(--ledge);isolation:isolate}.cat-hero__box{position:relative;z-index:1;height:calc(var(--cat-w) * .62);border-radius:10px 10px 22px 22px;background:linear-gradient(to bottom,rgb(255 255 255 / .38) 0 14px,rgb(0 0 0 / .08) 14px 16px,transparent 16px),linear-gradient(to bottom,color-mix(in srgb,var(--cat-box),#fff 12%),color-mix(in srgb,var(--cat-box),#000 14%)),var(--cat-box);box-shadow:0 40px 50px -28px #00000059,0 2px #ffffff80 inset}.cat-hero__box:before{content:"";position:absolute;inset:0 18% auto;height:18px;background:radial-gradient(50% 100% at 50% 0,rgb(0 0 0 / .22),transparent)}@media(max-width:749px){.cat-hero__inner{grid-template-columns:1fr}.cat-hero__stage{--cat-w: min(300px, 62vw);order:-1;width:min(100%,calc(var(--cat-w) * 1.4))}.cat-hero__heading{font-size:clamp(32px,9vw,44px)}}.cat-hero__stage{--jump-w: calc(var(--cat-w) * 1.3);--ledge: calc(var(--jump-w) * 1250 / 1200 * .832);--px: 0px;--py: 0px}.cat-hero__jump{display:block;position:absolute;top:0;left:50%;z-index:2;width:var(--jump-w);transform:translate(calc(-50% + var(--px)),calc(var(--py) * .35));transform-origin:50% 83%;pointer-events:none;filter:drop-shadow(0 18px 14px rgb(0 0 0 / .22))}.cat-hero__jump img{display:block;width:100%;height:auto}.cat-hero__box{transform:translate(calc(var(--px) * .45),calc(var(--py) * .35))}.cat-hero__glow{display:block;position:absolute;z-index:0;left:50%;top:4%;width:calc(var(--jump-w) * .95);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--cat-box),#fff 55%),transparent);opacity:.55;transform:translate(calc(-50% - var(--px) * .8),calc(var(--py) * -.8))}.cat-hero__goodies{display:block;position:absolute;top:0;left:calc(50% - var(--jump-w) / 2);width:var(--jump-w);aspect-ratio:1200 / 1250;pointer-events:none}.cat-hero__goodie{--s: 1;--k: .9;position:absolute;left:calc((50 + (var(--x) - 50) * var(--spread, 1)) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * var(--s) * 1%);margin-left:calc(var(--w) * var(--s) * -.5%);translate:calc(var(--px) * var(--k)) calc(var(--py) * var(--k));transform:translateY(-50%)}.cat-hero__goodie{pointer-events:auto;-webkit-tap-highlight-color:transparent}.cat-hero__goodie picture{transition:scale .3s cubic-bezier(.2,.8,.3,1),filter .3s ease}.cat-hero__ghost{transition:opacity .3s ease}@media(hover:hover){.cat-hero__goodie:hover picture{scale:1.08;filter:brightness(1.04) saturate(1) blur(0) drop-shadow(0 10px 8px rgb(0 0 0 / .2))}.cat-hero__goodie:hover .cat-hero__goodie-float{animation-play-state:paused}.cat-hero__goodie:hover .cat-hero__ghost{opacity:0}}.cat-hero__goodie:active picture{scale:.9}.cat-hero__goodie:focus-visible{outline:2px solid var(--cat-accent);outline-offset:4px;border-radius:8px}.cat-hero__goodie--back{z-index:1}.cat-hero__goodie--front{z-index:3}.cat-hero__goodie--far{--s: .72;--k: .35;--look: brightness(.76) saturate(.7) blur(1.4px) drop-shadow(0 0 0 transparent)}.cat-hero__goodie--mid{--look: brightness(.92) saturate(.9) blur(.3px) drop-shadow(0 0 0 transparent)}.cat-hero__goodie--near{--s: 1.2;--k: 1.6;--look: brightness(1.04) saturate(1) blur(0) drop-shadow(0 10px 8px rgb(0 0 0 / .2))}.cat-hero__goodie-float{position:relative;display:block;animation:cat-hero-float calc(2.6s + var(--i) * .35s) ease-in-out calc(1s + var(--i) * -.4s) infinite alternate}.cat-hero__goodie picture{position:relative;display:block;rotate:var(--r);filter:var(--look)}.cat-hero__goodie img{display:block;width:100%;height:auto}.cat-hero__ghost{position:absolute;top:0;right:0;bottom:0;left:0;background:center / contain no-repeat;rotate:var(--r);translate:calc(var(--dx) * -22%) calc(var(--dy) * -22%);opacity:.22;filter:var(--look) blur(3px)}.cat-hero__ghost--far{translate:calc(var(--dx) * -46%) calc(var(--dy) * -46%);opacity:.1;filter:var(--look) blur(6px)}@keyframes cat-hero-float{0%{transform:translateY(-4%) rotate(-4deg)}to{transform:translateY(5%) rotate(5deg)}}html.js .cat-hero__goodie{opacity:0}.cat-hero__stage.is-bursting .cat-hero__goodie{animation:cat-hero-burst 1s cubic-bezier(.12,.9,.25,1) calc(var(--i) * 45ms) both}@keyframes cat-hero-burst{0%{opacity:0;filter:blur(7px);transform:translate(calc((45 - 50 - (var(--x) - 50) * var(--spread, 1)) * var(--jump-w) / 100),calc((48 - var(--y)) * var(--jump-w) * 1.04 / 100)) translateY(-50%) rotate(-40deg) scale(.15)}25%{opacity:1;filter:blur(4px)}to{opacity:1;filter:blur(0);transform:translateY(-50%)}}.cat-hero__jump.is-popping{animation:cat-hero-pop .7s cubic-bezier(.2,1.6,.35,1)}@keyframes cat-hero-pop{0%{scale:.86}55%{scale:1.04}to{scale:1}}@media(min-width:750px){.cat-hero__stage{--spread: .8;--jump-w: min(calc(var(--cat-w) * 1.3), calc((100svh - 330px)*.75) );width:min(calc(var(--cat-w) * 1.6),calc(var(--jump-w) * 1.3))}.cat-hero__box{height:calc(var(--jump-w) * .32)}}@media(max-width:749px){.cat-hero__stage{--jump-w: min(72vw, 360px)}.cat-hero{padding-top:52px}.cat-hero__box{height:calc(var(--cat-w) * .34)}}@media(prefers-reduced-motion:reduce){.cat-hero__jump.is-popping,.cat-hero__goodie-float{animation:none}html.js .cat-hero__goodie{opacity:1}}.depth{background:var(--depth-bg);color:var(--depth-text);overflow-x:clip;padding:clamp(48px,8vw,112px) 0}.depth__inner{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(24px,5vw,72px)}.depth--reverse .depth__content{order:2}.depth--feature .depth__inner{grid-template-columns:1.15fr 1fr}.depth--feature.depth--reverse .depth__inner{grid-template-columns:1fr 1.15fr}.depth__eyebrow{margin:0 0 12px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.depth__heading{margin:0 0 20px;font-family:var(--font-heading-family);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:inherit;font-size:clamp(30px,3.6vw,48px)}.depth--hero .depth__inner{grid-template-columns:1fr 1.3fr}.depth--hero .depth__heading{font-size:clamp(40px,5vw,66px)}.depth__text{max-width:46ch;line-height:1.6;opacity:.85;margin-bottom:32px}.depth__text p{margin:0}.depth__button{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;border:2px solid var(--depth-accent);color:var(--depth-accent);font-weight:600;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.depth--hero .depth__button{background:var(--depth-accent);color:#fff}.depth__button:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px var(--depth-accent);background:var(--depth-accent);color:#fff}.depth__media{position:relative;display:grid;place-items:center;isolation:isolate}.depth__blob{position:absolute;top:4%;right:6%;bottom:10%;left:14%;z-index:-1;background:var(--depth-blob);border-radius:62% 38% 46% 54%/48% 58% 42% 52%;box-shadow:inset 0 -30px 60px -30px #0000002e}.depth--reverse .depth__blob{top:4%;right:14%;bottom:10%;left:6%;border-radius:42% 58% 54% 46%/58% 44% 56% 42%}.depth--hero .depth__blob{top:-18%;right:-30%;bottom:4%;left:10%}.depth__animal{width:100%;height:auto;transform:translateY(6%);filter:drop-shadow(0 28px 22px rgb(0 0 0 / .22)) drop-shadow(0 8px 6px rgb(0 0 0 / .14))}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.depth__animal{animation:depth-pop linear both;animation-timeline:view();animation-range:entry 0% cover 55%}.depth__blob{animation:depth-blob linear both;animation-timeline:view();animation-range:entry 0% cover 55%}}}@keyframes depth-pop{0%{transform:translateY(22%) scale(.9)}to{transform:translateY(6%) scale(1.04)}}@keyframes depth-blob{0%{transform:translateY(8%) scale(.94) rotate(-6deg)}to{transform:translateY(0) scale(1) rotate(0)}}@media(max-width:749px){.depth__inner,.depth--hero .depth__inner,.depth--feature .depth__inner,.depth--feature.depth--reverse .depth__inner{grid-template-columns:1fr}.depth__media{order:-1;max-width:520px;margin:0 auto 8px}.depth--reverse .depth__content{order:0}.depth--hero .depth__blob{top:-6%;right:-12%;bottom:6%;left:4%}}
/*# sourceMappingURL=/cdn/shop/t/15/compiled_assets/styles.css.map */