/* Approved Cotton Branch motion. Scoped to adoption, team and contact. */
body[data-refuge-motion]{--refuge-ease:cubic-bezier(.22,.75,.25,1)}
[data-refuge-motion] .photo-window{overflow:hidden;isolation:isolate}
[data-refuge-motion] .photo-window img{display:block;transition:transform .65s var(--refuge-ease);transform-origin:center}
[data-refuge-motion] .motion-arrow,
[data-refuge-motion] .ac-arrow,
[data-refuge-motion] .ac-text-button>span{display:inline-block;transition:transform .25s var(--refuge-ease)}
[data-refuge-motion] a:focus-visible,
[data-refuge-motion] summary:focus-visible{outline:3px solid currentColor;outline-offset:6px}
[data-refuge-motion] .motion-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* A calm two-second pulse, with no layout movement or flashing. */
body[data-refuge-motion] #adoption-concept .ac-urgent{animation:refuge-urgent 2s var(--refuge-ease) infinite;animation-play-state:paused}
body[data-refuge-motion] #adoption-concept .ac-urgent[data-motion-visible]{animation-play-state:running}
@keyframes refuge-urgent{
 0%,55%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(237,113,61,0)}
 72%{transform:scale(1.045);box-shadow:0 0 0 7px rgba(237,113,61,.16)}
 88%{transform:scale(1);box-shadow:0 0 0 11px rgba(237,113,61,0)}
}

/* Three personal cards, with every original biography retained. */
[data-refuge-motion="team"] .team-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
[data-refuge-motion="team"] .team-card{min-width:0;background:var(--paper);border:var(--line);border-radius:12px;box-shadow:6px 6px 0 var(--ink)}
[data-refuge-motion="team"] .team-portrait{margin:0;border:0;border-bottom:var(--line);border-radius:10px 10px 0 0;box-shadow:none;transform:none;transform-origin:50% 0;transition:transform .45s var(--refuge-ease)}
[data-refuge-motion="team"] .team-portrait img{height:320px;width:100%;object-fit:cover}
[data-refuge-motion="team"] .team-card-body{padding:27px 25px 18px}
[data-refuge-motion="team"] .team-card h2{font-size:clamp(27px,2.5vw,35px);line-height:1.12;letter-spacing:-.045em;margin:0 0 13px}
[data-refuge-motion="team"] .team-card .role{font-size:11px;line-height:1.6;font-weight:700;letter-spacing:.075em;min-height:36px;margin:0 0 19px}
[data-refuge-motion="team"] .team-bio{border-top:1px solid #c8baa9}
[data-refuge-motion="team"] .team-bio summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;font-size:13px;font-weight:700;min-height:54px;padding:13px 0}
[data-refuge-motion="team"] .team-bio summary::-webkit-details-marker{display:none}
[data-refuge-motion="team"] .bio-icon{font-size:24px;line-height:1;font-weight:400;transition:transform .3s var(--refuge-ease)}
[data-refuge-motion="team"] .team-bio[open] .bio-icon{transform:rotate(45deg)}
[data-refuge-motion="team"] .bio-label-close{display:none}
[data-refuge-motion="team"] .team-bio[open] .bio-label-close{display:inline}
[data-refuge-motion="team"] .team-bio[open] .bio-label-open{display:none}
[data-refuge-motion="team"] .team-bio-content{font-size:15px;line-height:1.75;padding:5px 0 7px;display:flow-root}
[data-refuge-motion="team"] .team-bio-content p{margin:0 0 18px}

/* Compact contact cards share the same interaction and a clear focus state. */
[data-refuge-motion="contact-us"] .contact-grid .link-card{position:relative;transition:transform .25s var(--refuge-ease),box-shadow .25s var(--refuge-ease),border-color .25s var(--refuge-ease)}
[data-refuge-motion="contact-us"] .contact-grid .text-link{display:flex;justify-content:space-between;align-items:center}
[data-refuge-motion="contact-us"] .contact-grid .motion-arrow{font-size:22px}
[data-refuge-motion="contact-us"] .contact-grid .link-card:focus-visible{box-shadow:7px 9px 0 var(--ink);border-color:var(--ink)}

@media(hover:hover) and (pointer:fine){
 [data-refuge-motion] .ac-photo:hover .photo-window img,
 [data-refuge-motion] .ac-cotton:focus-within .photo-window img,
 [data-refuge-motion] .ac-brl-main:focus-within .photo-window img,
 [data-refuge-motion="team"] .page-photo:hover .photo-window img,
 [data-refuge-motion="team"] .team-card:hover .photo-window img{transform:scale(1.035)}
 [data-refuge-motion] .ac-button:hover .ac-arrow,
 [data-refuge-motion] .ac-button:focus-visible .ac-arrow,
 [data-refuge-motion] .ac-text-button:hover>span,
 [data-refuge-motion="contact-us"] .link-card:hover .motion-arrow,
 [data-refuge-motion="contact-us"] .link-card:focus-visible .motion-arrow{transform:translate(3px,-3px)}
 [data-refuge-motion="team"] .team-card:hover .team-portrait{transform:rotate(-.7deg)}
 [data-refuge-motion="team"] .team-card:nth-child(even):hover .team-portrait{transform:rotate(.7deg)}
 [data-refuge-motion="team"] .team-bio summary:hover{color:#9d391e}
 [data-refuge-motion="contact-us"] .contact-grid .link-card:hover{transform:translateY(-4px);box-shadow:6px 10px 0 var(--ink);border-color:#9d391e}
}
@media(prefers-reduced-motion:reduce){
 [data-refuge-motion] *,[data-refuge-motion] *::before,[data-refuge-motion] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 [data-refuge-motion] .photo-window img,[data-refuge-motion] .team-portrait,[data-refuge-motion] .contact-grid .link-card,[data-refuge-motion] .motion-arrow,[data-refuge-motion] .ac-arrow{transform:none!important}
}