/* Photoshop Production System — small extensions to the shared solution-page system. */
.solution-page--photoshop .photoshop-hero-media {
    min-height: 470px;
    overflow: hidden;
    background: radial-gradient(circle at 50% 20%, #fff 0%, #f3f4f9 62%, #e8ebf2 100%);
}
.solution-page--photoshop .photoshop-hero-media img {
    width: 126% !important;
    max-width: none;
    max-height: none;
    height: 470px;
    object-fit: cover;
    object-position: center;
}
.solution-page--photoshop .photoshop-application-list { gap: 54px; }
.production-flow {
    display: grid;
    gap: 0;
    min-height: 520px;
    padding: 34px;
    color: #fff;
    background: #102238;
}
.production-flow div {
    display: grid;
    grid-template-columns: 42px 1fr;
    column-gap: 15px;
    align-items: center;
    padding: 14px 17px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 14px;
    background: rgba(255,255,255,.06);
}
.production-flow small {
    grid-row: 1 / 3;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(135deg, #159d86, #0e7969);
    font-size: .64rem;
    font-weight: 900;
}
.production-flow strong { font-size: .96rem; }
.production-flow span { color: #b8c5d4; font-size: .75rem; }
.production-flow > b { display: grid; place-items: center; height: 22px; color: #50bdae; font-size: 1.05rem; }
.photoshop-system-image { display: block; width: 100%; min-height: 480px; object-fit: cover; object-position: center; }
.photoshop-update-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.photoshop-update-list span { padding: 7px 10px; border-radius: 999px; color: #287364; background: #edf8f5; font-size: .72rem; font-weight: 800; }
.solution-page--photoshop .real-work-copy > p:last-child { color: var(--muted); font-size: 1.05rem; }

@media (max-width: 720px) {
    .solution-page--photoshop .photoshop-hero-media { min-height: 300px; }
    .solution-page--photoshop .photoshop-hero-media img { width: 145% !important; height: 310px; }
    .production-flow { min-height: 0; padding: 20px; }
    .photoshop-system-image { min-height: 330px; }
}
