hero-banner{--hero-bar-h: 6.4rem;position:relative;display:block;overflow:hidden;background:rgb(var(--color-background))}hero-banner:not([data-hero-bar]){--hero-bar-h: 0rem}.hero__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hero__track::-webkit-scrollbar{display:none}.hero__slide{position:relative;flex:0 0 100%;min-height:68vh;display:flex;align-items:center;scroll-snap-align:start;scroll-snap-stop:always}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__media img,.hero__media svg{display:block;width:100%;height:100%;object-fit:cover}.hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:var(--hero-scrim, 1);background:linear-gradient(to top,#304b3d8c,#304b3d00 30%),linear-gradient(90deg,#304b3dc7,#304b3d8c 30%,#304b3d33 55%,#304b3d00 75%)}.hero__content{position:relative;z-index:2;width:100%;padding-top:var(--hero-pt, 5.6rem);padding-bottom:calc(var(--hero-pb, 5.6rem) + var(--hero-bar-h) + 1.6rem)}.hero__copy{max-width:64rem}.hero__badge{margin:0 0 var(--lp-space-s);font-size:var(--lp-text-s);font-weight:600;color:#fff}.hero__heading{margin:0 0 var(--lp-space-s);font-size:clamp(2.8rem,1.4rem + 3.2vw,4.8rem);line-height:1.08;letter-spacing:-.025em;text-wrap:balance;color:#fff}.hero__subtitle{margin:0 0 var(--lp-space-m);max-width:46ch;font-size:var(--lp-text-l);line-height:1.5;color:#ffffffeb}.hero__cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem}.hero__cta,.hero__cta-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--lp-button-h);padding:0 var(--lp-space-m);border-radius:var(--buttons-radius, 4rem);font-size:var(--lp-text-m);font-weight:700;text-decoration:none;white-space:nowrap;transition:transform .16s var(--lp-ease),background-color .2s ease,box-shadow .24s var(--lp-ease)}.hero__cta{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.hero__cta-secondary{color:#fff;border:1.5px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero__cta:active,.hero__cta-secondary:active{transform:scale(.97)}@media(hover:hover){.hero__cta:hover{box-shadow:var(--lp-shadow-m)}.hero__cta-secondary:hover{background:#ffffff24}}.hero__pet{margin-top:var(--lp-space-m);max-width:44rem}.hero__pet-caption{margin:0 0 .8rem;font-size:var(--lp-text-s);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9}.hero__pet-form,.hero__pet-saved{display:flex;align-items:center;gap:.8rem;min-height:var(--lp-button-h);padding:.6rem .6rem .6rem var(--lp-space-s);border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff24;-webkit-backdrop-filter:blur(20px) saturate(160%);backdrop-filter:blur(20px) saturate(160%)}.hero__pet-form:focus-within{border-color:#fff;background:#fff3;box-shadow:0 0 0 .2rem #ffffff73}.hero__pet-input{flex:1 1 auto;min-width:0;min-height:var(--lp-tap-min);border:0;background:transparent;color:#fff;font:inherit;font-size:var(--lp-text-m);outline:none}.hero__pet-input:focus,.hero__pet-input:focus-visible{outline:none;box-shadow:none}.hero__pet-input::placeholder{color:#ffffffb8}.hero__pet-submit{flex:none;min-height:var(--lp-tap-min);padding:0 var(--lp-space-m);border:0;border-radius:999px;background:#fff;color:rgb(var(--color-foreground));font:inherit;font-size:var(--lp-text-m);font-weight:700;cursor:pointer;transition:transform .16s var(--lp-ease)}.hero__pet-submit:active{transform:scale(.96)}.hero__pet-saved[hidden],.hero__pet-form[hidden]{display:none}.hero__pet-link{flex:1 1 auto;min-width:0;padding-left:.4rem;color:#fff;font-size:var(--lp-text-l);font-weight:600;text-decoration:none}.hero__pet-link:after{content:" \2192"}.hero__pet-edit{flex:none;min-height:var(--lp-tap-min);padding:0 var(--lp-space-s);border:0;background:transparent;color:#ffffffd9;font:inherit;font-size:var(--lp-text-s);text-decoration:underline;cursor:pointer}.hero__pet-submit:focus-visible,.hero__pet-edit:focus-visible,.hero__pet-link:focus-visible,.hero__cta:focus-visible,.hero__cta-secondary:focus-visible,.hero__arrow:focus-visible,.hero__dot:focus-visible{outline:.2rem solid #fff;outline-offset:.2rem;box-shadow:none}.hero__bar{position:absolute;z-index:4;left:0;right:0;bottom:0;min-height:var(--hero-bar-h);display:flex;align-items:center;background:#243a2f80;border-top:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}.hero__bar-list{display:flex;justify-content:center;gap:var(--lp-space-l);width:100%;margin:0 auto;padding:0;list-style:none}.hero__bar-item{display:flex;align-items:center;gap:.8rem;margin:0;font-size:var(--lp-text-s);font-weight:600;color:#fff}.hero__bar-item svg{flex:none;width:2rem;height:2rem}.hero__nav{position:absolute;z-index:5;right:var(--lp-space-s);bottom:calc(var(--hero-bar-h) + var(--lp-space-s));display:flex;align-items:center;gap:.8rem}.hero__arrow{display:grid;place-items:center;width:var(--lp-tap-min);height:var(--lp-tap-min);padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:#ffffff29;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .16s var(--lp-ease),background-color .2s ease}.hero__arrow:active{transform:scale(.94)}@media(hover:hover){.hero__arrow:hover{background:#ffffff47}}.hero__dots{display:flex;align-items:center;padding:0 .4rem;border-radius:999px;background:#ffffff29;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero__dot{display:grid;place-items:center;width:3.2rem;height:var(--lp-tap-min);padding:0;border:0;background:transparent;cursor:pointer}.hero__dot:before{content:"";width:.8rem;height:.8rem;border-radius:999px;background:#fff9;transition:width .3s var(--lp-ease),background-color .2s ease}.hero__dot[aria-current=true]:before{width:2.4rem;background:#fff}@media(prefers-reduced-motion:no-preference){.hero__slide:first-child :is(.hero__badge,.hero__heading,.hero__subtitle,.hero__cta-row,.hero__pet){animation:hero-rise .8s var(--lp-ease) both}.hero__slide:first-child .hero__heading{animation-delay:60ms}.hero__slide:first-child .hero__subtitle{animation-delay:.14s}.hero__slide:first-child .hero__cta-row{animation-delay:.22s}.hero__slide:first-child .hero__pet{animation-delay:.3s}.hero__bar{animation:hero-rise .9s var(--lp-ease) .38s both}}@keyframes hero-rise{0%{opacity:0;transform:translateY(1.6rem)}}@media(prefers-reduced-transparency:reduce){.hero__bar{background:#243a2f;-webkit-backdrop-filter:none;backdrop-filter:none}.hero__pet-form,.hero__pet-saved,.hero__arrow,.hero__dots{background:#243a2fd9;-webkit-backdrop-filter:none;backdrop-filter:none}}@media screen and (max-width:749px){hero-banner{--hero-bar-h: 7.6rem}.hero__slide{min-height:max(72svh,60rem);align-items:flex-start}.hero__scrim{background:linear-gradient(to top,#304b3d8c,#304b3d00 28%),linear-gradient(to bottom,#304b3db3,#304b3d59 45%,#304b3d00 75%)}.hero__content{padding-top:var(--lp-space-m)}.hero__cta{flex:1 1 auto}.hero__cta-secondary{display:none}.hero__pet{max-width:none}.hero__arrow{display:none}.hero__nav{right:50%;transform:translate(50%)}.hero__bar-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--lp-space-xs);padding-inline:var(--lp-space-s)}.hero__bar-item{flex-direction:column;justify-content:flex-start;gap:.4rem;font-size:1.1rem;line-height:1.3;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-hero-banner.css.map */