.hps-hero{position:relative;background:var(--hps-bg, #F3DDC4);overflow:hidden;padding:clamp(64px,9vw,120px) 0;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif}.hps-hero__dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(30,20,15,.12) 1.4px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:linear-gradient(120deg,black 0%,black 55%,transparent 85%);mask-image:linear-gradient(120deg,black 0%,black 55%,transparent 85%);pointer-events:none}.hps-hero__inner{position:relative;max-width:80vw;margin:0 auto;padding:0 clamp(24px,5vw,64px);display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,6vw,80px);align-items:center}.hps-hero__content{max-width:560px}.hps-hero__eyebrow,.hps-hero__heading,.hps-hero__body,.hps-hero__button{opacity:0;animation:hps-rise .7s cubic-bezier(.22,1,.36,1) forwards}.hps-hero__eyebrow{animation-delay:.05s}.hps-hero__heading{animation-delay:.15s}.hps-hero__body{animation-delay:.3s}.hps-hero__button{animation-delay:.42s}@keyframes hps-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hps-hero__eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--hps-accent, #E8749A)}.hps-hero__eyebrow-dash{display:inline-block;width:22px;height:2px;background:var(--hps-accent, #E8749A);border-radius:2px}.hps-hero__heading{margin:0 0 24px;font-family:Fredoka,Poppins,sans-serif;font-weight:700;font-size:clamp(38px,5.2vw,58px);line-height:1.08;letter-spacing:-.01em;color:var(--hps-ink, #241C18)}.hps-hero__heading em,.hps-hero__heading strong{font-style:normal;font-weight:700;color:var(--hps-accent, #E8749A)}.hps-hero__body{margin:0 0 34px;font-size:17px;line-height:1.65;color:#241c189e;max-width:460px}.hps-hero__body p{margin:0}.hps-hero__button{display:inline-flex;align-items:center;gap:10px;background:var(--hps-btn-bg, var(--hps-ink, #241C18));color:var(--hps-btn-text, #fff);text-decoration:none;font-weight:600;font-size:15px;padding:16px 28px;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,background-color .25s ease;box-shadow:0 8px 20px #241c182e}.hps-hero__button:hover{background:var(--hps-btn-hover-bg, var(--hps-accent, #E8749A));transform:translateY(-2px);box-shadow:0 12px 26px #241c183d}.hps-hero__button:focus-visible{outline:2px solid var(--hps-accent, #E8749A);outline-offset:3px}.hps-hero__button-arrow{font-size:14px;transform:translateY(1px)}.hps-hero__visual{position:relative;width:100%;aspect-ratio:1 / .82;max-width:520px;justify-self:center}.hps-card{position:absolute;border-radius:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 30px 60px #241c182e;opacity:0;animation:hps-card-in .8s cubic-bezier(.22,1,.36,1) forwards,hps-float 5s ease-in-out infinite;transition:transform .35s ease,box-shadow .35s ease}.hps-hero__visual:hover .hps-card{animation-play-state:paused}@keyframes hps-card-in{0%{opacity:0;transform:translateY(24px) scale(.94) rotate(var(--hps-rot, 0deg))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--hps-rot, 0deg))}}@keyframes hps-float{0%,to{transform:translateY(0) rotate(var(--hps-rot, 0deg))}50%{transform:translateY(-10px) rotate(var(--hps-rot, 0deg))}}.hps-card--back{top:30%;right:2%;width:62%;height:58%;background:var(--hps-card-yellow, #D9C67A);--hps-rot: 8deg;z-index:1;animation-delay:.1s,.9s;animation-duration:.8s,6s}.hps-card--back .hps-card__dot{position:absolute;top:14%;left:12%;width:15%;aspect-ratio:1;border-radius:50%;background:#ffffff38}.hps-card--front{top:0;left:0;width:68%;height:66%;background:var(--hps-card-pink, #E8749A);--hps-rot: -6deg;z-index:2;border:2px dashed rgba(255,255,255,.55);animation-delay:.22s,1.02s;animation-duration:.8s,5.2s}.hps-card--front img{width:100%;height:100%;object-fit:cover;border-radius:26px}.hps-hero__visual:hover .hps-card--front{transform:translateY(-6px) scale(1.02) rotate(var(--hps-rot, 0deg))}.hps-hero__visual:hover .hps-card--back{transform:translateY(-3px) rotate(var(--hps-rot, 0deg))}.hps-paw{width:34%;height:34%;color:#ffffff8c;animation:hps-paw-pulse 2.6s ease-in-out infinite}@keyframes hps-paw-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}@media(max-width:900px){.hps-hero__inner{grid-template-columns:1fr;text-align:left;max-width:100vw}.hps-hero__content{max-width:100%}.hps-hero__visual{order:-1;max-width:380px;margin:0 auto 12px}}@media(max-width:1440px){.hps-hero__inner{max-width:100vw!important}}@media(max-width:480px){.hps-hero__heading{font-size:34px}.hps-hero__button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.hps-hero__button{transition:none}.hps-hero__eyebrow,.hps-hero__heading,.hps-hero__body,.hps-hero__button,.hps-card,.hps-paw{animation:none!important;opacity:1!important;transform:none!important}.hps-card--back{transform:rotate(8deg)!important}.hps-card--front{transform:rotate(-6deg)!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hero-pet-story.css.map */