/* GrowthPair motion layer: hover states for clickable cards. */
a.morecardwrapper,a.team_card,a.gpc-card{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s cubic-bezier(.2,.7,.2,1)}
a.morecardwrapper:hover,a.team_card:hover{transform:translateY(-5px)}
.rolecardwrapper,.pricingbenefitscards,.smallcard,.statscard{transition:border-color .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.rolecardwrapper:hover,.pricingbenefitscards:hover,.smallcard:hover{border-color:#bfef4d}
.morecardwrapper img,.rolecardwrapper img.image-10,.team_card img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
a.morecardwrapper:hover img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){a.morecardwrapper,a.team_card,a.gpc-card,.rolecardwrapper,.pricingbenefitscards,.smallcard,.statscard,.morecardwrapper img,.team_card img{transition:none}}

/* Photography bands (case studies, playbooks, industry pages). */
.gp-band{padding:10px 2% 30px}
.gp-band-in{max-width:900px;margin:0 auto}
.gp-band img{display:block;width:100%;aspect-ratio:40/21;object-fit:cover;border-radius:16px;border:1px solid var(--_colors---border-grey)}
.gp-band-vert .gp-band-in{max-width:1100px}.gp-band-vert img{aspect-ratio:21/9}
.gp-band-case{padding-top:50px}
.gp-still{object-fit:cover}
.morecardwrapper img.image-18{aspect-ratio:40/21;object-fit:cover;border-radius:10px}
@media (max-width:479px){.gp-band{padding:0 4% 20px}.gp-band img,.gp-band-vert img{aspect-ratio:4/3;border-radius:12px}}

/* Photo strip on role pages and Why Us: fixed banner size like the original Webflow build. */
.scrollingimg.gp-strip{width:814px;max-width:80vw;height:auto;aspect-ratio:1628/680;object-fit:cover;border-radius:16px;flex:none}
@media (max-width:479px){.scrollingimg.gp-strip{border-radius:12px}}