/* Talent Rank uses the shared case-study system; these rules frame its original desktop screens. */
.talent-hero .hero-desktop{width:45%;left:4%;top:32px;aspect-ratio:2940/2430}
.talent-hero .hero-mobile{width:45%;right:4%;top:32px;max-width:none;aspect-ratio:2940/2430}
.talent-screen,.talent-wireframe-pair,.talent-sketch{margin:0;padding:24px;background:linear-gradient(130deg,#8999a4,#576d7b);border-radius:6px}
.talent-screen figcaption,.talent-wireframe-pair figcaption{font-size:10px;letter-spacing:.06em;color:#eef2f5;margin-bottom:14px}
.talent-screen img{width:100%;height:auto;border-radius:5px}
.talent-sketch{height:370px;overflow:hidden}
.talent-sketch img{width:100%;height:100%;object-fit:cover;object-position:center 43%;border-radius:5px}
.talent-wireframe-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.talent-wireframe-pair .talent-screen{padding:0;background:none;min-width:0}
.talent-wireframe-pair img{height:280px;object-fit:cover;object-position:top}
@media(max-width:1000px){.talent-wireframe-pair{grid-template-columns:1fr}.talent-wireframe-pair img{height:auto}}
@media(max-width:750px){.talent-hero .hero-desktop{width:65%;left:4%;top:22px}.talent-hero .hero-mobile{width:53%;right:3%;top:120px}.talent-sketch{height:300px;padding:16px}.talent-screen,.talent-wireframe-pair{padding:16px}.talent-wireframe-pair{gap:20px}.talent-wireframe-pair .talent-screen{padding:0}.talent-wireframe-pair img{height:auto}.talent-screen figcaption,.talent-wireframe-pair figcaption{font-size:9px}}

/* Focus the sketch modestly toward its upper-left exploration. */
.talent-sketch img{object-position:left top}
.talent-process-row .talent-screen{background:#fff}
.talent-process-row .talent-screen figcaption{color:#56656e}
.talent-flow-board{padding:24px;background:linear-gradient(130deg,#8999a4,#576d7b);border-radius:6px}
.talent-flow-board figure{margin:0 0 22px}
.talent-flow-board figure:last-child{margin-bottom:0}
.talent-flow-board figcaption{font-size:10px;letter-spacing:.04em;color:#eef2f5;margin-bottom:12px}
.talent-flow-board img{display:block;width:100%;height:auto;border-radius:5px}
@media(max-width:750px){.talent-flow-board{padding:16px}.talent-flow-board figcaption{font-size:9px}}
/* Single full-width hero; the second screen follows below in the reveal. */
.talent-hero .hero-desktop,.talent-hero .hero-mobile{position:relative;inset:auto;width:92%;max-width:none;height:auto;aspect-ratio:2940/2430;margin:0 4%;overflow:hidden}
.talent-hero .hero-desktop{margin-top:32px}
.talent-hero .hero-mobile{margin-top:24px}
@media(max-width:750px){.talent-hero .hero-desktop{margin-top:22px}}

.talent-process-row img{filter:none}

/* Concise headings retain the case-study accent treatment. */
.talent-case h3 em{font-family:Georgia,serif;font-weight:400;color:var(--teal-light);letter-spacing:-.055em}
@media(max-width:380px){.talent-case h2{font-size:28px}}

/* Subheads use the standard upright typeface. */
.talent-case h3 em{font-family:inherit;font-style:normal}

/* Match the other image panels while preserving the source diagram canvas. */
.talent-process-row .talent-screen{background:linear-gradient(130deg,#8999a4,#576d7b)}
.talent-process-row .talent-screen figcaption{color:#eef2f5}
.talent-process-row .talent-screen img{background:#fff;border:1px solid #263035}