.pet-motion-ready { --v-ink: #06090d; background: var(--v-ink); }
.pet-motion-ready body, .pet-motion-ready #root > div { background: var(--v-ink); overflow-x: clip; }
.pet-motion-ready body::before { content: ''; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 2px; background: #c3e2df; transform: scaleX(var(--v-reading, 0)); transform-origin: left; }
.pet-motion-ready header .glass { background: rgba(6,9,13,.85); border-radius: 50px; box-shadow: none; }
.pet-motion-ready #home { min-height: 94svh; background: #06090d; }
.pet-motion-ready #home > [aria-hidden='true'] { display: none; }
.pet-motion-ready #home .v-hero-copy { max-width: 630px; padding-bottom: 30px; }
.pet-motion-ready #home h1 { color: #f4f5f2; background: none; -webkit-text-fill-color: initial; font-size: 64px; line-height: 1.1; }
.v-brand-label { margin: 0 0 24px; font-size: 24px; color: #c2d9d3; font-weight: 500; letter-spacing: 0; }
.pet-motion-ready #home figure { overflow: clip; border: 0; border-radius: 0; box-shadow: none; background: none; mask-image: linear-gradient(90deg, transparent, #000 25%); }
.pet-motion-ready #home .v-hero-media > .absolute { display: none; }
.pet-motion-ready #home figure img { transform: translateY(var(--v-drift, 0px)) scale(var(--v-scale, 1.02)); }
.pet-motion-ready #home a:first-child { background: #dcece5; color: #0a1712; box-shadow: none; }
.pet-motion-ready #home a { transition: background 450ms, translate 600ms cubic-bezier(.22,1,.36,1); }
.pet-motion-ready #home a:hover { translate: 0 -3px; }
.pet-motion-ready section { scroll-margin-top: 110px; }
.pet-motion-ready .media-frame { box-shadow: none; background: none; border: 0; border-radius: 0; }
.pet-motion-ready figure { perspective: 1600px; }
.pet-motion-ready main figure > img { transition: transform 900ms cubic-bezier(.22,1,.36,1), opacity 750ms; transform: perspective(1600px) translateY(var(--v-drift, 0px)) rotateX(var(--v-tilt-x, 0deg)) rotateY(var(--v-tilt-y, 0deg)); }
.pet-motion-ready #product { align-items: start; max-width: 1320px; gap: 7%; padding-top: 120px; padding-bottom: 120px; }
.pet-motion-ready #product > div { padding-top: 50px; }
.pet-motion-ready #product .v-product-stage { position: sticky; top: 110px; height: min(750px, calc(100svh - 140px)); min-height: 540px; width: 100%; max-width: none; margin: 0; overflow: visible; }
.pet-motion-ready #product .v-product-stage > img { position: absolute; top: 75px; left: 0; width: 100%; height: calc(100% - 220px); aspect-ratio: auto; object-fit: contain; mask-image: linear-gradient(0deg, transparent, #000 12%, #000 86%, transparent); transform: perspective(1600px) rotateX(var(--v-tilt-x, 0deg)) rotateY(var(--v-tilt-y, 0deg)); }
.pet-motion-ready #product { --v-entry-shift: 24px; --v-entry-turn: -6deg; }
.pet-motion-ready #product[data-direction='previous'] { --v-entry-shift: -24px; --v-entry-turn: 6deg; }
.pet-motion-ready #product .v-product-stage > .v-product-layer { opacity: 0; object-fit: cover; transform: translateX(var(--v-entry-shift)) rotateY(var(--v-entry-turn)); pointer-events: none; }
.pet-motion-ready #product .v-product-stage > img { mask-image: linear-gradient(0deg, transparent, #000 12%, #000 86%, transparent), linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent); mask-composite: intersect; }
.pet-motion-ready #product .v-product-stage > img:first-child { width: auto; max-width: 100%; aspect-ratio: 2 / 3; left: 50%; translate: -50% 0; }
.pet-motion-ready #product .v-product-layer[data-active='true'][data-loaded='true'] { opacity: 1; transform: perspective(1600px) rotateX(var(--v-tilt-x, 0deg)) rotateY(var(--v-tilt-y, 0deg)); }
.pet-motion-ready #product:has(.v-product-layer[data-active='true'][data-loaded='true']) figure > img:first-child { opacity: 0; }
.v-product-chapters { position: absolute; inset: auto 0 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.v-product-chapters button { display: flex; flex-direction: column; gap: 9px; justify-content: start; padding: 15px 0; min-height: 100px; border: 0; border-top: 1px solid #384d54; color: #9baeb3; background: none; font: inherit; font-size: 12px; line-height: 1.45; text-align: left; cursor: pointer; transition: color 400ms, border-color 400ms; }
.v-product-chapters button span:first-child { font-size: 10px; font-variant-numeric: tabular-nums; }
.v-product-chapters button span:last-child { width: 100%; min-width: 0; overflow-wrap: anywhere; hyphens: auto; }
.v-product-chapters button[aria-current='step'], .v-product-chapters button:hover { color: #ebf6f1; border-color: #d0e7da; }
.v-product-chapters button:focus-visible { outline: 2px solid #d0e7da; outline-offset: 5px; }
.v-product-readout { position: absolute; inset: 0 0 auto; display: grid; grid-template-columns: 64px 1fr; align-items: center; gap: 20px; min-height: 70px; padding-block: 10px; border-top: 1px solid #405248; }
.v-product-readout > span { color: #c8bda5; font-size: 42px; line-height: 1; font-variant-numeric: tabular-nums; font-weight: 400; }
.v-product-readout strong { font-size: 21px; line-height: 1.4; font-weight: 500; color: #e0e9df; }
.v-product-status:not([hidden]) { position: absolute; inset: auto 0 155px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; padding: 12px; background: #09100feb; color: #d6e5dc; font-size: 15px; text-align: center; }
.v-product-status button { min-height: 44px; padding: 8px 14px; border: 1px solid #526762; border-radius: 4px; background: transparent; color: #eff9f1; font: inherit; cursor: pointer; }
.v-product-status button:focus-visible { outline: 2px solid #bcdfd2; outline-offset: 4px; }
.v-product-chapters button { position: relative; }
.v-product-chapters button::before { content: ''; position: absolute; inset: -1px 0 auto; height: 2px; background: #c8d9b7; transform: scaleX(0); transform-origin: left; transition: transform 650ms cubic-bezier(.22,1,.36,1); }
.v-product-chapters button[aria-current='step']::before { transform: scaleX(1); }
.pet-motion-ready #product article { border-radius: 0; background: none; box-shadow: none; border: 0; border-top: 1px solid #34463b; }
.pet-motion-ready #product article { min-height: 260px; align-items: center; padding-block: 44px; transition: border-color 500ms; }
.pet-motion-ready #product article h3 { font-size: 24px; line-height: 1.4; }
.pet-motion-ready #product article p { font-size: 15px; }
.pet-motion-ready #product article[data-active='true'] { border-color: #b0c9c2; }
.pet-motion-ready #science { background: #080e12; }
.pet-motion-ready #science figure { overflow: clip; mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.pet-motion-ready #science article { background: none; border-top: 1px solid #24353c; }
.pet-motion-ready #science article:hover { border-color: #93b0b5; }
.pet-motion-ready #science .grid:has(> article) { border: 0; border-radius: 0; background: none; gap: 24px; }
.pet-motion-ready #science aside { border-radius: 0; border: 0; border-left: 1px solid #b9a989; background: none; }
.pet-motion-ready #quality { background: #101410; }
.pet-motion-ready #quality figure { mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.pet-motion-ready #personalization ol { gap: 36px; }
.pet-motion-ready #personalization li > div { border-radius: 0; border: 0; border-top: 1px solid #849c8f; background: none; box-shadow: none; justify-content: start; width: 100%; }
.pet-motion-ready #personalization ol > [aria-hidden] { display: none; }
.pet-motion-ready .v-reveal { opacity: 0; translate: 0 24px; transition: opacity 850ms, translate 1000ms cubic-bezier(.22,1,.36,1); transition-delay: var(--v-delay,0ms); }
.pet-motion-ready .v-reveal.v-visible { opacity: 1; translate: 0 0; }
@media (max-width: 1199px) and (min-width: 900px) { .pet-motion-ready #home h1 { font-size: 52px; } .pet-motion-ready #home .v-hero-copy { max-width: 530px; } }
@media (min-width: 900px) { .pet-motion-ready #product { grid-template-columns: minmax(0,1fr) minmax(0,1fr); } }
@media (max-width: 899px) {
  .pet-motion-ready #home { padding-top: 0; min-height: 0; }
  .pet-motion-ready #home > .relative { display: flex; flex-direction: column; gap: 0; padding: 0 24px 50px; }
  .pet-motion-ready #home .v-hero-media { position: absolute; top: 66px; left: 0; right: 0; height: 380px; width: 100%; }
  .pet-motion-ready #home figure { height: 100%; mask-image: linear-gradient(180deg, transparent, #000 10%, #000 66%, transparent); }
  .pet-motion-ready #home figure img { object-fit: cover; object-position: right center; }
  .pet-motion-ready #home .v-hero-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #06090d, transparent 42%); pointer-events: none; }
  .pet-motion-ready #home .v-hero-copy { padding: 370px 0 0; max-width: 590px; width: 100%; }
  .pet-motion-ready #home h1 { font-size: 38px; line-height: 1.15; }
  .v-brand-label { font-size: 19px; margin-bottom: 16px; }
  .pet-motion-ready #home .v-hero-copy > p:not(.v-brand-label) { margin-top: 20px; font-size: 15px; line-height: 1.8; }
  .pet-motion-ready #home .v-hero-copy > div { margin-top: 24px; flex-direction: row; flex-wrap: wrap; }
  .pet-motion-ready #home a { flex: 1 1 135px; font-size: 12px; padding-inline: 16px; }
  .pet-motion-ready #product { padding: 56px 24px; gap: 22px; }
  .pet-motion-ready #product .v-product-stage { position: relative; top: 0; min-height: 0; height: 550px; max-width: 600px; margin-inline: auto; }
  .pet-motion-ready #product > div { padding-top: 14px; }
  .pet-motion-ready #product article { min-height: 0; padding-block: 30px; }
  .pet-motion-ready #product article h3 { font-size: 20px; }
  .pet-motion-ready #product article p { font-size: 14px; }
  .pet-motion-ready #product .v-product-stage > img { top: 105px; height: 300px; }
  .v-product-readout { grid-template-columns: 48px 1fr; gap: 16px; }
  .v-product-readout strong { font-size: 18px; }
  .v-product-readout > span { font-size: 36px; }
  .v-product-chapters { gap: 12px; }
  .v-product-chapters button { min-height: 125px; font-size: 11px; }
  .pet-motion-ready h2 .heading-phrase { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) {
  .pet-motion-ready { scroll-behavior: auto; }
  .pet-motion-ready main figure > img, .pet-motion-ready #home figure img, .pet-motion-ready #product .v-product-stage > img { transform: none; transition: none; }
  .pet-motion-ready .v-reveal { opacity: 1; translate: none; transition: none; }
  .pet-motion-ready #home a:hover { translate: none; }
  .v-product-chapters button::before { transition: none; }
  .pet-motion-ready #product .v-product-layer[data-active='true'][data-loaded='true'] { transform: none; }
}
@media (max-height: 670px) { .pet-motion-ready #product .v-product-stage { position: relative; top: 0; } }