/* Latest client media: ordered social triptych, five brands, selected-work collages. */
#services .mk-v12-social.mk-oct6-social{direction:ltr;inset:0;display:grid;grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,.5625fr));grid-template-rows:minmax(0,1fr);gap:5px;background:#e8e0d8;isolation:isolate}
#services .mk-oct6-social>.mk-social-still:first-child{grid-column:1;grid-row:1}
#services .mk-oct6-social>.mk-video-card:nth-child(2){grid-column:2;grid-row:1;min-height:0;padding:6px 0 10px;position:relative;display:grid;place-items:center;background:#e8e0d8;--ambient-poster:url('update-oct6/social-presenter-poster.jpg')}
#services .mk-oct6-social>.mk-social-still:nth-child(3){grid-column:3;grid-row:1}
#services .mk-oct6-social .mk-social-still{background:#e8e0d8;min-width:0;min-height:0}
#services .mk-oct6-social .mk-social-still img{object-fit:cover;object-position:center;width:100%;height:100%}
#services .mk-oct6-social .mk-video-card video{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain!important;object-position:center!important;background:transparent;position:relative;z-index:1}
#services .mk-oct6-social .mk-video-card:before{content:'';position:absolute;inset:-24px;background-image:var(--ambient-poster);background-size:cover;background-position:center;filter:blur(24px);opacity:.28;pointer-events:none}
#services .mk-oct6-social .mk-video-card .mk-play{top:50%!important;left:50%!important;bottom:auto!important;right:auto!important;transform:translate(-50%,-50%)!important;width:clamp(40px,4vw,60px);height:clamp(40px,4vw,60px);padding:0;aspect-ratio:1;line-height:1;display:grid;place-items:center;z-index:5}
#services .mk-oct6-social .mk-video-card .mk-play svg{width:38%;height:38%;margin-left:3%;fill:currentColor}
#services .mk-oct6-social .mk-video-card.is-playing{position:absolute;inset:0;grid-column:auto;grid-row:auto;width:100%;height:100%;padding:6px 0 10px;z-index:10;background:#e8e0d8}
#services .mk-oct6-social .mk-video-card.is-playing .mk-play{display:none}
#services .mk-v12-brand.mk-five-brands{inset:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;padding:18px;background:#e9ddc8;direction:ltr}
#services .mk-five-brands>img:nth-child(n){display:block;grid-column:span 2;grid-row:1;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center;padding:10px;transform:none;background:#fff7eb;border:1px solid #3e342916;box-shadow:0 5px 14px #63482912;transition:transform .3s ease}
#services .mk-five-brands>img:nth-child(2){background:#f94d24}
#services .mk-five-brands>img:nth-child(3){background:#fff}
#services .mk-five-brands>img:nth-child(4){grid-column:1/span 3;grid-row:2}
#services .mk-five-brands>img:nth-child(5){grid-column:4/span 3;grid-row:2;background:#f3f6eb}
#services .mk-five-brands>img:hover{transform:translateY(-3px)}
#work .mk-case-collage{position:absolute;inset:14px 14px 64px;display:grid;gap:10px;min-width:0;min-height:0;direction:ltr;z-index:2}
#work .mk-case-collage>figure{position:relative;min-width:0;min-height:0;overflow:hidden;margin:0;border:1px solid #ffffff66;background:#e7e4df;box-shadow:0 5px 18px #15141c20}
#work .mk-case-collage img{position:static!important;display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;transform:none!important;object-fit:contain!important;object-position:center!important}
#work .mk-illustration-tag{position:absolute;right:6px;bottom:6px;background:#ffffffed;color:#34323c;font-size:12px;line-height:1.2;padding:4px 7px;direction:rtl}
#work .mk-creators-collage{grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(2,minmax(0,1fr));background:#f5d6e3;padding:8px}
#work .mk-creators-collage>figure:first-child{grid-column:1;grid-row:1/span 2}
#work .mk-creators-collage>figure:nth-child(2){grid-column:2;grid-row:1}
#work .mk-creators-collage>figure:nth-child(3){grid-column:2;grid-row:2;background:#fce5ed}
#work .mk-creators-collage>figure:first-child img{object-fit:cover!important;object-position:50% 28%!important}
#work .mk-creators-collage>figure:nth-child(2) img{object-fit:cover!important;object-position:50% 38%!important}
#work .mk-creators-collage>figure:nth-child(3) img{object-fit:contain!important}
#work .work-art-2{background:#f5d6e3!important}
@media(max-width:680px){
 #services .mk-v12-social.mk-oct6-social{gap:3px;grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,.5625fr));grid-template-rows:minmax(0,1fr)}
 #services .mk-oct6-social .mk-video-card .mk-play{width:40px;height:40px}
 #services .mk-v12-brand.mk-five-brands{gap:7px;padding:12px}
 #services .mk-five-brands>img:nth-child(n){padding:7px}
 #work .mk-case-collage{inset:9px 9px 56px;gap:6px}
 #work .mk-creators-collage{padding:5px;grid-template-columns:1.15fr 1fr}
}
@media(prefers-reduced-motion:reduce){#services .mk-five-brands>img{transition:none}#services .mk-five-brands>img:hover{transform:none}}

/* Full-size square + portrait + portrait composition, without reducing images inside tall columns. */
#services .service-stack .service-panel .panel-art.social-art{height:auto!important;min-height:0!important;width:100%!important;aspect-ratio:17/8!important;align-self:center;flex:none!important}
#work .work-grid .work-item:nth-child(1) .work-art .work-thumb{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;transform:none!important;object-fit:contain!important;object-position:center!important;box-shadow:none!important}
#work .mk-creators-collage>figure:nth-child(3) img{object-fit:cover!important;object-position:50% 38%!important}
@media(max-width:680px){#services .mk-oct6-social>.mk-video-card:nth-child(2){padding:4px 0 8px}#services .mk-oct6-social .mk-video-card.is-playing{padding:4px 0 8px}}