/* Native interface images, sized as an editorial row rather than a paper screenshot. */
body[data-project=suzhou-scrollverse] #experience .rf-suzhou-native {grid-template-columns:minmax(0,1.25fr) minmax(0,.7fr) minmax(0,1.25fr);gap:24px;align-items:start}
body[data-project=suzhou-scrollverse] #experience .rf-suzhou-native>figure{display:block;min-width:0}
.rf-suzhou-native-media{height:350px;display:flex;flex-direction:column;justify-content:center;gap:14px;min-width:0}
body[data-project=suzhou-scrollverse] #experience .rf-suzhou-native-media img{display:block;width:100%;height:auto;max-height:calc(50% - 7px)!important;object-fit:contain;object-position:center}
body[data-project=suzhou-scrollverse] #experience .rf-suzhou-native-media>img:only-child{height:100%;max-height:350px!important;width:100%;object-fit:contain}
body[data-project=suzhou-scrollverse] #experience .rf-suzhou-native figcaption{margin-top:18px!important;text-align:left}
@media(max-width:760px){body[data-project=suzhou-scrollverse] #experience .rf-suzhou-native{grid-template-columns:1fr;gap:28px}.rf-suzhou-native-media{height:auto;gap:12px}body[data-project=suzhou-scrollverse] #experience .rf-suzhou-native-media img{max-height:none!important}body[data-project=suzhou-scrollverse] #experience .rf-suzhou-native-media>img:only-child{max-height:350px!important}}

.rf-suzhou-role{display:flex;align-items:center;gap:12px;min-width:0}
body[data-project=suzhou-scrollverse] #experience .rf-suzhou-role img{width:88px;height:88px;max-height:88px!important;border-radius:47%;object-fit:cover;flex:0 0 88px}
.rf-suzhou-role strong{display:block;font-size:20px;line-height:1.25;color:var(--accent)}
.rf-suzhou-role span{display:block;font-size:16px;line-height:1.3;margin-top:4px}
@media(max-width:760px){.rf-suzhou-roles{gap:16px;max-width:320px;margin-inline:auto}.rf-suzhou-role{gap:20px}}