/* Equal 1:1 media and copy panels; 1080 x 1080 is the design ratio, not a fixed viewport size. */
body.mk-v16.mk-v18 #services .service-stack .service-panel,
body.mk-v16.mk-v18 #work .work-grid .work-item .work-art,
body.mk-v16.mk-v18 .gallery-track .mk-site-showcase {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  padding:0!important;
  align-items:start!important;
}
body.mk-v16.mk-v18 #services .service-stack .service-panel .panel-art,
body.mk-v16.mk-v18 #services .service-stack .service-panel .panel-copy,
body.mk-v16.mk-v18 #work .mk-case-media,
body.mk-v16.mk-v18 #work .mk-case-brief,
body.mk-v16.mk-v18 .mk-gallery-media,
body.mk-v16.mk-v18 .mk-gallery-copy {
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  aspect-ratio:1!important;
  box-sizing:border-box;
  align-self:start!important;
  container-type:inline-size;
}
body.mk-v16.mk-v18 #services .service-stack .service-panel .panel-art,
body.mk-v16.mk-v18 #work .mk-case-media,
body.mk-v16.mk-v18 .mk-gallery-media {overflow:hidden!important;}
body.mk-v16.mk-v18 #services .service-stack .service-panel .panel-art {container-type:size;}
body.mk-v16.mk-v18 #services .service-stack .service-panel .panel-copy {
  padding:clamp(14px,5cqw,32px)!important;
  justify-content:center!important;
}
body.mk-v16.mk-v18 #services .service-panel .panel-copy h3 {
  font-size:clamp(24px,8cqw,40px)!important;
  line-height:1.15!important;
  margin:10px 0 14px!important;
}
body.mk-v16.mk-v18 #services .service-panel .panel-copy p {
  font-size:clamp(14px,4.5cqw,17px)!important;
  line-height:1.5!important;
}
body.mk-v16.mk-v18 #services .service-platforms {font-size:clamp(10px,3.3cqw,13px);margin-top:12px;}
body.mk-v16.mk-v18 #services .service-panel .panel-photo {position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;}

/* Edge-to-edge mosaics, with cells chosen for the source image shapes. */
body.mk-v16.mk-v18 #services .mk-original-paid-grid,
body.mk-v16.mk-v18 #services .mk-web-collage {
  position:absolute!important;inset:0!important;padding:0!important;gap:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  align-content:stretch!important;transform:none!important;
}
body.mk-v16.mk-v18 #services :is(.mk-original-paid-grid,.mk-web-collage)>img {
  display:block!important;grid-column:auto!important;grid-row:auto!important;
  width:100%!important;height:100%!important;min-width:0;min-height:0;
  aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
body.mk-v16.mk-v18 #services .mk-web-collage {grid-template-columns:minmax(0,1fr)!important;}
body.mk-v16.mk-v18 #services .mk-web-collage>img {object-position:center top!important;}
/* Fit the 4:5 poster into its square without cutting its title or booking details. */
body.mk-v16.mk-v18 #services .mk-original-paid-grid>img:first-child {object-fit:fill!important;}
body.mk-v16.mk-v18 #services .mk-v12-social.mk-oct6-social {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  aspect-ratio:1!important;padding:0!important;gap:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important;
  align-content:stretch!important;align-items:stretch!important;
}
body.mk-v16.mk-v18 #services .mk-oct6-social>.mk-social-still,
body.mk-v16.mk-v18 #services .mk-oct6-social>.mk-video-card {
  aspect-ratio:auto!important;width:100%;height:100%!important;padding:0!important;overflow:hidden;
  border:0!important;border-radius:0!important;
}
body.mk-v16.mk-v18 #services .mk-oct6-social :is(.mk-social-still img,.mk-video-card video) {width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
body.mk-v16.mk-v18 #services .mk-oct6-social :is(.mk-social-still,.mk-video-card)::before {inset:0;}
body.mk-v16.mk-v18 #services .mk-oct6-social>.mk-video-card.is-playing {
  position:absolute!important;inset:0!important;aspect-ratio:1!important;width:100%!important;height:100%!important;z-index:10;
}
body.mk-v16.mk-v18 #services .mk-v12-brand.mk-five-brands {
  inset:0!important;padding:0!important;gap:0!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;
  align-content:stretch;align-items:stretch;
}
body.mk-v16.mk-v18 #services .mk-five-brands>img:nth-child(n) {
  grid-column:auto;grid-row:auto;width:100%;height:100%;aspect-ratio:auto;
  object-fit:cover;object-position:center;transform:none;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
body.mk-v16.mk-v18 #services .mk-five-brands>img:nth-child(2) {object-position:center 65%;}

body.mk-v16.mk-v18 #work .mk-case-brief {
  padding:clamp(12px,5cqw,32px)!important;justify-content:center;
}
body.mk-v16.mk-v18 #work .mk-case-brief dl {gap:clamp(7px,2.7cqw,18px);}
body.mk-v16.mk-v18 #work .mk-case-brief dt {font-size:clamp(10px,2.8cqw,13px);margin-bottom:4px;}
body.mk-v16.mk-v18 #work .mk-case-brief dd {font-size:clamp(12px,3.8cqw,17px);line-height:1.4;}
body.mk-v16.mk-v18 #work .mk-case-brief .mk-case-result dd {font-size:clamp(15px,4.5cqw,21px);}
body.mk-v16.mk-v18 #work .mk-case-brief>small {font-size:clamp(10px,2.6cqw,12px);line-height:1.35;margin-top:8px;}
body.mk-v16.mk-v18 #work .mk-case-open {font-size:clamp(12px,3.3cqw,16px);margin-top:10px;padding-top:10px;}
/* The category is already shown under each card; keep decorative badges off the artwork. */
body.mk-v16.mk-v18 #work .work-sticker {display:none!important;}
body.mk-v16.mk-v18 #work .work-grid .work-item .mk-case-media>.work-thumb {
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;object-fit:cover!important;object-position:center!important;transform:none!important;
}
body.mk-v16.mk-v18 #work .mk-case-media .mk-case-collage {
  position:absolute;inset:0!important;padding:0!important;gap:0!important;
  grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;align-content:stretch;
}
body.mk-v16.mk-v18 #work .mk-creators-collage>figure:nth-child(n) {grid-column:auto;grid-row:auto;aspect-ratio:auto;width:100%;height:100%;margin:0!important;border:0!important;}
body.mk-v16.mk-v18 #work .mk-creators-collage>figure:nth-child(n) img {width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;}
body.mk-v16.mk-v18 #work .work-real-jewelry {position:absolute;inset:0;padding:0!important;}
body.mk-v16.mk-v18 #work .mk-jewelry-hero {display:block;width:100%;height:100%;object-fit:cover;}

/* Website gallery: preserve existing labels and links in a separate square. */
body.mk-v16.mk-v18 .gallery-track .gallery-slide {scale:1!important;}
body.mk-v16.mk-v18 .gallery-track .mk-site-showcase {direction:ltr;}
body.mk-v16.mk-v18 .gallery-track .mk-site-showcase::after {display:none!important;}
body.mk-v16.mk-v18 .mk-gallery-media .project-photos {inset:0!important;opacity:.14;}
body.mk-v16.mk-v18 .mk-gallery-media .mk-site-window {
  position:absolute;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:1;
  border:0!important;border-radius:0!important;box-shadow:none;overflow:hidden;
}
body.mk-v16.mk-v18 .mk-gallery-media .mk-site-window img {display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover!important;object-position:center top;background:#e9eef8;}
body.mk-v16.mk-v18 .mk-gallery-media .mk-browser-bar {display:none!important;}
body.mk-v16.mk-v18 .mk-gallery-copy {
  display:flex;flex-direction:column;justify-content:center;padding:clamp(14px,6cqw,38px);
  direction:rtl;background:#fff;color:var(--mk-ink);
}
body.mk-v16.mk-v18 .mk-gallery-copy .poster-meta {
  position:static!important;max-width:none!important;color:var(--mk-accent);font-size:clamp(10px,2.8cqw,13px);
}
body.mk-v16.mk-v18 .gallery-track .mk-gallery-copy strong {
  position:static!important;max-width:100%!important;font-size:clamp(24px,7cqw,42px)!important;
  line-height:1.15!important;transform:none!important;margin:14px 0;color:var(--mk-ink)!important;text-shadow:none!important;align-self:stretch;
}
body.mk-v16.mk-v18 .gallery-track .mk-gallery-copy h3 {font-size:clamp(18px,4.5cqw,25px)!important;margin:0 0 18px!important;}
body.mk-v16.mk-v18 .mk-gallery-copy .slide-link {font-size:clamp(14px,3.7cqw,18px);}

/* The scroll stack must fit below its service controls on shorter desktop viewports. */
@media(min-width:1101px) and (min-height:720px) and (prefers-reduced-motion:no-preference) {
  body.mk-v16.mk-v18 #services .service-frame {
    max-width:min(100%,calc(200svh - 440px))!important;
    justify-self:center;
  }
}

@media(max-width:760px) {
  body.mk-v16.mk-v18 #services .service-stack .service-panel,
  body.mk-v16.mk-v18 #work .work-grid .work-item .work-art,
  body.mk-v16.mk-v18 .gallery-track .mk-site-showcase {grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;}
  body.mk-v16.mk-v18 #services .service-arrow,
  body.mk-v16.mk-v18 #work .selected-work-arrow,
  body.mk-v16.mk-v18 .gallery-arrow {top:calc((100vw - 64px) / 2)!important;}
}

/* Approved exception: show the complete organic-search artwork inside its square. */
body.mk-v16.mk-v18 #services .organic-art .mk-organic-visual {
  inset:5%!important;width:90%!important;height:90%!important;
}
body.mk-v16.mk-v18 #services .organic-art .mk-organic-grid {width:82%!important;}
body.mk-v16.mk-v18 #services .organic-art .panel-photo {
  object-fit:contain!important;object-position:center!important;
}
