/* Figma 2334:771. Scoped to the homepage showcase; other pages retain their design. */
#research{width:100vw;max-width:none;margin-inline:calc(50% - 50vw);padding-inline:clamp(20px,2.22vw,32px);grid-template-columns:minmax(0,625fr) minmax(0,500fr);column-gap:clamp(40px,14.1vw,203px);row-gap:40px;overflow:clip}
#research>h2{font-size:clamp(52px,5.417vw,78px);line-height:1.05;letter-spacing:-.04em;font-weight:500;max-width:none;margin:0;white-space:nowrap}
#research>h2 span{display:inline}
#research .work-intro{font-size:22px;line-height:1.5;text-align:right;margin:0;max-width:500px!important;justify-self:end}
#research .outcome-grid{gap:40px 24px}
#research .outcome-card{border-radius:36px;background:#f4f6fa}
#research .outcome-copy{padding:36px;gap:26px;justify-content:start;flex:initial}
#research .outcome-copy>*{margin:0;max-width:none}
#research .outcome-copy h3{font-size:38px;font-weight:500;line-height:1.05;letter-spacing:-.04em;text-wrap:initial}
#research .outcome-copy p{font-size:20px;line-height:1.5;letter-spacing:-.01em;color:#576278}
#research .outcome-copy .outcome-areas{font-size:25px;color:#0249cc;font-weight:400}
#research .outcome-copy .outcome-status{font-size:20px;font-weight:600;color:#0249cc}
#research .outcome-card:first-child .outcome-status{font-weight:700}
#research .outcome-card:first-child .outcome-copy,#research .outcome-card:last-child .outcome-copy{padding:48px;align-self:center}
#research .outcome-card:first-child .outcome-copy h3,#research .outcome-card:last-child .outcome-copy h3{font-size:52px}
#research .outcome-visual{height:390px;min-height:390px;padding:36px;flex:none}
#research .outcome-card:first-child .outcome-visual,#research .outcome-card:last-child .outcome-visual{height:660px;min-height:660px}
#research .outcome-art{inset:-65px 0 auto;height:calc(100% + 65px);width:100%;aspect-ratio:auto;opacity:1;mix-blend-mode:normal}
#research .outcome-art img{object-fit:cover;object-position:center;filter:none}
#research .outcome-creative-economy .outcome-visual:after{display:none}
#research .outcome-metric strong{font-size:112px;line-height:1.05;letter-spacing:-.04em;font-weight:500}
#research .outcome-card:first-child .outcome-metric strong,#research .outcome-card:last-child .outcome-metric strong{font-size:138px}
#research .outcome-metric .word-result{font-size:56px;white-space:nowrap}
#research .outcome-metric p{font-size:20px;line-height:1.5;letter-spacing:-.01em}
#research .outcome-link{width:253px;min-width:0;min-height:61.6px;padding:12px 24.2px;font-size:22px;line-height:26.62px;font-weight:600;white-space:nowrap;color:white;background:linear-gradient(90deg,#fc5c2b 0%,#fd6a36 25.267%,#fd7841 58.349%,#fe9557 100%);margin:0;flex-shrink:0}
#research .outcome-link:hover{filter:brightness(.95)}
#research .outcome-link:focus-visible{outline:3px solid #0249cc;outline-offset:5px}
/* Shared grid tracks align every text row, even when the copy wraps differently. */
@media(min-width:1000px){
 #research .outcome-grid{grid-template-rows:auto 390px auto auto auto auto auto 36px auto}
 #research .outcome-card:nth-child(2),#research .outcome-card:nth-child(3){display:grid;grid-row:2/9;grid-template-rows:subgrid;row-gap:0}
 #research .outcome-card:nth-child(2){grid-column:1}#research .outcome-card:nth-child(3){grid-column:2}
 #research .outcome-card:nth-child(2) .outcome-copy,#research .outcome-card:nth-child(3) .outcome-copy{display:grid;grid-row:2/8;grid-template-rows:subgrid;row-gap:0;padding:0 36px 36px}
 #research .outcome-card:nth-child(2) .outcome-copy>*,#research .outcome-card:nth-child(3) .outcome-copy>*{align-self:start;margin-top:26px}
 #research .outcome-card:nth-child(2) .outcome-copy>.outcome-areas,#research .outcome-card:nth-child(3) .outcome-copy>.outcome-areas{margin-top:36px}
 #research .outcome-card:nth-child(2) .outcome-copy>h3,#research .outcome-card:nth-child(3) .outcome-copy>h3{min-height:80px}
 #research .outcome-card:nth-child(2) .outcome-copy>p:not([class]),#research .outcome-card:nth-child(3) .outcome-copy>p:not([class]){min-height:120px}
 #research .outcome-card:last-child{grid-row:9}
}
@media(min-width:1000px) and (max-width:1250px){
 #research{column-gap:40px}#research>h2{font-size:58px}#research .work-intro{font-size:20px}
 #research .outcome-copy,#research .outcome-card:first-child .outcome-copy,#research .outcome-card:last-child .outcome-copy{padding:28px}
 #research .outcome-copy .outcome-areas{font-size:21px}#research .outcome-copy h3{font-size:34px}#research .outcome-card:first-child .outcome-copy h3,#research .outcome-card:last-child .outcome-copy h3{font-size:42px}
}
@media(max-width:999px){
 #research{grid-template-columns:1fr;gap:28px}#research>h2{font-size:clamp(40px,7.4vw,72px);white-space:normal}#research .work-intro{text-align:left;justify-self:start}
 #research .outcome-grid{grid-template-columns:1fr;gap:28px}
 #research .outcome-card,#research .outcome-card:first-child,#research .outcome-card:last-child{display:flex;flex-direction:column}
 #research .outcome-visual,#research .outcome-card:first-child .outcome-visual,#research .outcome-card:last-child .outcome-visual{height:450px;min-height:450px;order:0}
 #research .outcome-copy,#research .outcome-card:first-child .outcome-copy,#research .outcome-card:last-child .outcome-copy{padding:32px;order:1;align-self:stretch}
 #research .outcome-copy h3,#research .outcome-card:first-child .outcome-copy h3,#research .outcome-card:last-child .outcome-copy h3{font-size:42px}
 #research .outcome-card:first-child .outcome-metric strong,#research .outcome-card:last-child .outcome-metric strong{font-size:112px}
}
@media(max-width:599px){
 #research>h2{font-size:clamp(36px,9.4vw,54px)}#research .work-intro{font-size:18px}
 #research .outcome-card{border-radius:28px}#research .outcome-grid{gap:24px}
 #research .outcome-visual,#research .outcome-card:first-child .outcome-visual,#research .outcome-card:last-child .outcome-visual{height:340px;min-height:340px;padding:24px}
 #research .outcome-art{top:-20px;height:calc(100% + 20px)}
 #research .outcome-copy,#research .outcome-card:first-child .outcome-copy,#research .outcome-card:last-child .outcome-copy{padding:24px;gap:20px}
 #research .outcome-copy h3,#research .outcome-card:first-child .outcome-copy h3,#research .outcome-card:last-child .outcome-copy h3{font-size:30px}
 #research .outcome-copy p,#research .outcome-copy .outcome-status,#research .outcome-metric p{font-size:16px}
 #research .outcome-copy .outcome-areas{font-size:18px}
 #research .outcome-metric strong,#research .outcome-card:first-child .outcome-metric strong,#research .outcome-card:last-child .outcome-metric strong{font-size:80px}
 #research .outcome-metric .word-result{font-size:38px}
 #research .outcome-link{font-size:18px;width:100%;min-height:56px;white-space:normal}
}

/* The full project pages reuse the showcase, with room for the original detail paragraph. */
.inner-page #research>h2{grid-column:1/-1}
.inner-page #research .outcome-grid{grid-template-rows:none}
.inner-page #research .outcome-card:nth-child(2),.inner-page #research .outcome-card:nth-child(3){display:flex;grid-row:auto;grid-column:auto}
.inner-page #research .outcome-card:nth-child(2) .outcome-copy,.inner-page #research .outcome-card:nth-child(3) .outcome-copy{display:flex;flex-direction:column;gap:26px;padding:36px}
.inner-page #research .outcome-card:nth-child(2) .outcome-copy>*,.inner-page #research .outcome-card:nth-child(3) .outcome-copy>*{margin:0;min-height:0}
.inner-page #research .outcome-card:last-child{grid-row:auto}
.inner-page #research .outcome-metric .word-result{white-space:normal}
@media(max-width:599px){.inner-page #research .outcome-card:nth-child(2) .outcome-copy,.inner-page #research .outcome-card:nth-child(3) .outcome-copy{padding:24px;gap:20px}}