/* Inert portfolio presentations. Root provides .portfolio-art sizing. */
.mkc-art{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;container-type:inline-size;font-family:Arial,Helvetica,sans-serif;text-align:left;line-height:1.2;color:#18222b}
.mkc-art *{box-sizing:border-box}.mkc-art img{display:block;max-width:none}.mkc-art p{margin:0}.mkc-study{position:absolute;bottom:18px;left:27px;z-index:5;font-size:8px;letter-spacing:1.25px;text-transform:uppercase;opacity:.72}.mkc-dots{display:flex;align-items:center;gap:4px}.mkc-dots i{width:5px;height:5px;display:block;border-radius:50%;background:currentColor;opacity:.35}.mkc-browser{height:25px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;color:#969ba9;border-bottom:1px solid #edf0f6}.mkc-browser p{font-size:6px;letter-spacing:.65px;font-weight:600}.mkc-art img{transition:transform .6s ease}
/* AI HeadHunter — a violet product workspace. */
.mkc-ai{background:#e9e7ff;color:#282264;background-image:radial-gradient(ellipse at 90% 0%,#f9f6ff 0,transparent 60%),radial-gradient(ellipse at 10% 100%,#b6aff8 0,transparent 60%)}
.mkc-ai::before,.mkc-ai::after{content:"";position:absolute;border:1px solid #6a5acd24;border-radius:50%;width:560px;height:560px;right:-240px;top:-245px}.mkc-ai::after{width:410px;height:410px;right:-165px;top:-170px}
.mkc-ai-brand{position:absolute;top:27px;left:30px;display:flex;align-items:center;gap:12px;z-index:3}.mkc-ai-brand img{width:141px;height:22px;object-fit:contain}.mkc-ai-brand>span{width:7px;height:7px;background:#4e4dff;border-radius:50%;box-shadow:0 0 0 5px #4e4dff0e}
.mkc-ai-title{position:absolute;top:73px;left:30px;font-size:clamp(25px,5.3cqw,34px);line-height:1.05;letter-spacing:-1.2px;font-weight:600;z-index:2}.mkc-ai-title em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#4e4dff}
.mkc-ai-frame{position:absolute;top:151px;left:7%;width:92%;border:1px solid #fff;border-radius:7px 7px 0 0;background:white;overflow:hidden;box-shadow:0 28px 55px #3f298139;transform:rotate(-4deg);transform-origin:50% 0;z-index:2}.mkc-ai-frame>img{width:100%;height:auto}.mkc-ai-badge{position:absolute;right:27px;top:35px;font-size:7px;font-weight:700;letter-spacing:1.2px;color:#69658c}
.mkc-ai .mkc-study{left:auto;right:25px;color:#30216d;background:#e9e7ffe8;padding:7px 9px;opacity:1;border-radius:2px}
/* InjuryPro — navy, orange, and a strong existing brand presentation. */
.mkc-ip{background:#0c1a2b;background-image:linear-gradient(130deg,#173b56,#0c1a2b 65%);color:#fff}
.mkc-ip::before{content:"";position:absolute;width:410px;height:410px;border:1px solid #67809533;border-radius:50%;right:-150px;top:-140px;box-shadow:0 0 0 58px #52708808,0 0 0 116px #52708808}
.mkc-ip-brand{position:absolute;top:27px;left:28px;padding:11px 14px;background:#f8fafb;border-radius:2px;z-index:3}.mkc-ip-brand img{width:155px;height:43px;object-fit:contain}
.mkc-ip-kicker{position:absolute;top:39px;right:29px;text-align:right;font-size:7px;letter-spacing:1.2px;line-height:1.65;color:#a4b9ca}.mkc-ip-kicker span{display:block;color:#f47c26}
.mkc-ip-frame{position:absolute;top:129px;left:5%;width:92%;overflow:hidden;box-shadow:0 22px 35px #020b1460;border:1px solid #49607570;transform:rotate(3deg);background:#202526;z-index:2}.mkc-ip-frame img{width:100%;height:auto}
.mkc-ip-rule{position:absolute;left:30px;bottom:59px;width:60px;height:3px;background:#f47c26}.mkc-ip .mkc-study{color:#c6d9e6}.mkc-ip-dots{position:absolute;right:20px;bottom:22px;width:64px;height:32px;background:radial-gradient(circle,#f47c2690 1px,transparent 1.5px) 0 0/8px 8px}
/* Fallbrook — an editorial financial website study. */
.mkc-fb{background:#dce5e7;color:#113d63;background-image:linear-gradient(150deg,#edf1ee,#d3dfe3)}
.mkc-fb::before{content:"";position:absolute;width:225px;height:225px;right:-55px;bottom:-45px;background:#afc6ca;border-radius:50%}.mkc-fb::after{content:"";position:absolute;width:220px;height:220px;left:-145px;top:-80px;border:35px solid #f8fbf8aa;border-radius:50%}
.mkc-fb-kicker{position:absolute;top:30px;left:31px;font-size:8px;font-weight:600;letter-spacing:2px;color:#456579}.mkc-fb-star{position:absolute;top:21px;right:30px;color:#d2a325;font-size:30px;font-family:Georgia,serif;line-height:1}
.mkc-fb-sheet{position:absolute;top:78px;left:6%;width:88%;padding:0;background:#f8fbf8;box-shadow:0 21px 37px #163e5930;transform:rotate(-3deg);z-index:2;border:1px solid #ffffffcc}
.mkc-fb-header{padding:18px 22px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e2e3;gap:12px}.mkc-fb-header img{width:145px;height:auto}.mkc-fb-nav{font-size:5px;font-weight:700;letter-spacing:1px;white-space:nowrap;color:#647d8a}
.mkc-fb-body{padding:21px 22px 23px;display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:16px}.mkc-fb-copy>span{font-size:6px;letter-spacing:1.25px;color:#577b8e;display:block;margin-bottom:10px;font-weight:700}.mkc-fb-copy>p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,4.8cqw,31px);line-height:1.07;letter-spacing:-.8px}.mkc-fb-copy>p em{font-weight:400}.mkc-fb-copy>small{display:block;font-size:7px;line-height:1.7;color:#61737c;margin-top:15px;max-width:170px}.mkc-fb-copy>i{display:block;margin-top:18px;width:34px;height:2px;background:#f9c304}.mkc-fb-body>img{width:100%;height:auto;max-height:202px;object-fit:contain}
.mkc-fb-sectors{display:flex;justify-content:space-between;gap:12px;padding:12px 22px;background:#113d63;color:#fff;font-size:5px;font-weight:700;letter-spacing:.85px}.mkc-fb .mkc-study{color:#365366}
/* Weir Law — rich green surrounding the supplied legal brand artwork. */
.mkc-w{background:#173a2b;color:#f8f7f4;background-image:radial-gradient(ellipse at 20% 0%,#315944 0,transparent 68%)}
.mkc-w::before{content:"W";font-family:Georgia,'Times New Roman',serif;position:absolute;right:-12px;bottom:-75px;font-size:380px;line-height:1;letter-spacing:-40px;color:#ffffff05;z-index:-1}
.mkc-w-brand{position:absolute;top:25px;left:27px;padding:10px 14px;background:#f8f7f4;z-index:3;box-shadow:0 3px 15px #0001}.mkc-w-brand img{width:154px;height:48px;object-fit:contain}
.mkc-w-kicker{position:absolute;top:43px;right:28px;text-align:right;font-size:7px;letter-spacing:1.6px;line-height:1.7;color:#dad8c5}.mkc-w-kicker span{display:block;color:#b5a17e}
.mkc-w-frame{position:absolute;left:4%;width:94%;top:130px;transform:rotate(-3deg);box-shadow:0 23px 38px #03110c88;border:1px solid #78817170;background:#edeae2;z-index:2}.mkc-w-frame img{width:100%;height:auto}
.mkc-w-line{position:absolute;left:30px;bottom:58px;height:1px;width:58px;background:#c8ad7d}.mkc-w .mkc-study{color:#d0d9d0}.mkc-w-index{position:absolute;right:29px;bottom:23px;font-family:Georgia,'Times New Roman',serif;font-size:18px;font-style:italic;color:#b4c8b9}
@media(max-width:700px){.mkc-ai-brand{left:23px;top:27px;gap:10px}.mkc-ai-badge{right:20px;top:33px;font-size:6px;letter-spacing:.6px}.mkc-ai-title{left:23px;top:77px}.mkc-ai-frame{top:161px;left:5%;width:94%;transform:rotate(-4deg)}.mkc-ai .mkc-study{right:20px;bottom:20px}.mkc-ip-brand{left:23px;top:27px;padding:10px 12px}.mkc-ip-brand img{width:132px;height:37px}.mkc-ip-kicker{right:23px;top:37px;font-size:6px;letter-spacing:.7px}.mkc-ip-frame{top:151px;left:3%;width:96%;transform:rotate(4deg)}.mkc-ip-rule{left:25px;bottom:61px}.mkc-study{left:24px;font-size:7px}.mkc-fb-sheet{top:86px;left:5%;width:90%;transform:rotate(-3deg)}.mkc-fb-header{padding:15px 16px 13px}.mkc-fb-header img{width:128px}.mkc-fb-nav{font-size:4px;letter-spacing:.35px}.mkc-fb-body{padding:21px 16px;gap:11px;grid-template-columns:1.1fr 1fr}.mkc-fb-copy>span{font-size:5px;letter-spacing:.7px}.mkc-fb-copy>small{font-size:6px;line-height:1.7;margin-top:11px}.mkc-fb-copy>i{margin-top:14px}.mkc-fb-sectors{padding:12px 16px;font-size:4px;letter-spacing:.6px;gap:7px}.mkc-fb-kicker{left:24px;font-size:7px;letter-spacing:1.45px}.mkc-fb-star{right:23px}.mkc-w-brand{left:23px;top:27px;padding:9px 12px}.mkc-w-brand img{width:133px;height:42px}.mkc-w-kicker{right:23px;top:41px;font-size:6px;letter-spacing:.8px}.mkc-w-frame{top:155px;left:2%;width:97%;transform:rotate(-4deg)}.mkc-w-line{left:25px;bottom:61px}.mkc-w-index{font-size:16px;right:24px;bottom:23px}}
@media(prefers-reduced-motion:reduce){.mkc-art img{transition:none}}