.project-card.has-case-study>a.project-open{display:block;width:100%;color:inherit}
.project-card.has-case-study>a.project-open:hover img{transform:scale(1.035)}
.project-card.has-case-study>a.project-open:hover .card-arrow,.project-card.has-case-study>a.project-open:focus-visible .card-arrow{opacity:1;transform:none}
.project-card.has-case-study .case-card-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px 22px;margin-top:20px}
.project-card.has-case-study .case-card-title{min-width:0;flex:1 1 135px}
.project-card.has-case-study .case-card-title h3{margin:0;font-size:24px;line-height:1.25}
.project-card.has-case-study .case-card-title>p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.5}
.project-card.has-case-study .case-card-kicker{display:block;margin:0 0 7px;color:var(--purple);font:700 9px/1.5 Nexa,Arial,sans-serif;letter-spacing:.12em}
.project-card.has-case-study .case-study-button{display:inline-flex;align-items:center;justify-content:space-between;flex:0 1 auto;gap:24px;min-height:48px;max-width:100%;padding:13px 19px;border:1px solid var(--purple);background:var(--purple);color:#fff;font-size:14px;line-height:1.4;transition:background .2s ease,border-color .2s ease}
.project-card.has-case-study .case-study-button>span:first-child{min-width:0}
.project-card.has-case-study .case-study-button>span:last-child{flex:none;font-size:22px;line-height:1}
.project-card.has-case-study .case-study-button:hover{background:var(--ink);border-color:var(--ink)}
.project-card.has-case-study .case-study-button:focus-visible{outline:2px solid var(--blue,#3c65aa);outline-offset:4px}
.project-card.has-case-study .project-previews{margin-top:18px}
.hero-image-caption{gap:20px}
.hero-image .hero-image-caption .hero-case-cta{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:14px;min-height:50px;max-width:100%;margin:0;padding:8px 10px 8px 19px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(15,28,37,.36);color:#fff;font-size:12px;line-height:1.35;letter-spacing:0;white-space:nowrap;transition:background .2s ease,border-color .2s ease}
.hero-image .hero-image-caption .hero-case-cta .round-arrow{display:grid;place-items:center;flex:none;width:30px;height:30px;margin:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:transparent;color:#fff;font-size:18px;line-height:1}
.hero-image:hover .hero-case-cta,.hero-image:focus-visible .hero-case-cta{background:rgba(15,28,37,.7);border-color:#fff}
@media(max-width:760px){.project-card.has-case-study .case-card-heading{flex-direction:column;align-items:stretch;gap:17px;margin-top:18px}.project-card.has-case-study .case-card-title{flex:0 1 auto}.project-card.has-case-study .case-card-title h3{font-size:25px}.project-card.has-case-study .case-study-button{display:flex;width:100%;min-height:52px;padding:14px 18px;font-size:14px}.project-card.has-case-study .project-previews{margin-top:16px}.hero-image-caption{gap:14px}.hero-image .hero-image-caption .hero-case-cta{min-height:44px;gap:10px;padding:7px 8px 7px 13px;font-size:11px}.hero-image .hero-image-caption .hero-case-cta .round-arrow{width:28px;height:28px;font-size:17px}}
@media(max-width:380px){.hero-image-caption{flex-wrap:wrap;gap:17px}.hero-image-caption>span:first-child{flex:1 1 140px}.hero-image .hero-image-caption .hero-case-cta{flex:0 0 auto}}
@media(prefers-reduced-motion:reduce){.case-study-button,.hero-case-cta{transition:none}}