.featured-adoptables{min-width:0;padding:6px 0 0!important;margin:0!important;color:#254b46}
.adoptables-heading{display:flex;justify-content:center;align-items:center;gap:13px}
.adoptables-heading h2{font-size:clamp(27px,2.7vw,39px);line-height:1.15;margin:0;text-align:center;letter-spacing:-.025em}
.adoptables-heading em{display:block;color:#176e73}
.adoptables-heading .playful-icon{width:32px;height:32px;transform:rotate(-16deg)}
.adoptables-heading .playful-clay{transform:rotate(20deg)}
.adoptables-tagline{text-align:center;font-size:16px;margin:12px 0 18px}
.adoptables-stage{position:relative;aspect-ratio:1/1;width:100%;background:#e9eee4;border-radius:130px 130px 18px 18px;overflow:hidden;border:1px solid #d4dece;box-shadow:8px 9px 0 #e6e6d9}
.adoptables-profile{position:absolute;inset:0;display:block;color:white;text-decoration:none;background:#e9eee4}
.adoptables-profile img{width:100%;height:100%;object-fit:contain;display:block}
.adoptables-profile::after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(transparent,rgba(17,43,34,.9))}
.adoptables-name{position:absolute;bottom:46px;left:24px;right:24px;z-index:1;font-size:32px;font-weight:700;line-height:1.1;text-shadow:0 1px 3px #183b34}
.adoptables-bio{position:absolute;bottom:20px;left:24px;z-index:1;font-size:16px;font-weight:600}
.adoptables-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:18px}
.adoptables-fallback .playful-icon{width:62px;height:62px;background:#738761}.adoptables-fallback p{font-size:21px;margin:0;line-height:1.5}.adoptables-fallback a{text-decoration:underline;font-weight:600;line-height:1.6}
.adoptables-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:22px;min-height:46px}
.adoptables-controls button{border:1px solid #176e73;background:#fffdf6;color:#176e73;border-radius:24px;min-height:46px;min-width:46px;font:inherit;cursor:pointer;padding:8px 13px;font-weight:600}
.adoptables-controls button:hover{background:#e1ebe0}.adoptables-controls [data-pause]{font-size:14px;margin-left:5px}.adoptables-controls [data-position]{font-size:14px;min-width:51px;text-align:center;font-variant-numeric:tabular-nums}
.featured-adoptables [hidden]{display:none!important}.featured-adoptables a:focus-visible,.featured-adoptables button:focus-visible{outline:3px solid #99573f;outline-offset:4px}.adoptables-profile:focus-visible{outline-offset:-6px!important}
.adoptables-footer{text-align:center;font-size:15px;line-height:1.6;margin:16px 0 0}.adoptables-footer a{font-weight:600;text-decoration:underline;text-underline-offset:3px}.adoptables-footer span{display:block;color:#56645c;font-size:14px;margin-top:5px}
@media(max-width:600px){.featured-adoptables{max-width:470px;width:100%;justify-self:center}.adoptables-stage{border-radius:100px 100px 16px 16px}.adoptables-heading h2{font-size:32px}.adoptables-controls{gap:8px}.adoptables-controls [data-pause]{padding:8px 10px}.adoptables-name{font-size:30px}}
@media(prefers-reduced-motion:reduce){.featured-adoptables *{animation:none!important;transition:none!important}}

/* Desktop first-view refinement; mobile keeps its original layout. */
@media(min-width:1101px){
.home-page .hero{align-items:start;padding-top:8px;padding-bottom:48px}
.home-page .hero-copy{padding-top:0}
.home-page .hero .eyebrow{margin-bottom:16px}
.home-page .hero h1{margin-bottom:18px}
.home-page .hero-intro{margin-bottom:22px}
.home-page .hero-footnote{margin-top:16px}
.home-page .featured-adoptables{padding-top:0!important}
.adoptables-heading em{display:inline}
.adoptables-tagline{margin:9px 0 14px}
.adoptables-stage{width:min(100%,clamp(300px,calc(100svh - 460px),480px));margin-inline:auto}
.adoptables-controls{margin-top:16px}
.adoptables-footer{margin-top:10px}
}
@media(min-width:1241px){
.home-page .nav-wrap{min-height:164px;padding-top:14px;padding-bottom:10px}
.home-page .home-grant img{width:140px}
}

/* Photo-edge navigation remains separate from the linked dog profile. */
.adoptables-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;padding:0 4px;border:0;border-radius:0;background:transparent;color:#fff;box-shadow:none;font:400 32px/1 Arial,sans-serif;text-shadow:0 1px 3px #173b34,0 0 2px #173b34,-1px 0 1px #173b34,1px 0 1px #173b34;cursor:pointer;display:flex;align-items:center}
.adoptables-arrow[data-previous]{left:0;justify-content:flex-start}.adoptables-arrow[data-next]{right:0;justify-content:flex-end}
.adoptables-arrow:hover{background:transparent;color:#fff}
.featured-adoptables .adoptables-arrow:focus-visible{outline:2px solid #fff;outline-offset:-5px;box-shadow:inset 0 0 0 3px #173b34}
.adoptables-controls{flex-direction:column;gap:4px}
.adoptables-controls [data-pause]{margin-left:0;min-width:142px}
.adoptables-controls [data-position]{line-height:1.2}
/* Homepage CTA paws: decoration only; anchor labels remain the navigation cue. */
.home-page .cta-paw,.home-page .arrow-icon{display:inline-block;flex:0 0 auto;width:19px;height:19px;border:0;background:currentColor;-webkit-mask:url('paw-print.svg') center/contain no-repeat;mask:url('paw-print.svg') center/contain no-repeat;vertical-align:-3px;transform:rotate(-12deg);transition:transform 140ms ease}
.home-page .arrow-icon::before,.home-page .arrow-icon::after{display:none}
.home-page .adoptables-bio .cta-paw,.home-page .adoptables-footer .cta-paw{margin-left:5px;width:17px;height:17px}
.home-page a:hover .cta-paw,.home-page a:hover .arrow-icon{transform:translateY(2px) rotate(-6deg)}
.home-page a:active .cta-paw,.home-page a:active .arrow-icon{transform:translateY(3px) scale(.88) rotate(-6deg)}
.home-page a[target="_blank"] .sr-only{position:static!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important;overflow:visible!important;white-space:normal!important;font-size:12px;line-height:1.4;font-weight:400;letter-spacing:0;display:inline}
@media(prefers-reduced-motion:reduce){.home-page a .cta-paw,.home-page a .arrow-icon{transition:none!important;transform:none!important}}
@media(forced-colors:active){.home-page .cta-paw,.home-page .arrow-icon{display:none}}
/* Give the featured dogs more presence without enlarging mobile cards. */
@media(min-width:1101px){
.adoptables-heading h2{font-size:clamp(36px,3vw,45px)}
.adoptables-heading .playful-icon{width:35px;height:35px}
.adoptables-tagline{font-size:18px}
.adoptables-stage{width:min(100%,clamp(340px,calc(115svh - 529px),552px))}
}
@media(min-width:1101px) and (max-height:900px){
.adoptables-stage{width:min(100%,clamp(340px,calc(100svh - 435px),460px))}
.adoptables-controls{margin-top:12px}
.adoptables-footer{margin-top:6px}
}