/* Shared refinements: article cards, client disclosures and natural studio image sizes. */
body .unified-shell__menu{display:inline-flex!important}
#practical-next-step.ed-callout h2{color:#171717!important}
.mk-client-disclosure{min-width:0;border-top:1px solid #ffffff28;padding-top:18px;color:#f4eee3}
.mk-client-disclosure summary{display:flex;justify-content:space-between;align-items:center;gap:30px;cursor:pointer;list-style:none;font:600 16px/1.4 'Space Grotesk',sans-serif;padding:8px 0 16px}
.mk-client-disclosure summary::-webkit-details-marker{display:none}.mk-client-disclosure summary span{font-size:26px;font-weight:400;color:#f16a21}.mk-client-disclosure[open] summary span{transform:rotate(45deg)}
.mk-client-disclosure nav{display:grid;gap:12px;padding:4px 0 22px}.mk-client-disclosure nav a{display:block;color:inherit;text-decoration:none;font-size:13px;line-height:1.6}.mk-client-disclosure nav a:hover{color:#f16a21}.mk-client-disclosure summary:focus-visible{outline:2px solid #f16a21;outline-offset:4px}
.mk-footer-directory>.mk-client-disclosure{grid-column:1/-1}.mk-footer-directory>.mk-client-disclosure nav{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-directory-grid>.mk-client-disclosure{grid-column:1/-1}.mk-directory-grid>.mk-client-disclosure nav{grid-template-columns:repeat(2,minmax(0,1fr))}
body .studio-gallery.mk-studio-masonry{display:block;columns:2;column-gap:20px;overflow:visible;background:transparent;padding:0;border-radius:0}
body .mk-studio-masonry>.studio-photo{position:relative;display:inline-block;vertical-align:top;width:100%;height:auto;min-height:0;aspect-ratio:auto;margin:0 0 20px;padding:0;border:1px solid #ffffff24;border-radius:16px;background:#111;overflow:hidden;break-inside:avoid;cursor:zoom-in}
body .mk-studio-masonry>.studio-photo img{position:static;display:block;width:100%;height:auto;max-height:none;object-fit:contain;transform:none!important;filter:none}
body .mk-studio-masonry>.studio-photo>span{position:absolute;inset:auto 14px 14px auto;padding:10px 14px;border-radius:30px;background:#080808bd;color:white;font-size:10px;opacity:1}
body .studio-dialog img{object-fit:contain;max-width:100%;max-height:80dvh}body .studio-location .mk-studio-controls{margin-top:0}
@media(max-width:700px){
body .culture-logo-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding-block:14px!important;overflow:hidden;direction:ltr}
body .culture-logo-grid .mk-logo-row{display:block;width:100%;overflow:hidden}
body .culture-logo-grid .mk-logo-track{display:flex;width:max-content!important;animation:mk-complete-logos-left 38s linear infinite;will-change:transform}
body .culture-logo-grid .mk-logo-row[data-direction="right"] .mk-logo-track{animation-name:mk-complete-logos-right}
body .culture-logo-grid .mk-logo-group{display:grid;grid-template-columns:repeat(var(--mobile-logo-count),96px)!important;flex:0 0 auto;width:auto;gap:16px;padding-right:16px;align-items:center}
body .culture-logo-grid .culture-logo{display:flex!important;align-items:center;justify-content:center;min-width:0!important;width:96px!important;min-height:70px!important;height:70px!important;padding:10px!important;box-sizing:border-box}
body .culture-logo-grid .culture-logo img{display:block;width:100%!important;max-width:100%!important;height:46px!important;object-fit:contain}
body .studio-gallery.mk-studio-masonry{columns:1}body .mk-studio-masonry>.studio-photo{margin-bottom:14px;border-radius:12px}body .mk-client-disclosure nav{grid-template-columns:1fr 1fr!important;gap:12px}.mk-client-disclosure nav a{font-size:12px}.mk-footer-directory>.mk-client-disclosure{margin-top:12px}}
html[data-theme='light'] .mk-client-disclosure{color:#171717;border-color:#17171730}

@keyframes mk-complete-logos-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes mk-complete-logos-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(hover:none){body .culture-clients:hover .mk-logo-track{animation-play-state:running!important}}
@media(prefers-reduced-motion:reduce){body .culture-logo-grid .mk-logo-track{animation:none!important;transform:none!important}}

/* Let the supplied artwork be the entire card, at its original 16:9 ratio. */
body .ed-card.mk-image-card{position:relative;display:block;isolation:isolate;box-sizing:border-box;width:100%;min-width:0;aspect-ratio:16/9;margin:0;padding:0;border:0;border-radius:24px;overflow:hidden;background:#080908;text-decoration:none!important;box-shadow:0 0 0 1px #ffffff14,0 12px 32px #00000024;transform:translateY(0);transition:transform .38s cubic-bezier(.2,.7,.2,1),box-shadow .38s}
body .ed-card.mk-image-card>.mk-card-cover{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none;max-height:none;margin:0;padding:0;aspect-ratio:16/9;object-fit:contain;border-radius:inherit;background:#080908;transform:none!important;transition:none}
body .ed-card.mk-image-card>.mk-card-title{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:0!important;padding:0!important;border:0!important}
body .ed-card.mk-image-card:before{content:"";position:absolute;inset:0;z-index:2;border:1px solid #ffffff20;border-radius:inherit;pointer-events:none;transition:border-color .35s}
body .ed-card.mk-image-card:after{content:"";position:absolute;inset:-50%;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffffff0c 48%,#ffffff18 50%,#ffffff0c 52%,transparent 58%);transform:translateX(-75%);transition:transform .75s cubic-bezier(.2,.7,.2,1)}
body .ed-card.mk-image-card>.mk-card-open{position:absolute;z-index:3;inset-inline-end:15px;bottom:15px;display:grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:1px solid #f16a2180;border-radius:50%;background:#f16a21;color:#13100c;box-shadow:0 4px 18px #0005;opacity:0;transform:translate(-5px,8px) rotate(-12deg);transition:opacity .25s,transform .35s}
body .ed-card.mk-image-card>.mk-card-open svg{display:block;width:20px;height:20px;margin:0}
body .ed-card.mk-image-card:hover,body .ed-card.mk-image-card:focus-visible{transform:translateY(-7px);box-shadow:0 0 0 1px #f16a2199,0 16px 42px #0005,0 0 30px #f16a2110}
body .ed-card.mk-image-card:hover:before,body .ed-card.mk-image-card:focus-visible:before{border-color:#f16a2188}
body .ed-card.mk-image-card:hover:after,body .ed-card.mk-image-card:focus-visible:after{transform:translateX(75%)}
body .ed-card.mk-image-card:hover>.mk-card-open,body .ed-card.mk-image-card:focus-visible>.mk-card-open{opacity:1;transform:translate(0,0) rotate(0)}
body .ed-related .ed-grid{align-items:start;gap:26px;padding-top:28px;padding-bottom:0}
body.journal-article .ed-related>.ed-grid{gap:28px}
@media(max-width:700px){body .ed-card.mk-image-card{border-radius:18px}body .ed-related .ed-grid,body.journal-article .ed-related>.ed-grid{gap:24px}}
@media(hover:none){body .ed-card.mk-image-card>.mk-card-open{opacity:1;transform:none;width:34px;height:34px;bottom:12px;inset-inline-end:12px}body .ed-card.mk-image-card>.mk-card-open svg{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){body .ed-card.mk-image-card,body .ed-card.mk-image-card:after,body .ed-card.mk-image-card>.mk-card-open{transition:none!important;transform:none!important}}

body .ed-related>.ed-grid+.ed-button{margin-top:28px}

/* Readable headings on the article planning panel in both themes. */
#practical-next-step.ed-callout h2{color:#171717!important}

body .ed-related .ed-card.mk-image-card>p,body .ed-related .ed-card.mk-image-card>span:not(.mk-card-open){display:none!important}
body .ed-related .ed-card.mk-image-card{aspect-ratio:16/9!important;min-height:0!important}