/* Selected direction: a substantial image beside the project story. */
.portfolio-redesign #work{position:relative;left:0;transform:none;width:100%;max-width:100%}
.portfolio-redesign #work .work-heading-group{max-width:610px}
.portfolio-redesign #work .outcome-list{grid-template-columns:minmax(0,1fr);gap:32px;justify-content:stretch}
.portfolio-redesign #work .outcome-row,.portfolio-redesign #work .outcome-row:last-child{display:grid;grid-template-columns:42% minmax(0,1fr);gap:28px;height:auto;min-height:251px;width:100%;max-width:none;padding:16px 24px 16px 16px;border-radius:24px;text-align:left;align-items:stretch}
.portfolio-redesign #work .outcome-row::after{border-radius:24px}
.portfolio-redesign #work .outcome-row .project-cover,.portfolio-redesign #work .outcome-row:last-child .project-cover{height:217px;width:100%;border-radius:16px;aspect-ratio:auto;align-self:center}
.portfolio-redesign #work .outcome-row .outcome-copy,.portfolio-redesign #work .outcome-row:last-child .outcome-copy{display:flex;flex-direction:column;justify-content:flex-start;height:100%;gap:16px;padding:0 0 16px;min-width:0}
.portfolio-redesign #work .project-story{display:block;margin:auto 0}
.portfolio-redesign #work .project-eyebrow{display:block;font-size:10px;line-height:1.5;font-weight:400;letter-spacing:.07em;color:var(--muted);text-transform:uppercase;margin:0 0 12px}
.portfolio-redesign #work .outcome-title{display:block;font-size:23px;line-height:1.25;font-weight:700;letter-spacing:-.25px;min-height:0;max-width:none;color:var(--ink);margin:0 0 12px}
.portfolio-redesign #work .project-summary{display:block;color:var(--muted);font-size:14.5px;line-height:1.5;font-weight:400}
.portfolio-redesign #work .project-tags{margin:0;gap:12px;flex-direction:row;align-items:center;flex-wrap:wrap}
.portfolio-redesign #work .project-tags>span{font-size:10px;font-weight:400;line-height:15px}
.portfolio-redesign #work .project-tags>span:last-child{padding:4px 9px;border-radius:16px}
.portfolio-redesign #work .outcome-row:is(:hover,:focus-visible){transform:rotate(-.65deg) translateY(-3px)!important}
@media(max-width:1100px) and (min-width:701px){.portfolio-redesign #work{max-width:calc(100vw - 176px)}}
@media(max-width:700px){
 .portfolio-redesign #work{left:0;transform:none;width:100%;max-width:100%}
 .portfolio-redesign #work .outcome-row,.portfolio-redesign #work .outcome-row:last-child{display:flex;flex-direction:column;min-height:0;height:auto;padding:12px;gap:20px;max-width:none}
 .portfolio-redesign #work .outcome-row .project-cover,.portfolio-redesign #work .outcome-row:last-child .project-cover{height:210px}
 .portfolio-redesign #work .outcome-row .outcome-copy,.portfolio-redesign #work .outcome-row:last-child .outcome-copy{height:auto;padding:0 4px 8px;gap:20px}
 .portfolio-redesign #work .project-story{margin:0}
 .portfolio-redesign #work .outcome-title{font-size:23px}
 .portfolio-redesign #work .project-eyebrow{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.portfolio-redesign #work .outcome-row:is(:hover,:focus-visible){transform:none!important}}

/* Fill the FASTag image frame. */
.portfolio-redesign #work .case-thumbnail{width:100%;height:100%;object-fit:cover;object-position:50% 50%}

/* Consistent blue impact pills. */
.portfolio-redesign #work .project-tags{gap:6px 7px}
.portfolio-redesign #work .project-tags>span{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:500;line-height:16px;white-space:nowrap;text-transform:uppercase;background:#e5efff;color:#0061df}
.portfolio-redesign #work .project-tags>span>span{font-size:14px;line-height:1}

/* Muted blue palette for dark mode. */
:root[data-theme=dark] .portfolio-redesign #work .project-tags>span{background:#202e42;color:#9ab9df}

.portfolio-redesign #work .private-project-label{display:inline-flex;gap:6px;align-items:center;font-size:11px;line-height:16px;color:var(--muted);margin-top:12px}

.portfolio-redesign #work .private-project-label svg{display:block;flex:0 0 12px;width:12px;height:12px;position:static;transform:none;align-self:center}
.portfolio-redesign #work .private-project-label>span{display:block;line-height:16px}

/* Fairday locked indicator. */
.portfolio-redesign #work [data-project="fairday"] .private-project-label{color:#175bb4}
:root[data-theme=dark] .portfolio-redesign #work [data-project="fairday"] .private-project-label{color:#9fc9ef}