.hps{--accent: var(--yellow);--h-d: 86vh;--h-m: 88vh;position:relative;overflow:hidden;background-color:var(--accent);transition:background-color .65s cubic-bezier(.4,0,.2,1);color:var(--dark-green)}.hps__inner{max-width:1240px;margin:0 auto;width:100%}.hps__toggle{display:inline-flex;position:relative;background:#fff;border-radius:999px;padding:5px;box-shadow:0 2px 14px #255a341a;gap:2px}.hps__toggle button{position:relative;z-index:2;border:none;background:transparent;cursor:pointer;font-family:inherit;font-weight:700;color:var(--dark-green);border-radius:999px;padding:11px 26px;font-size:15px;transition:color .3s}.hps__thumb{position:absolute;z-index:1;top:5px;bottom:5px;border-radius:999px;background:var(--accent);transition:left .42s cubic-bezier(.34,1.56,.64,1),width .42s cubic-bezier(.34,1.56,.64,1),background .4s}.hps__eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mid-green);margin-bottom:14px}.hps__heading{font-family:var(--font-heading,"Roca One",Georgia,serif);font-weight:600;line-height:1.03;letter-spacing:-.01em;font-size:clamp(34px,5vw,72px)}.hps__sub{font-size:clamp(15px,1.4vw,18px);line-height:1.5;color:#3a6b48;max-width:38ch;margin-top:16px}.hps__cta{display:inline-flex;align-items:center;gap:9px;margin-top:26px;background:var(--dark-green);color:var(--cream);font-weight:700;font-size:16px;padding:14px 28px;border-radius:999px;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.hps__cta:hover{transform:translateY(-2px)}.hps__cta svg{transition:transform .25s}.hps__cta:hover svg{transform:translate(4px)}.hps__visual{position:relative}.hps__media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.94);transition:opacity .5s ease,transform .55s cubic-bezier(.34,1.56,.64,1);pointer-events:none}.hps__media[data-active]{opacity:1;transform:scale(1);pointer-events:auto}.hps__media img{width:100%;height:100%;object-fit:cover;border-radius:28px}.hps__media .hps__glyph{width:56%}.hps__glyph svg{stroke:var(--dark-green);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;width:100%}.hps__heading,.hps__sub,.hps__cta{transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.hps.is-morphing .hps__heading,.hps.is-morphing .hps__sub,.hps.is-morphing .hps__cta{opacity:0;transform:translateY(12px)}@media(prefers-reduced-motion:reduce){.hps,.hps *{transition:none!important}}.hps[data-animate=false],.hps[data-animate=false] *{transition:none!important}@media(min-width:1025px){.hps{min-height:var(--h-d);display:flex;align-items:stretch;padding:0 32px}.hps--d-a .hps__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:stretch}.hps--d-a .hps__content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:64px 0}.hps--d-a .hps__toggle{margin-bottom:26px}.hps--d-a .hps__visual{align-self:stretch;min-height:0}.hps--d-a .hps__media{align-items:flex-end;justify-content:center}.hps--d-a .hps__media img,.hps--d-a .hps__media .hps__card{width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:contain;object-position:bottom center;border-radius:0}.hps--d-a .hps__media{transform:scale(1) translateY(14px)}.hps--d-a .hps__media[data-active]{transform:translateY(0)}.hps--d-a .hps__media .hps__glyph{width:300px;height:300px;background:var(--cream);border-radius:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 30px 60px -28px #255a3466}.hps--d-centered .hps__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.hps--d-centered .hps__sub{text-align:center}.hps--d-centered .hps__visual{width:360px;height:300px}}@media(min-width:750px)and (max-width:1024px){.hps{min-height:78vh;display:flex;align-items:center;padding:0 28px}.hps--t-t1 .hps__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.hps--t-t1 .hps__toggle{margin-bottom:18px}.hps--t-t1 .hps__heading{font-size:46px}.hps--t-t1 .hps__visual{min-height:360px}.hps--t-t1 .hps__media .hps__glyph{width:260px;height:260px;background:var(--cream);border-radius:26px;display:flex;align-items:center;justify-content:center;box-shadow:0 22px 44px -24px #255a3480}.hps--t-t1 .hps__media img{max-width:420px}.hps--t-t2 .hps__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.hps--t-t2 .hps__sub{text-align:center}.hps--t-t2 .hps__visual{width:300px;height:220px}.hps--t-t3{background:var(--cream);padding:26px}.hps--t-t3 .hps__inner{background:var(--accent);border-radius:26px;transition:background-color .65s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:60vh}.hps--t-t3 .hps__content{padding:40px;display:flex;flex-direction:column;justify-content:center}}@media(max-width:749px){.hps{min-height:var(--h-m);display:flex}.hps__heading{font-size:clamp(26px,8vw,34px)}.hps__cta{justify-content:center;width:100%}.hps--m-m1{flex-direction:column;padding:34px 20px 22px}.hps--m-m1 .hps__inner{display:flex;flex-direction:column;flex:1}.hps--m-m1 .hps__toggle{display:flex}.hps--m-m1 .hps__toggle button{flex:1}.hps--m-m1 .hps__heading{margin:18px 0 8px}.hps--m-m1 .hps__visual{flex:1;margin:14px 0;min-height:200px}.hps--m-m1 .hps__media .hps__glyph{width:140px}.hps--m-m2{flex-direction:column;padding:0;background:var(--cream);min-height:auto}.hps--m-m2 .hps__inner{display:flex;flex-direction:column}.hps--m-m2 .hps__visual{order:-1;height:38vh;min-height:240px;position:relative;background:var(--accent);transition:background-color .65s cubic-bezier(.4,0,.2,1)}.hps--m-m2 .hps__media{padding:0}.hps--m-m2 .hps__media .hps__glyph{width:42%}.hps--m-m2 .hps__media img{border-radius:0;object-fit:contain;object-position:center bottom;padding:14px 14px 0}.hps--m-m2 .hps__eyebrow{display:none}.hps--m-m2 .hps__toggle{display:flex;margin:-24px 20px 0;position:relative;z-index:5}.hps--m-m2 .hps__toggle button{flex:1}.hps--m-m2 .hps__content{padding:0 20px 28px;display:flex;flex-direction:column}.hps--m-m2 .hps__heading{margin:18px 0 10px}.hps--m-m2 .hps__sub{margin-bottom:4px}.hps--m-m2 .hps__cta{margin-top:18px}.hps--m-m3{flex-direction:column;padding:30px 20px 22px}.hps--m-m3 .hps__inner{display:flex;flex-direction:column;flex:1}.hps--m-m3 .hps__toggle{display:flex}.hps--m-m3 .hps__toggle button{flex:1}.hps--m-m3 .hps__heading{font-size:clamp(30px,9vw,40px);margin:18px 0 10px}.hps--m-m3 .hps__visual{width:120px;height:120px;align-self:flex-start;margin:8px 0 16px}.hps--m-m3 .hps__cta{margin-top:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hero-pet-selector.css.map */