@font-face{font-family:PawsonalityVarela;src:url('/assets/pawsonality-varela-round.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.pawsonality-banner{margin:64px 5% 0;background:#002868;border-bottom:7px solid #f43fa5}
.pawsonality-link{display:grid;grid-template-columns:42% 58%;color:#fff;text-decoration:none;font-family:PawsonalityVarela,'Arial Rounded MT Bold',Arial,sans-serif;overflow:hidden}
.pawsonality-copy{padding:30px 34px 32px}
.pawsonality-logo{display:block;width:min(100%,360px);height:auto}
.pawsonality-copy h2{font-family:inherit;font-weight:400;font-size:clamp(29px,2.6vw,38px);line-height:1.17;letter-spacing:-.025em;color:#fff;margin:22px 0 14px}
.pawsonality-copy p{font-size:15px;line-height:1.65;max-width:390px;margin:0 0 23px;color:#fff}
.pawsonality-cta{display:inline-flex;align-items:center;gap:25px;padding:12px 20px;background:#f43fa5;color:#002868;font-size:15px;font-weight:700;border-radius:4px}
.pawsonality-link:hover .pawsonality-cta{background:#ff87cb}
.pawsonality-link:focus-visible{outline:4px solid #f43fa5;outline-offset:5px}
.pawsonality-photo{width:100%;height:100%;min-height:340px;object-fit:cover;object-position:49% center;display:block}
@media(max-width:700px){.pawsonality-banner{margin:38px 5% 0}.pawsonality-link{grid-template-columns:1fr}.pawsonality-copy{padding:28px 24px}.pawsonality-copy h2{font-size:32px;margin-top:23px}.pawsonality-photo{height:210px;min-height:0;object-position:48% center}.pawsonality-logo{width:100%;max-width:390px}}
.pawsonality-banner{position:relative}
.pawsonality-slideshow{position:relative;min-width:0;overflow:hidden;min-height:340px}
.pawsonality-track{position:absolute;inset:0;display:flex;animation:pawsonality-scroll 20s infinite;animation-timing-function:ease-in-out}
.pawsonality-slide{flex:0 0 100%;width:100%;height:100%;min-width:0;object-fit:cover;object-position:49% center}
.pawsonality-slide-walks{object-position:68% center}.pawsonality-slide-testimonials{object-position:40% center}
.pawsonality-banner .pawsonality-toggle{position:absolute;right:14px;bottom:14px;border:1px solid #fff;background:#002868;color:#fff;border-radius:4px;padding:10px 14px;font:13px PawsonalityVarela,Arial,sans-serif;cursor:pointer}
.pawsonality-banner .pawsonality-toggle[hidden]{display:none}.pawsonality-banner .pawsonality-toggle:hover{background:#f43fa5;color:#002868}.pawsonality-banner .pawsonality-toggle:focus-visible{outline:3px solid #f43fa5;outline-offset:3px}
.pawsonality-paused .pawsonality-track,.pawsonality-offscreen .pawsonality-track,.pawsonality-hidden .pawsonality-track{animation-play-state:paused}
@keyframes pawsonality-scroll{0%,21%{transform:translateX(0)}25%,46%{transform:translateX(-100%)}50%,71%{transform:translateX(-200%)}75%,96%{transform:translateX(-300%)}100%{transform:translateX(-400%)}}
@media(max-width:700px){.pawsonality-slideshow{height:180px;min-height:0}}
@media(prefers-reduced-motion:reduce){.pawsonality-track{animation:none}.pawsonality-user-play .pawsonality-track{animation:pawsonality-scroll 20s infinite ease-in-out}}

/* Blend the brand panel into the wider photo frame. */
.pawsonality-slideshow::after{content:"";position:absolute;inset:0 auto 0 0;width:38%;pointer-events:none;background:linear-gradient(90deg,#002868 0%,rgba(0,40,104,.98) 12%,rgba(0,40,104,.9) 25%,rgba(0,40,104,.72) 42%,rgba(0,40,104,.45) 61%,rgba(0,40,104,.18) 80%,rgba(0,40,104,.04) 93%,rgba(0,40,104,0) 100%)}
.pawsonality-banner .pawsonality-toggle{z-index:2}
@media(max-width:700px){.pawsonality-slideshow::after{inset:0 0 auto;width:100%;height:55px;background:linear-gradient(180deg,#002868 0%,rgba(0,40,104,.65) 25%,rgba(0,40,104,0) 100%)}}

/* Bring the photo and its soft edge closer to the copy. */
@media(min-width:701px){.pawsonality-slideshow{margin-left:clamp(-90px,-6.25vw,-44px)}.pawsonality-copy{position:relative;z-index:1;pointer-events:none}}

/* Overscan the clipped photo edge to avoid a subpixel navy seam. */
.pawsonality-slideshow{margin-right:-2px}
