/* The retained portfolio needs interior spacing with WitchOps card surfaces.
   Scope these adjustments to its page so case studies retain their layouts. */
.wo-portfolio .hero-copy{min-width:0}
.wo-portfolio .portrait-crop picture{display:block;width:100%;height:100%}
.wo-portfolio .portrait-crop img{width:100%;height:100%;object-fit:cover}
.wo-portfolio .hiring-paths{gap:24px}
.wo-portfolio .hiring-path{padding:24px;border:1px solid var(--line);border-top:2px solid var(--wo-amethyst)}
.wo-portfolio .hiring-path:nth-child(2){border-top-color:var(--wo-cyan)}
.wo-portfolio .hiring-path:nth-child(3){border-top-color:var(--wo-cobalt)}
.wo-portfolio .hiring-path-links{min-width:0;width:100%}
.wo-portfolio .hiring-path-links a{grid-template-columns:1.1rem minmax(0,1fr) 1rem;gap:10px;padding-block:14px}
.wo-portfolio .hiring-path-links a>span:first-child{min-width:0;overflow-wrap:anywhere}
.wo-portfolio .hiring-path-links a>span:last-child{justify-self:end}
.wo-portfolio .hiring-path-scope{padding-top:16px}
.wo-portfolio .hiring-path :where(p,h3){overflow-wrap:break-word}
@media(max-width:960px){.wo-portfolio .hiring-paths{grid-template-columns:minmax(0,1fr)}.wo-portfolio .hiring-path-scope{margin-top:0}.wo-portfolio .hiring-path-links a{font-size:1rem}}
@media(max-width:390px){.wo-portfolio .hiring-path{padding:20px}.wo-portfolio .hiring-path-links a{gap:8px}}