.pet-page {
  --pet-ink: #222;
  --pet-accent: #b51a21;
  --pet-paper: #f7f7f5;
  background: var(--pet-paper);
  color: var(--pet-ink);
  font-family: Inter, system-ui, sans-serif;
  padding: 28px 0 clamp(48px, 8vw, 112px);
}
.pet-shell {
  width: min(1280px, calc(100% - 48px));
  margin-inline: auto;
}
.pet-hero, .pet-consultation {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  background: #f5f1eb;
  overflow: hidden;
  border-radius: 22px;
}
.pet-hero-copy, .pet-consultation > div {
  align-self: center;
  padding: clamp(28px, 5vw, 72px);
}
.pet-back { display: inline-block; color: var(--pet-ink); text-decoration: underline; }
.pet-brand { display: block; width: 144px; height: auto; margin: 26px 0; }
.pet-page .pet-kicker {
  margin: 0 0 12px;
  color: var(--pet-accent);
  font-size: .78rem;
  font-weight: 750;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.pet-page h1, .pet-page h2, .pet-page h3 { font-weight: 700; }
.pet-page h1 { font-size: clamp(2.6rem, 5vw, 5rem); line-height: 1.03; margin: 0 0 20px; }
.pet-page h2 { font-size: clamp(1.85rem, 3.6vw, 3.25rem); line-height: 1.12; margin: 0 0 24px; }
.pet-page h3 { font-size: 1.3rem; margin: 0 0 12px; }
.pet-page p { line-height: 1.65; }
.pet-hero-image, .pet-consultation img { width: 100%; height: 100%; object-fit: cover; }
.pet-hero-image { object-position: 58% center; }
.pet-button {
  display: inline-block;
  margin-top: 24px;
  border-radius: 999px;
  background: var(--pet-ink);
  color: #fff;
  padding: 14px 22px;
  font-weight: 700;
  text-decoration: none;
}
.pet-button:hover, .pet-button:focus-visible { background: var(--pet-accent); color: #fff; }
.pet-section { margin-block: clamp(48px, 7vw, 96px); }
.pet-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.pet-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pet-grid article { border: 1px solid #e4ded5; background: #fff; border-radius: 16px; padding: clamp(20px, 3vw, 36px); }
.pet-page .pet-metric { font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.15; font-weight: 700; margin-bottom: 12px; }
.pet-metric span { display: block; font-size: .92rem; font-weight: 500; }
.pet-text-link { display: inline-block; margin-top: 16px; color: var(--pet-accent); text-decoration: underline; }
.pet-note { margin-top: 14px; color: #57514b; font-size: .9rem; }
.pet-consultation { grid-template-columns: 1fr 1fr; }
.pet-consultation img { max-height: 450px; object-position: center; }
@media (max-width: 760px) {
  .pet-shell { width: calc(100% - 32px); }
  .pet-hero, .pet-consultation, .pet-grid { grid-template-columns: 1fr; }
  .pet-hero-image { height: auto; }
  .pet-consultation img { height: clamp(210px, 60vw, 380px); }
}