/* Pet page only: keep subjects visible, text readable and cards off the photo. */
.ux-pet .pet-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:64px;align-items:center;width:min(1176px,calc(100% - 64px));margin:42px auto 48px;padding:0;background:none;color:#263d32;box-sizing:border-box}
.ux-pet .pet-hero__copy{min-width:0;max-width:510px}
.ux-pet .pet-hero__copy h1{font-size:clamp(42px,4.8vw,66px);line-height:1.08;letter-spacing:-.025em;margin:18px 0 24px;color:#263d32;text-shadow:none;max-width:12ch;text-align:left}
.ux-pet .pet-hero__copy>p{font-size:17px;line-height:1.8;margin:0;max-width:46ch;color:#4b6054}
.ux-pet .pet-hero .page-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.ux-pet .pet-hero .page-actions a{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;box-sizing:border-box;line-height:1.4;white-space:normal}
.ux-pet .pet-hero .page-button--ghost{color:#294236!important;border:1px solid #9daf9d!important;background:transparent!important}
.ux-pet .pet-hero__photo{margin:0;position:relative;overflow:hidden;border-radius:16px;height:640px;min-width:0;background:#dbe5d7;box-shadow:none}
.ux-pet .pet-hero__photo>img{display:block;position:static;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 74%;filter:none;opacity:1;transform:none}
.ux-pet main>.page-section{width:min(1176px,calc(100% - 64px));max-width:1176px;margin:0 auto;padding:0 0 68px;box-sizing:border-box}
.ux-pet main>.pet-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0;margin-bottom:72px;background:#e7ece5;border:1px solid #cdd7c9;border-radius:12px}
.ux-pet .pet-fact{padding:24px;min-width:0}
.ux-pet .pet-fact+.pet-fact{border-left:1px solid #cdd7c9}
.ux-pet .pet-fact h2{font:600 16px/1.4 Arial,sans-serif;margin:0 0 10px;color:#294236;letter-spacing:0}
.ux-pet .pet-fact p{font-size:14px;line-height:1.65;margin:0;color:#4b6054}
.ux-pet :is(.pet-intro,.pet-checklist) .page-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ux-pet .pet-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ux-pet .pet-gallery figure{margin:0;min-width:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.ux-pet .pet-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 55%;border-radius:12px;max-height:none}
.ux-pet .pet-gallery .pet-gallery__portrait img{object-position:50% 20%}
.ux-pet .pet-gallery figcaption{padding:14px 0 0;color:#4b6054;font-size:14px;line-height:1.5;text-align:left}
.ux-pet .feature-spotlight{align-items:center}
.ux-pet .feature-spotlight__media{background:#dce5d7;border-radius:12px;overflow:hidden}
.ux-pet .feature-spotlight__media video{display:block;width:100%;height:auto;max-height:600px;object-fit:contain;background:#243b30}
@media(min-width:761px) and (max-width:1050px){.ux-pet .pet-hero{gap:32px}.ux-pet .pet-hero__photo{height:560px}.ux-pet .pet-hero__copy h1{font-size:48px}.ux-pet .pet-fact{padding:20px}}
@media(max-width:760px){
 .ux-pet .pet-hero{grid-template-columns:minmax(0,1fr);width:calc(100% - 40px);gap:16px;margin:28px auto 32px}
 .ux-pet .pet-hero__copy{display:contents}
 .ux-pet .pet-hero .page-kicker{order:0;margin:0;font-size:10px;line-height:1.6}
 .ux-pet .pet-hero h1{order:1;max-width:15ch;font-size:38px;line-height:1.12;margin:0 0 4px}
 .ux-pet .pet-hero__photo{order:2;aspect-ratio:3/4;height:auto;max-height:none;border-radius:12px}
 .ux-pet .pet-hero__copy>p{order:3;font-size:16px;line-height:1.7;margin:6px 0 0;max-width:none}
 .ux-pet .pet-hero .page-actions{order:4;margin:2px 0 0;gap:10px}
 .ux-pet .pet-hero .page-actions a{flex:1 1 100%}
 .ux-pet main>.page-section{width:calc(100% - 40px);padding-bottom:48px}
 .ux-pet main>.pet-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;margin-bottom:46px}
 .ux-pet .pet-fact{padding:18px 16px}
 .ux-pet .pet-fact h2{font-size:15px}
 .ux-pet .pet-fact:nth-child(3){border-left:0}
 .ux-pet .pet-fact:nth-child(n+3){border-top:1px solid #cdd7c9}
 .ux-pet :is(.pet-intro,.pet-checklist) .page-grid{grid-template-columns:1fr;gap:14px}
 .ux-pet .pet-gallery{grid-template-columns:1fr;gap:28px}
 .ux-pet .pet-gallery img{aspect-ratio:3/4}
 .ux-pet main>.page-section>h2{font-size:29px;line-height:1.2}
}
@media(max-width:360px){.ux-pet .pet-hero h1{font-size:34px}.ux-pet .pet-fact{padding:16px 12px}}