/* Shared entry point to the Prostock case study, used in the portfolio and website work. */
.ps-work-card { display: grid; grid-template-columns: 1.15fr 1fr; grid-column: 1 / -1; overflow: hidden; border: 1px solid #eba71d40; border-radius: 16px; background: #192147; color: #f7f8ff; margin-bottom: 32px; min-width: 0; }
.project-card.ps-work-card:before { display: none; }
.ps-work-card > a { display: block; min-width: 0; overflow: hidden; background: #f7f8ff; }
.ps-work-card > a img { width: 100%; height: 100%; min-height: 280px; object-fit: cover; object-position: top left; transition: transform 220ms ease; }
.ps-work-card > a:hover img { transform: scale(1.025); }
.ps-work-card-copy { padding: 32px; align-self: center; min-width: 0; }
.ps-work-card-copy > span { display: block; font-size: 11px; color: #f6c75f; margin-bottom: 14px; }
.ps-work-card h3 { font-family: 'Space Grotesk',sans-serif; color: #f7f8ff; font-size: 30px; font-weight: 600; letter-spacing: -.035em; line-height: 1.2; margin: 0 0 14px; }
.ps-work-card p { color: #b9c1d8; font-size: 14px; line-height: 1.8; margin: 0; }
.ps-work-card-copy > a { display: inline-flex; align-items: center; gap: 22px; min-height: 44px; margin-top: 20px; color: #f6c75f!important; font-size: 13px; font-weight: 650; text-decoration: none; }
.ps-work-card-copy > a:hover { text-decoration: underline; text-underline-offset: 5px; }
.ps-work-card-copy > a span { font-size: 20px; }
.ps-work-card a:focus-visible { outline: 3px solid #f6c75f; outline-offset: -4px; }
@media(max-width:900px) { .ps-work-card-copy { padding: 26px; } .ps-work-card h3 { font-size: 26px; } }
@media(max-width:700px) { .ps-work-card { grid-template-columns: 1fr; } .ps-work-card > a img { height: auto; min-height: 0; aspect-ratio: 1.756; object-fit: cover; } .ps-work-card-copy { padding: 24px; } }
@media(prefers-reduced-motion:reduce) { .ps-work-card > a img { transition: none; } .ps-work-card > a:hover img { transform: none; } }