.paw-hero{--paw-overlap: 0px;--paw-ease: cubic-bezier(.22, .61, .36, 1);position:relative;isolation:isolate}.paw-hero--tiles{--paw-overlap: 6rem}.paw-hero__band{position:relative;overflow:hidden}.paw-hero__slider{display:grid;position:relative}.paw-hero__slide{grid-area:1 / 1;display:grid;grid-template-columns:1fr;align-items:end;visibility:hidden;opacity:0;transition:opacity .7s var(--paw-ease),visibility 0s linear .7s}.paw-hero__slide.is-active{visibility:visible;opacity:1;transition:opacity .7s var(--paw-ease),visibility 0s}.paw-hero__content{position:relative;z-index:2;padding:4rem 0 2.4rem}.paw-hero__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(3.6rem,9vw,4.4rem);line-height:1.08;letter-spacing:-.01em;color:rgb(var(--color-foreground))}.paw-hero__text{margin:1.4rem 0 0;max-width:38rem;font-size:1.6rem;line-height:1.6;letter-spacing:.02em;color:rgba(var(--color-foreground),.82)}.paw-hero__button{display:inline-flex;align-items:center;justify-content:center;margin-top:2.4rem;min-height:4.4rem;padding:0 2.2rem;border-radius:1rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-size:1.5rem;font-weight:700;letter-spacing:.02em;text-decoration:none;box-shadow:0 .6rem 1.6rem -.6rem rgba(var(--color-button),.7);transition:transform .25s var(--paw-ease),box-shadow .25s var(--paw-ease),filter .25s}.paw-hero__button:hover{transform:translateY(-2px);box-shadow:0 1rem 2.2rem -.8rem rgba(var(--color-button),.75);filter:brightness(1.06)}.paw-hero__button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}.paw-hero__media{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:0}.paw-hero__image{display:block;width:auto;max-width:100%;height:auto;max-height:34rem;object-fit:contain;object-position:bottom center;-webkit-mask-image:linear-gradient(to bottom,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}.paw-hero__slide .paw-hero__content>*,.paw-hero__slide .paw-hero__image{opacity:0;transform:translateY(1.6rem);transition:opacity .7s var(--paw-ease),transform .8s var(--paw-ease)}.paw-hero__slide .paw-hero__image{transform:translateY(2.4rem) scale(.98);transform-origin:bottom center}.paw-hero__slide.is-active .paw-hero__content>*,.paw-hero__slide.is-active .paw-hero__image{opacity:1;transform:none}.paw-hero__slide.is-active .paw-hero__content>:nth-child(2){transition-delay:.08s}.paw-hero__slide.is-active .paw-hero__content>:nth-child(3){transition-delay:.16s}.paw-hero__slide.is-active .paw-hero__image{transition-delay:.1s}.paw-hero__controls{position:absolute;z-index:3;right:1.5rem;bottom:calc(var(--paw-overlap) + 1.2rem);display:flex;gap:.8rem}.paw-hero__arrow{display:grid;place-items:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 0 0 3px #fff9,0 .4rem 1.2rem rgba(var(--color-shadow),.12);cursor:pointer;transition:transform .2s var(--paw-ease),background-color .2s,color .2s}.paw-hero__arrow:hover{transform:scale(1.08);background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.paw-hero__arrow .svg-wrapper{display:flex;width:1rem;height:1rem;transform:rotate(90deg)}.paw-hero__arrow--next .svg-wrapper{transform:rotate(-90deg)}.paw-hero__arrow svg{width:100%;height:100%}.paw-hero__tiles{position:relative;z-index:2;display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:1.2rem;margin:calc(-1 * var(--paw-overlap)) auto 0;padding-bottom:1.6rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;scrollbar-width:none}.paw-hero__tiles::-webkit-scrollbar{display:none}.paw-hero__tile-item{scroll-snap-align:start}.paw-hero__tile{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:1.2rem;background:var(--tile-bg);text-decoration:none;box-shadow:0 .2rem .6rem #2f3d450a;transition:transform .35s var(--paw-ease),box-shadow .35s var(--paw-ease)}.paw-hero__tile-image{position:absolute;top:8%;right:6%;bottom:0;left:6%;width:88%;height:92%;object-fit:contain;object-position:bottom center;transform-origin:bottom center;transition:transform .5s var(--paw-ease)}.paw-hero__tile-label{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;padding:.6rem .8rem;border-radius:.6rem;background:#fffffff0;color:#2f3d45;font-family:var(--font-heading-family);font-size:1.5rem;line-height:1.3;letter-spacing:.03em;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background-color .3s,color .3s}.paw-hero__tile:hover,.paw-hero__tile:focus-visible{transform:translateY(-.6rem);box-shadow:0 1.6rem 3rem -1.4rem #2f3d4559}.paw-hero__tile:hover .paw-hero__tile-image,.paw-hero__tile:focus-visible .paw-hero__tile-image{transform:scale(1.06)}.paw-hero__tile:hover .paw-hero__tile-label,.paw-hero__tile:focus-visible .paw-hero__tile-label{background:#fff}.paw-hero__tile:focus-visible{outline:2px solid #2f3d45;outline-offset:3px}@media screen and (min-width:750px){.paw-hero--tiles{--paw-overlap: 9rem}.paw-hero__slide{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:42rem}.paw-hero__content{align-self:center;padding:2rem 0 calc(var(--paw-overlap) + 2rem)}.paw-hero__heading{font-size:clamp(4.4rem,5.6vw,7.2rem)}.paw-hero__text{font-size:1.7rem}.paw-hero__media{justify-content:flex-end;height:100%;margin-right:calc(-1*min(6vw,8rem))}.paw-hero__image{width:100%;max-height:56rem}.paw-hero__controls{right:5rem}.paw-hero__tiles{grid-auto-columns:1fr;gap:1.6rem;overflow:visible;padding-bottom:0}.paw-hero__tile-label{left:1.4rem;right:1.4rem;bottom:1.2rem;font-size:1.8rem}}@media screen and (min-width:990px){.paw-hero--tiles{--paw-overlap: 13rem}.paw-hero__slide{min-height:50rem}.paw-hero__slide{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}.paw-hero__media{margin-bottom:2rem}.paw-hero__image{max-height:56rem}.paw-hero__tiles{gap:2rem}.paw-hero__tile-label{font-size:2rem}}@media(prefers-reduced-motion:reduce){.paw-hero__slide,.paw-hero__slide .paw-hero__content>*,.paw-hero__slide .paw-hero__image,.paw-hero__tile,.paw-hero__tile-image{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/paw-hero.css.map */