body[data-site="pet"] {
  --ink: #204137;
  --muted: #4b655a;
  --blue: #216c5b;
  --blue-deep: #185443;
  --red: #216c5b;
  --pale: #eaf1e8;
  --line: #d8e5d9;
  --pet-paper: #fbf9ef;
  --pet-cream: #f4f1e2;
  --pet-sage: #e0ecdd;
  --pet-teal: #216c5b;
  --pet-teal-dark: #185443;
  --pet-mint: #f5faf4;
  background: var(--pet-paper);
}

body[data-site="pet"] :is(h1, h2, h3) {
  color: var(--ink);
}

body[data-site="pet"] p {
  color: var(--muted);
}

body[data-site="pet"] .topline {
  background: var(--pet-sage);
  color: var(--ink);
}

body[data-site="pet"] .header {
  background: #fbf9f5;
  border-color: var(--line);
}

body[data-site="pet"] :is(.nav-item > a, .lang-switch, .vertical-brand span, .dropdown a, .dropdown-title) {
  color: var(--muted);
}

body[data-site="pet"] .nav-item > a:is(:hover, .active) {
  color: var(--pet-teal-dark);
}

body[data-site="pet"] .nav-item > a::after {
  background: var(--pet-teal);
  border-radius: 10px;
}

body[data-site="pet"] .menu-toggle span {
  background: var(--pet-teal-dark);
}

body[data-site="pet"] .dropdown {
  background: var(--pet-mint);
  border-color: var(--line);
  box-shadow: 0 10px 24px #20413710;
}

body[data-site="pet"] .dropdown a:hover {
  color: var(--pet-teal-dark);
}

body[data-site="pet"] :is(.button.red, .floating-contact a) {
  color: #fff;
  background: var(--pet-teal);
  border-color: var(--pet-teal);
  box-shadow: none;
}

body[data-site="pet"] :is(.button.red, .floating-contact a):hover {
  color: #fff;
  background: var(--pet-teal-dark);
  border-color: var(--pet-teal-dark);
}

body[data-site="pet"] .button.outline {
  color: var(--pet-teal-dark);
  background: var(--pet-sage);
  border-color: #cddfce;
}

body[data-site="pet"] .button.outline:hover {
  color: var(--pet-teal-dark);
  background: #d2e5d0;
  border-color: #bbd4bc;
}

body[data-site="pet"] :is(a, button, summary, input, select, textarea):focus-visible {
  outline: 3px solid #23705b;
  outline-offset: 4px;
}

body[data-site="pet"] :is(.text-link, .vertical-read .prose a, .section-heading-row > .text-link) {
  color: var(--pet-teal-dark);
  text-decoration-color: #83a894;
}

body[data-site="pet"] :is(.eyebrow, .section-head .eyebrow, .vertical-hero .hero-copy .eyebrow) {
  color: var(--pet-teal-dark);
}

body[data-site="pet"] .vertical-hero {
  --hero-wash: #f4f1e2;
  background: var(--pet-cream);
}

body[data-site="pet"] .vertical-hero .hero-slide {
  background: var(--pet-cream);
}

body[data-site="pet"] .vertical-hero .hero-slide .hero-copy .hero-title {
  color: var(--ink);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -.055em;
}

body[data-site="pet"] .vertical-hero .hero-copy p {
  color: var(--muted);
}

body[data-site="pet"] .vertical-hero .hero-copy .eyebrow i {
  background: var(--pet-teal);
}

body[data-site="pet"] .hero-tags > * {
  color: var(--pet-teal-dark);
  background: var(--pet-mint);
  border-color: #cddfce;
}

body[data-site="pet"] .vertical-hero .equipment-footage-note {
  color: var(--ink);
  text-shadow: none;
  background: #fbf9efd9;
  padding: 4px 9px;
  border-radius: 999px;
}

body[data-site="pet"] .vertical-pause {
  background: var(--pet-mint);
  color: var(--pet-teal-dark);
  border-color: #c5d9c7;
}

body[data-site="pet"] :is(.value-strip, .page-hero) {
  background: var(--pet-sage);
  border-color: var(--line);
}

body[data-site="pet"] .page-hero {
  background: linear-gradient(110deg, var(--pet-sage), var(--pet-cream));
}

body[data-site="pet"] .page-hero h1 {
  color: var(--ink);
}

body[data-site="pet"] .value-inner > div {
  color: var(--ink);
  border-color: #cfdfcf;
}

body[data-site="pet"] :is(.value-icon, .step-no, .vertical-play, .vertical-duration) {
  color: var(--pet-teal);
}

body[data-site="pet"] .vertical-catalog {
  background: var(--pet-paper);
}

body[data-site="pet"] .vertical-catalog .section-head {
  text-align: left;
  margin-inline: 0;
}

body[data-site="pet"] .vertical-catalog .section-head :is(h2, p) {
  margin-inline: 0;
}

body[data-site="pet"] .vertical-catalog .vertical-grid {
  gap: clamp(16px, 2.2vw, 28px);
}

body[data-site="pet"] .vertical-catalog .vertical-card {
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: #fffefa;
  box-shadow: 0 14px 36px #2347370a;
}

body[data-site="pet"] .vertical-catalog .vertical-card-media {
  background: var(--pet-sage);
  border-radius: 20px;
}

body[data-site="pet"] .vertical-catalog .vertical-card-media img {
  aspect-ratio: 1;
  object-position: center;
}

body[data-site="pet"] .vertical-catalog .vertical-card-copy {
  padding: clamp(14px, 2.2vw, 24px);
}

body[data-site="pet"] .vertical-catalog .vertical-card-note {
  color: var(--muted);
  background: var(--pet-mint);
}

body[data-site="pet"] :is(.vertical-product .vertical-photo, .vertical-product .vertical-checklist, .inquiry-box, .vertical-guide-card, .vertical-faq details) {
  background: var(--pet-mint);
  border-color: var(--line);
  border-radius: 22px;
}

body[data-site="pet"] :is(.vertical-caption, .contact-card > span) {
  color: var(--muted);
}

body[data-site="pet"] :is(.pale, .video-section, .project-prompt) {
  background: var(--pet-sage);
  border-color: var(--line);
}

body[data-site="pet"] .project-prompt :is(h2, h3) {
  color: var(--ink);
}

body[data-site="pet"] .project-prompt p {
  color: var(--muted);
}

body[data-site="pet"] .application-tab {
  background: var(--pet-mint);
  border-color: var(--line);
  color: var(--pet-teal-dark);
}

body[data-site="pet"] .application-tab:is([aria-selected="true"], .active) {
  background: var(--pet-teal);
  color: #fff;
  border-color: var(--pet-teal);
  box-shadow: none;
}

body[data-site="pet"] :is(.application-panel, .application-image) {
  background: var(--pet-sage);
}

body[data-site="pet"] footer {
  background: var(--pet-mint);
  border-color: var(--line);
}

body[data-site="pet"] :is(.footer-grid a, .footer-grid p, .footer-bottom) {
  color: var(--muted);
  border-color: var(--line);
}

body[data-site="pet"] .footer-grid h3 {
  color: var(--ink);
}

@media (min-width: 761px) {
  body[data-site="pet"] .vertical-hero .hero-slide .hero-art {
    inset: 26px max(25px, calc((100vw - 1270px) / 2)) 26px 51%;
    border: 8px solid #fffdf5;
    border-radius: 38px 38px 100px 38px;
    box-shadow: 0 15px 45px #224e3716;
  }

  body[data-site="pet"] .vertical-hero .hero-slide .hero-art::after {
    background: linear-gradient(0deg, #163c302a, transparent 24%);
  }

  body[data-site="pet"] .vertical-hero .hero-slide .hero-art img {
    object-position: 60% center;
  }

  body[data-site="pet"] .vertical-hero .hero-slide .hero-copy {
    width: 45%;
    padding-right: 0;
  }

  body[data-site="pet"] .vertical-pause {
    bottom: 49px;
    right: max(50px, calc((100vw - 1170px) / 2));
  }
}

@media (max-width: 760px) {
  body[data-site="pet"] .vertical-hero .hero-slide .hero-art {
    inset: auto;
    margin: 0 14px 16px;
    border: 5px solid #fffdf5;
    border-radius: 24px 24px 60px 24px;
  }

  body[data-site="pet"] .vertical-hero .hero-slide .hero-art::after {
    background: linear-gradient(0deg, #163c3030, transparent 24%);
  }

  body[data-site="pet"] .vertical-hero .hero-slide .hero-art img {
    object-position: 64% center;
  }

  body[data-site="pet"] .vertical-pause {
    bottom: 36px;
  }
}