@view-transition{navigation:auto}::view-transition-old(root){animation:zvtOut .35s cubic-bezier(.4,0,1,1) both}::view-transition-new(root){animation:zvtIn .5s cubic-bezier(.2,.8,.2,1) both}@keyframes zvtOut{to{opacity:0;transform:scale(.985)}}@keyframes zvtIn{0%{opacity:0;transform:translateY(18px)}}.z-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--forest);display:grid;place-items:center;pointer-events:none;animation:ziOut .7s 1.15s cubic-bezier(.7,0,.2,1) forwards}html.intro-seen .z-intro,html:not(.js) .z-intro{display:none}.z-intro__paw{display:flex;flex-direction:column;align-items:center;gap:14px}.z-intro__paw svg{width:92px;height:92px;fill:var(--cta);overflow:visible}.zi-t,.zi-pad{transform-box:fill-box;transform-origin:center;opacity:0;animation:ziStamp .35s cubic-bezier(.34,1.56,.64,1) forwards}.zi-pad{animation-delay:.1s}.zi-1{animation-delay:.25s}.zi-2{animation-delay:.33s}.zi-3{animation-delay:.41s}.zi-4{animation-delay:.49s}.z-intro__name{color:#fff;font-family:Bricolage Grotesque,Figtree,system-ui,sans-serif;font-weight:800;font-size:2rem;letter-spacing:-.02em;opacity:0;animation:ziName .5s .55s ease-out forwards}@keyframes ziStamp{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:none}}@keyframes ziName{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ziOut{to{clip-path:inset(0 0 100% 0)}}.z-intro{clip-path:inset(0 0 0 0)}.scene h1 .w{display:inline-block;transform-origin:50% 100%;animation:zWord .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.25s + var(--wi) * .08s)}.scene h1.is-split{animation:none;perspective:600px}@keyframes zWord{0%{opacity:0;transform:rotateX(-90deg) translateY(20px)}to{opacity:1;transform:none}}.scene .layer{transition:transform .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.scene__3d{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:0;transition:opacity 1.2s ease}.scene__3d.is-ready{opacity:1}.scene__copy{z-index:3}.scene__art{z-index:2}.js .z-sec{opacity:0;transform:perspective(1400px) rotateX(9deg) translateY(60px) scale(.98);transform-origin:50% 0;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform 1.1s cubic-bezier(.2,.8,.2,1)}.js .z-sec.is-in{opacity:1;transform:none}.card{transform-style:preserve-3d}html.js body .reveal-ready.is-in .card[data-reveal-item],.card.no-reveal{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(calc(var(--ry,0deg) + var(--cf,0deg))) scale(var(--cfs,1)) translateZ(0);transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .55s cubic-bezier(.2,.8,.2,1),box-shadow .35s}html.js body .reveal-ready.is-in .card.is-tilting{transition:transform .08s linear,box-shadow .35s}.card.is-tilting{box-shadow:0 30px 50px -28px #1f4d3a8c;z-index:4}.card .art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.45),transparent 55%);opacity:0;transition:opacity .3s}.card.is-tilting .art:after{opacity:1}.rail.is-cf{perspective:1100px}.js .reveal-ready [data-reveal-item].card{transform:perspective(900px) rotateY(-28deg) translateY(30px);transform-origin:0 50%}.card.has-critter{overflow:visible}.rail.has-critters{padding-top:46px}.grid.has-critters{margin-top:46px}.critter{position:absolute;z-index:6;pointer-events:none;line-height:0}.critter svg{width:100%;height:100%;overflow:visible}.critter--cat{width:92px;height:50px;right:8px;top:-44px}.critter--bird{width:46px;height:46px;left:14px;top:-44px}.critter--dog{width:84px;height:56px;left:50%;top:-50px;margin-left:-42px}.c-tail{transform-origin:78px 40px;animation:zcTail 3s ease-in-out infinite alternate}@keyframes zcTail{0%{transform:rotate(-14deg)}to{transform:rotate(12deg)}}.c-body{transform-origin:52px 52px;animation:sBreathe 3.2s ease-in-out infinite}.c-open{opacity:0;transition:opacity .2s}.c-zzz text{animation:sZzz 3s ease-in-out infinite;opacity:0}.c-zzz text:nth-child(2){animation-delay:.8s}.c-head{transform-origin:22px 46px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.card:hover .c-open{opacity:1}.card:hover .c-closed,.card:hover .c-zzz{opacity:0}.card:hover .c-head{transform:translateY(-5px) rotate(-8deg)}.b-all{animation:zbHop 4.5s ease-in-out infinite}@keyframes zbHop{0%,40%,to{transform:none}45%{transform:translateY(-8px)}50%{transform:none}55%{transform:translateY(-8px)}60%{transform:none}}.b-body{transform-origin:27px 44px;animation:zbPeck 4.5s ease-in-out infinite}@keyframes zbPeck{0%,70%,to{transform:none}74%,82%{transform:rotate(22deg)}78%,86%{transform:rotate(4deg)}}.critter--bird .b-wing{transform-origin:26px 32px;animation:none}.card:hover .critter--bird{animation:zbAway 2.6s cubic-bezier(.4,0,.2,1) forwards}.card:hover .critter--bird .b-wing{animation:sFlap .12s ease-in-out infinite alternate}@keyframes zbAway{0%{transform:none}35%{transform:translate(120px,-120px) rotate(-10deg);opacity:1}36%{opacity:0}64%{opacity:0;transform:translate(-120px,-120px)}65%{opacity:1}to{transform:none}}.d-peek{animation:zdPeek 6s cubic-bezier(.34,1.3,.64,1) infinite}@keyframes zdPeek{0%,8%{transform:translateY(46px)}16%,70%{transform:none}80%,to{transform:translateY(46px)}}.card:hover .d-peek{animation-play-state:paused;transform:none}.d-ear-l{transform-origin:30px 18px;animation:zdEarL 1.4s ease-in-out infinite alternate}.d-ear-r{transform-origin:66px 18px;animation:zdEarR 1.4s ease-in-out infinite alternate}@keyframes zdEarL{to{transform:rotate(10deg)}}@keyframes zdEarR{to{transform:rotate(-10deg)}}.d-tongue{transform-origin:48px 47px;animation:zdTongue .5s ease-in-out infinite alternate}@keyframes zdTongue{to{transform:scaleY(1.25)}}.d-pupil{transition:transform .12s linear}.z-sky{position:fixed;left:0;top:0;width:100%;height:0;z-index:44;pointer-events:none}.z-sky__bird{position:absolute;top:0;left:0;width:46px;height:34px}.z-sky__bird svg{width:100%;height:100%;overflow:visible}.z-sky__bird .b-wing{transform-origin:3px -4px;animation:sFlap .2s ease-in-out infinite alternate}.z-paw-print{position:fixed;width:18px;height:18px;margin:-9px 0 0 -9px;pointer-events:none;z-index:9998;fill:var(--brand);opacity:0;animation:zPrint 1.4s ease-out forwards}@keyframes zPrint{0%{opacity:.32;transform:rotate(var(--r)) scale(.6)}20%{opacity:.32;transform:rotate(var(--r)) scale(1)}to{opacity:0;transform:rotate(var(--r)) scale(1)}}.coll-hero__txt{min-width:0}.coll-hero{display:grid;grid-template-columns:1fr minmax(200px,360px);align-items:center;gap:20px;min-height:200px}.coll-hero>svg.paw{display:none}.coll-hero .cs{width:100%;height:auto;display:block}.coll-hero h1 .w{display:inline-block;animation:zWord .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--wi) * .07s)}.coll-hero .count .n{display:inline-block;min-width:2ch}@media(max-width:700px){.coll-hero{grid-template-columns:1fr}.coll-hero .cs{max-width:300px;margin:0 auto -6px}}.cs-run{animation:zcsRun .3s ease-in-out infinite alternate}@keyframes zcsRun{to{transform:translateY(-6px) rotate(-2deg)}}.cs--chien .leg{transform-box:fill-box;transform-origin:50% 8%}.cs-la{animation:sLegA .3s ease-in-out infinite alternate}.cs-lb{animation:sLegA .3s ease-in-out infinite alternate-reverse}.cs-tail{transform-origin:-56px -66px;animation:sWag .2s ease-in-out infinite alternate}.cs-ear{transform-origin:52px -114px;animation:sEar .3s ease-in-out infinite alternate}.cs-ball{transform-box:fill-box;transform-origin:50% 100%;animation:zcsBall .6s cubic-bezier(.5,0,.5,1) infinite alternate}@keyframes zcsBall{0%{transform:translateY(0) scaleY(.85)}to{transform:translateY(-46px) rotate(180deg)}}.cs-lines path{animation:zcsLines .7s linear infinite}@keyframes zcsLines{0%{transform:translate(40px);opacity:0}30%{opacity:1}to{transform:translate(-80px);opacity:0}}.cs-yarn{animation:zcsYarn 3s ease-in-out infinite alternate}@keyframes zcsYarn{0%{transform:translate(0) rotate(0)}to{transform:translate(30px) rotate(0)}}.cs-yspin{animation:zcsSpin 3s ease-in-out infinite alternate}@keyframes zcsSpin{to{transform:rotate(220deg)}}.cs-paw{transform-box:fill-box;transform-origin:0 50%;animation:zcsBat 1.5s ease-in-out infinite}@keyframes zcsBat{0%,60%,to{transform:none}70%{transform:translate(14px,-10px) rotate(-30deg)}80%{transform:translate(20px,-2px)}}.cs-chead{transform-origin:0 -70px;animation:zcsLook 3s ease-in-out infinite alternate}@keyframes zcsLook{0%{transform:rotate(-4deg)}to{transform:rotate(8deg)}}.cs-pup{animation:zcsPup 3s ease-in-out infinite alternate}@keyframes zcsPup{to{transform:translate(2px)}}.cs-ctail{transform-origin:18px -6px;animation:sSwish 1.2s ease-in-out infinite alternate}.cs-thread{animation:zcsThread 3s ease-in-out infinite alternate}@keyframes zcsThread{to{transform:translate(30px)}}.cs-fish1{animation:zcsSwim1 9s ease-in-out infinite}.cs-fish2{animation:zcsSwim2 7s ease-in-out infinite}@keyframes zcsSwim1{0%{transform:translate(80px,80px)}45%{transform:translate(240px,70px)}50%{transform:translate(240px,72px)}95%{transform:translate(80px,86px)}to{transform:translate(80px,80px)}}@keyframes zcsSwim2{0%{transform:translate(230px,118px)}45%{transform:translate(90px,110px)}50%{transform:translate(90px,112px)}95%{transform:translate(230px,122px)}to{transform:translate(230px,118px)}}.cs-fish1 .cs-flip{animation:zcsFlip 9s steps(1) infinite}.cs-fish2 .cs-flip{animation:zcsFlipR 7s steps(1) infinite}@keyframes zcsFlip{0%{transform:scaleX(1)}47%{transform:scaleX(-1)}97%{transform:scaleX(1)}}@keyframes zcsFlipR{0%{transform:scaleX(-1)}47%{transform:scaleX(1)}97%{transform:scaleX(-1)}}.cs-bubbles circle{animation:zcsBub 3s ease-in infinite}.cs-bubbles circle:nth-child(2){animation-delay:.8s}.cs-bubbles circle:nth-child(3){animation-delay:1.6s}.cs-bubbles circle:nth-child(4){animation-delay:2.2s}@keyframes zcsBub{0%{transform:translateY(0);opacity:.9}to{transform:translateY(-100px);opacity:0}}.cs-weed path{transform-box:fill-box;transform-origin:50% 100%;animation:sSway 2.4s ease-in-out infinite alternate}.cs-weed path:nth-child(2){animation-delay:-1.2s}.cs-hop{animation:zcsHop 2.4s ease-in-out infinite}@keyframes zcsHop{0%,30%,to{transform:none}38%{transform:translate(14px,-16px)}46%{transform:translate(28px)}60%{transform:translate(28px)}70%{transform:translate(14px,-16px)}78%{transform:none}}.cs-peck{transform-box:fill-box;transform-origin:50% 100%;animation:zbPeck 2.4s ease-in-out infinite}.cs--oiseau .b-wing{transform-box:fill-box;transform-origin:50% 100%;animation:sFlap .2s ease-in-out infinite alternate}.cs-hop .b-wing{animation:none}.cs-orbit-r{animation:zcsOrbit 6s linear infinite}@keyframes zcsOrbit{to{transform:rotate(360deg)}}.cs-wheel{animation:zcsWheel 1.6s linear infinite}@keyframes zcsWheel{to{transform:rotate(-360deg)}}.cs-ham{animation:zcsHam .25s ease-in-out infinite alternate}@keyframes zcsHam{to{transform:translateY(-3px)}}.cs-hf1{animation:zcsFoot .25s ease-in-out infinite alternate}.cs-hf2{animation:zcsFoot .25s ease-in-out infinite alternate-reverse}@keyframes zcsFoot{0%{transform:translate(-4px)}to{transform:translate(4px)}}.cs-sun{transform-box:fill-box;transform-origin:center;animation:zcsSun 8s linear infinite}@keyframes zcsSun{to{transform:rotate(360deg)}}.cs-ltail{transform-origin:-36px 4px;animation:sSwish 2s ease-in-out infinite alternate}.cs-tongue{opacity:0;animation:zcsTongue 2.6s ease-in-out infinite}@keyframes zcsTongue{0%,70%,to{opacity:0;transform:none}75%,85%{opacity:1;transform:translate(4px)}}.cs-lhead{transform-origin:30px -6px;animation:zcsLHead 2.6s ease-in-out infinite}@keyframes zcsLHead{0%,60%,to{transform:none}70%{transform:rotate(-8deg)}}.cs-horse{animation:zcsHorse 2.4s ease-in-out infinite}@keyframes zcsHorse{0%,to{transform:none}50%{transform:translateY(4px) rotate(2deg)}}.cs-hhead{transform-origin:10px -40px;animation:zcsNod 2.4s ease-in-out infinite}@keyframes zcsNod{0%,to{transform:none}50%{transform:rotate(6deg)}}.cs-hear{transform-origin:16px -58px;animation:zcsHEar 3s ease-in-out infinite}@keyframes zcsHEar{0%,80%,to{transform:none}85%{transform:rotate(-20deg)}90%{transform:rotate(6deg)}}.cs-mane{transform-origin:2px -42px;animation:sSwish 2.2s ease-in-out infinite alternate}.cs-chew,.cs-hay{animation:zcsChew .5s ease-in-out infinite alternate}@keyframes zcsChew{to{transform:translateY(2px)}}.cs-step{opacity:0;animation:zcsStep 3.6s ease-in-out infinite;animation-delay:calc(var(--i) * .45s)}@keyframes zcsStep{0%{opacity:0}10%,50%{opacity:.85}80%,to{opacity:0}}.subcats{position:relative}.subcats__glow{position:absolute;top:2px;left:0;height:0;border-radius:999px;background:var(--tint);z-index:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1),opacity .2s;opacity:0}.subcats li{position:relative;z-index:1}.subcats a{background:transparent}.subcats li{animation:zChip .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--ci,0) * 40ms + .2s)}@keyframes zChip{0%{opacity:0;transform:translateY(12px) scale(.9)}}.btn-cta,.scene__ghost,.z-checkout{transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .2s,background-color .2s;transform:translate(var(--mx,0),var(--my,0))}.main-img{overflow:hidden;cursor:zoom-in}.main-img img{transition:transform .25s ease-out;transform-origin:var(--zx,50%) var(--zy,50%)}.main-img.is-zoom img{transform:scale(1.9)}.z-fly{position:fixed;z-index:10000;pointer-events:none;border-radius:14px;object-fit:cover;box-shadow:0 20px 40px -10px #00000073}.fstrip{position:relative;height:64px;margin-top:40px;overflow:hidden}.fstrip__grass{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:40px}.fstrip__runner{position:absolute;bottom:18px;left:0;display:flex;align-items:flex-end;gap:40px;animation:zRunAcross 9s linear infinite;animation-play-state:paused}.fstrip.is-on .fstrip__runner{animation-play-state:running}@keyframes zRunAcross{0%{transform:translate(-160px)}to{transform:translate(calc(100vw + 40px))}}.fstrip__dog{width:62px;height:42px;overflow:visible;order:1}.fstrip__fly{width:24px;height:20px;margin-bottom:26px;order:2;animation:zFlyBob .5s ease-in-out infinite alternate}@keyframes zFlyBob{to{transform:translateY(-10px)}}.fly-w{transform-origin:15px 9px;animation:zFlyW .12s ease-in-out infinite alternate}@keyframes zFlyW{to{transform:scaleX(.4)}}.fstrip .tl{transform-box:fill-box;transform-origin:50% 0}.fstrip .tl-a{animation:sLegA .18s ease-in-out infinite alternate}.fstrip .tl-b{animation:sLegA .18s ease-in-out infinite alternate-reverse}.fstrip .tt{transform-box:fill-box;transform-origin:100% 100%;animation:sWag .2s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.z-intro,.z-sky,.z-paw-print,.critter--bird{display:none}.js .z-sec{opacity:1;transform:none}.cs *{animation:none!important}}@media(hover:none){.z-paw-print{display:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/zooco-cine.css.map */