.media-pair{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(20px,3.5vw,65px);align-items:end;padding:0 var(--pad) 100px;background:white}
.media-pair figure{margin:0;position:relative;overflow:hidden;border-radius:10px;aspect-ratio:1.48}
.media-pair figure:first-child{aspect-ratio:.95}.media-pair img{height:100%;width:100%;object-fit:cover}
.media-play{position:absolute;bottom:26px;left:26px;display:flex;align-items:center;gap:12px;padding:12px 18px;background:rgba(255,255,255,.95);color:#171c18;font-size:12px;border:1px solid #ffffff80;backdrop-filter:blur(12px)}
.media-play>span{display:grid;place-items:center;border:1px solid #afb6b0;border-radius:50%;width:29px;height:29px;font-size:11px;padding-left:2px}
.media-play:hover{background:var(--accent)}.r-service-hero figure{position:relative}
.h-introduction+.media-pair{background:#f4f7f3}.r-manifesto+.media-pair{padding-top:10px}
@media(max-width:700px){.media-pair{grid-template-columns:1fr;gap:18px;padding-bottom:55px}.media-pair figure:first-child{aspect-ratio:1.45}.media-pair figure:last-child{aspect-ratio:1.25}.media-play{bottom:18px;left:18px;font-size:11px;padding:9px 13px}.media-play>span{width:26px;height:26px}}

/* One centered, accessible play control across project visuals. */
.media-play{top:50%;left:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);height:76px;width:76px;min-height:0;padding:0;border-radius:50%;display:grid;place-items:center;background:#ffffffed;border:1px solid #ffffff80;box-shadow:0 4px 25px #0002;color:#17281e;transition:background .2s,box-shadow .2s}
.media-play svg{width:27px;height:27px;margin-left:3px}
.media-play:hover{background:var(--accent);box-shadow:0 4px 35px #0003}
@media(max-width:700px){.media-play{left:50%;top:50%;bottom:auto;height:60px;width:60px}.media-play svg{height:23px;width:23px}}