.ph{position:relative;overflow-x:clip;overflow-y:visible}.ph__grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}.ph__content{position:relative}.ph__headline{margin:0;font-family:var(--font-heading-family);font-size:clamp(2.3rem,4.4vw,4rem);line-height:1.06;font-weight:700;letter-spacing:-.01em;color:rgb(var(--color-foreground))}.ph__headline-accent{color:var(--bc-accent)}.ph__body{margin:20px 0 0;max-width:50ch;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.65;color:rgba(var(--color-foreground),.78)}.ph__ctas{margin-top:32px;display:flex;flex-wrap:wrap;gap:16px}.ph__btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 30px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;transition:transform .35s var(--bc-ease),box-shadow .35s var(--bc-ease),background .35s var(--bc-ease)}.ph__btn--solid{background:var(--bc-accent);color:#fff;box-shadow:0 14px 28px -14px #f2792aa6}.ph__btn--solid:hover{transform:translateY(-3px);box-shadow:0 20px 36px -14px #f2792abf}.ph__btn--outline{background:transparent;color:rgb(var(--color-foreground));border:1.5px solid rgba(var(--color-foreground),.25)}.ph__btn--outline:hover{transform:translateY(-3px);border-color:var(--bc-accent);color:var(--bc-accent)}.ph__media{position:relative;perspective:1200px}.ph__img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;border-radius:28px;box-shadow:0 40px 70px -28px #1b181573}.ph__img--placeholder{background:linear-gradient(135deg,#f2792a2e,#1b181514)}.ph__badge{position:absolute;left:24px;bottom:-22px;display:inline-flex;align-items:center;gap:8px;background:var(--bc-ink);color:var(--bc-cream);padding:12px 20px;border-radius:16px;font-weight:600;font-size:14px;box-shadow:0 18px 32px -14px #00000073;animation:bc-float-slow 4.5s ease-in-out infinite}.ph__badge-emoji{font-size:16px}@media screen and (max-width:989px){.ph__grid{grid-template-columns:1fr}.ph__media{order:-1;margin-bottom:8px}.ph__img{aspect-ratio:5 / 4}.ph__badge{left:16px;bottom:-16px}}@media(prefers-reduced-motion:reduce){.ph__badge{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-pet-hero.css.map */
