/* 28/10-36: uniform project media; left column except on phones. */
@layer research-project-media-review {
body .research-main .rd-card{grid-template-columns:260px minmax(0,1fr)!important}
body .research-main .rd-card>.rd-card-media{position:relative!important;display:block!important;align-self:center!important;width:100%!important;aspect-ratio:4/3!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;border:0!important;border-bottom:1px solid rgba(91,197,239,.18)!important;background:#071522!important;overflow:hidden!important}
body .research-main .rd-card>.rd-card-media>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center!important;padding:0!important;opacity:1!important;transform:none!important}
@media(min-width:761px) and (max-width:1199px){body .research-main .rd-card{grid-template-columns:clamp(190px,24vw,260px) minmax(0,1fr)!important}body .research-main .rd-card>.rd-card-media{align-self:center!important}}
@media(max-width:760px){body .research-main .rd-card{grid-template-columns:minmax(0,1fr)!important}body .research-main .rd-card>.rd-card-media{aspect-ratio:auto!important;height:clamp(140px,42vw,180px)!important}}
@media(max-width:760px){body .research-main .rd-card>.rd-card-media>img{object-fit:cover!important;object-position:center!important}body .research-main .rd-card>.rd-card-media>img[src*="Mooring-Monitoring"]{object-fit:contain!important}}
}

/* Inset media within the left column; keep mobile full width. */
@layer research-project-media-review {
@media(min-width:761px){body .research-main .rd-card>.rd-card-media{width:calc(100% - 32px)!important;place-self:center!important;margin:0!important;grid-column:1!important;grid-row:1!important}}
}

/* Include the content column's 26px inset in the visual centre. */
@layer research-project-media-review{@media(min-width:761px){body .research-main .rd-card>.rd-card-media{translate:13px 0!important}}}

@layer research-project-media-review{@media(min-width:761px) and (max-width:900px){body .research-main .rd-card>.rd-card-media{translate:10px 0!important}}}