.mkp-portfolio-hero{
  position:relative;
  padding:76px 0 58px;
  text-align:center;
  overflow:hidden;
  border-bottom:1px solid var(--mkp-border);
  background:
    radial-gradient(circle at 50% -10%,rgba(16,149,79,.13),transparent 34rem),
    linear-gradient(180deg,var(--mkp-surface),var(--mkp-surface-soft));
}
.mkp-portfolio-hero h1{
  margin:8px 0;
  font-size:clamp(2.35rem,5vw,4.7rem);
  line-height:1.25;
  letter-spacing:-.045em;
}
.mkp-portfolio-hero p{
  max-width:760px;margin:0 auto;color:var(--mkp-muted);font-size:.9rem;line-height:1.95;
}
.mkp-portfolio-hero__links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:24px}

.mkp-portfolio-featured,.mkp-portfolio-cases,.mkp-collaborations{padding:68px 0}
.mkp-portfolio-featured{background:var(--mkp-surface-soft)}
.mkp-collaborations{border-top:1px solid var(--mkp-border);background:var(--mkp-surface-soft)}

.mkp-portfolio-section-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px;
}
.mkp-portfolio-section-head h2{margin:5px 0 0;font-size:clamp(1.65rem,3vw,2.55rem)}
.mkp-portfolio-section-head>p{max-width:470px;margin:0;color:var(--mkp-muted);font-size:.72rem;line-height:1.85}
.mkp-portfolio-category-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.mkp-portfolio-category-links a{
  display:inline-flex;align-items:center;min-height:31px;padding:0 9px;border:1px solid var(--mkp-border);
  border-radius:999px;background:var(--mkp-surface);color:var(--mkp-muted);font-size:.62rem;font-weight:800;
}

.mkp-portfolio-featured__grid{
  display:grid;grid-template-columns:1.45fr 1fr;gap:14px;
}
.mkp-portfolio-featured__grid .mkp-case-card--lead{grid-row:span 2}
.mkp-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mkp-case-card{
  overflow:hidden;border:1px solid var(--mkp-border);border-radius:22px;background:var(--mkp-surface);
  box-shadow:0 10px 28px rgba(12,35,42,.05);transition:transform .25s var(--mkp-ease),box-shadow .25s,border-color .25s;
}
.mkp-case-card:hover{transform:translateY(-4px);border-color:rgba(16,149,79,.25);box-shadow:0 16px 34px rgba(12,35,42,.08)}
.mkp-case-card__link{display:block;height:100%}
.mkp-case-card__media{
  position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--mkp-surface-soft);
}
.mkp-case-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--mkp-ease)}
.mkp-case-card:hover .mkp-case-card__media img{transform:scale(1.025)}
.mkp-case-card__placeholder{display:grid;place-items:center;width:100%;height:100%;color:var(--mkp-accent-600)}
.mkp-case-card__placeholder svg{width:34px;height:34px}
.mkp-case-card__badges{position:absolute;top:10px;right:10px;display:flex;gap:5px;flex-wrap:wrap}
.mkp-case-card__badges span{
  display:inline-flex;align-items:center;min-height:24px;padding:0 7px;border-radius:999px;
  background:rgba(10,31,37,.76);backdrop-filter:blur(10px);color:#fff;font-size:.56rem;font-weight:850;
}
.mkp-case-card__body{padding:16px 17px 17px}
.mkp-case-card__client{color:var(--mkp-accent-600);font-size:.62rem;font-weight:850}
.mkp-case-card h2,.mkp-case-card h3{margin:6px 0 5px;font-size:.98rem;line-height:1.7}
.mkp-case-card__body>p{margin:0;color:var(--mkp-muted);font-size:.7rem;line-height:1.8}
.mkp-case-card__cta{
  display:flex;align-items:center;gap:5px;margin-top:15px;color:var(--mkp-primary);font-size:.65rem;font-weight:850;
}
.mkp-case-card__cta svg{width:14px;height:14px}
.mkp-case-card--lead .mkp-case-card__media{aspect-ratio:16/12}
.mkp-case-card--lead h3{font-size:1.25rem}

.mkp-collaboration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mkp-collaboration-card{
  display:grid;justify-items:center;gap:6px;padding:17px;border:1px solid var(--mkp-border);
  border-radius:18px;background:var(--mkp-surface);text-align:center;transition:transform .2s,border-color .2s;
}
.mkp-collaboration-card:hover{transform:translateY(-3px);border-color:rgba(16,149,79,.25)}
.mkp-collaboration-card__logo{
  display:grid;place-items:center;width:72px;height:72px;padding:8px;border-radius:17px;background:var(--mkp-surface-soft);overflow:hidden;
}
.mkp-collaboration-card__logo img{max-width:100%;max-height:100%;object-fit:contain}
.mkp-collaboration-card__logo svg{width:27px;height:27px;color:var(--mkp-accent-600)}
.mkp-collaboration-card strong{font-size:.78rem}
.mkp-collaboration-card>span:not(.mkp-collaboration-card__logo){color:var(--mkp-muted);font-size:.61rem}
.mkp-collaboration-card small{color:var(--mkp-accent-600);font-size:.57rem}

.mkp-case-single__hero{
  padding:56px 0;border-bottom:1px solid var(--mkp-border);
  background:linear-gradient(180deg,var(--mkp-surface),var(--mkp-surface-soft));
}
.mkp-case-single__hero-grid{
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:38px;align-items:center;
}
.mkp-case-single__intro h1{margin:8px 0;font-size:clamp(2.3rem,4.8vw,4.4rem);line-height:1.3}
.mkp-case-single__lead{max-width:650px;margin:0;color:var(--mkp-muted);font-size:.88rem;line-height:1.95}
.mkp-case-single__categories{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}
.mkp-case-single__categories a{
  display:inline-flex;min-height:29px;align-items:center;padding:0 8px;border:1px solid var(--mkp-border);
  border-radius:999px;background:var(--mkp-surface);font-size:.6rem;color:var(--mkp-accent-600);font-weight:800;
}
.mkp-case-single__cover{
  overflow:hidden;min-height:390px;border:1px solid var(--mkp-border);border-radius:30px;background:var(--mkp-surface);
  box-shadow:0 22px 50px rgba(12,35,42,.09);
}
.mkp-case-single__cover img{width:100%;height:100%;min-height:390px;object-fit:cover}
.mkp-case-single__cover>span{display:grid;place-items:center;min-height:390px;color:var(--mkp-accent-600)}
.mkp-case-single__cover svg{width:54px;height:54px}

.mkp-case-facts{padding:22px 0;border-bottom:1px solid var(--mkp-border);background:var(--mkp-surface)}
.mkp-case-facts__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.mkp-case-fact{display:grid;gap:4px;padding:12px;border-radius:13px;background:var(--mkp-surface-soft)}
.mkp-case-fact span{color:var(--mkp-muted);font-size:.58rem}
.mkp-case-fact strong,.mkp-case-fact a{font-size:.72rem;font-weight:850}

.mkp-case-kpis{padding:50px 0;background:var(--mkp-primary);color:#fff}
.mkp-case-kpis .mkp-v2-kicker{color:#aeecc8}
.mkp-case-kpis__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}
.mkp-case-kpi{display:flex;flex-direction:column;min-height:120px;padding:15px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(255,255,255,.045)}
.mkp-case-kpi span{color:rgba(255,255,255,.68);font-size:.62rem}
.mkp-case-kpi strong{margin-top:auto;font-size:1.55rem;line-height:1.2}
.mkp-case-kpi small{margin-top:4px;color:#aeecc8;font-size:.58rem}

.mkp-case-single__content-wrap{padding:58px 0 90px}
.mkp-case-narrative{max-width:830px;margin:0 auto;font-size:.91rem;line-height:2.05}
.mkp-case-section-title{margin-bottom:16px}
.mkp-case-section-title>span{color:var(--mkp-accent-600);font-size:.58rem;font-weight:900;letter-spacing:.08em}
.mkp-case-section-title h2{margin:4px 0 0;font-size:1.55rem}
.mkp-case-media-block,.mkp-case-before-after,.mkp-case-gallery,.mkp-case-playlist,.mkp-case-outcome,.mkp-case-client,.mkp-related-cases{
  max-width:980px;margin:62px auto 0;
}
.mkp-case-embed{
  overflow:hidden;border:1px solid var(--mkp-border);border-radius:20px;background:#000;
}
.mkp-case-embed iframe,.mkp-case-embed video{display:block;width:100%;aspect-ratio:16/9;height:auto}
.mkp-case-media-link{display:flex;align-items:center;gap:6px;padding:18px;background:var(--mkp-surface);color:var(--mkp-accent-600)}
.mkp-case-media-link svg{width:14px;height:14px}

.mkp-case-before-after__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mkp-case-before-after figure{margin:0;overflow:hidden;border:1px solid var(--mkp-border);border-radius:18px;background:var(--mkp-surface)}
.mkp-case-before-after figcaption{padding:9px 12px;border-bottom:1px solid var(--mkp-border);font-size:.65rem;font-weight:850}
.mkp-case-before-after img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover}

.mkp-case-gallery__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.mkp-case-gallery__grid a{overflow:hidden;border-radius:14px;background:var(--mkp-surface-soft)}
.mkp-case-gallery__grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .3s}
.mkp-case-gallery__grid a:hover img{transform:scale(1.025)}

.mkp-case-playlist__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mkp-case-playlist__item{overflow:hidden;border:1px solid var(--mkp-border);border-radius:16px;background:var(--mkp-surface)}
.mkp-case-playlist__item iframe,.mkp-case-playlist__item video{display:block;width:100%;aspect-ratio:16/9;height:auto}

.mkp-case-outcome{
  padding:30px;border:1px solid rgba(16,149,79,.18);border-radius:22px;
  background:linear-gradient(135deg,var(--mkp-accent-soft),var(--mkp-surface));
}
.mkp-case-outcome h2{margin:6px 0 7px;font-size:1.55rem}
.mkp-case-outcome p{margin:0;color:var(--mkp-muted);font-size:.82rem;line-height:2}

.mkp-case-client{
  display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;align-items:center;padding:24px;
  border:1px solid var(--mkp-border);border-radius:20px;background:var(--mkp-surface-soft);
}
.mkp-case-client__logo{display:grid;place-items:center;height:100px;padding:10px;border-radius:16px;background:var(--mkp-surface)}
.mkp-case-client__logo img{max-width:100%;max-height:100%;object-fit:contain}
.mkp-case-client span{color:var(--mkp-muted);font-size:.6rem}
.mkp-case-client h2{margin:3px 0;font-size:1.2rem}
.mkp-case-client p{margin:0 0 7px;color:var(--mkp-muted);font-size:.7rem;line-height:1.8}

.mkp-related-cases{padding-top:34px;border-top:1px solid var(--mkp-border)}

.mkp-collaboration-single__hero{padding:58px 0;border-bottom:1px solid var(--mkp-border);background:var(--mkp-surface-soft)}
.mkp-collaboration-single__hero-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:center}
.mkp-collaboration-single__logo{display:grid;place-items:center;min-height:190px;padding:22px;border:1px solid var(--mkp-border);border-radius:26px;background:var(--mkp-surface)}
.mkp-collaboration-single__logo img{max-width:100%;max-height:160px;object-fit:contain}
.mkp-collaboration-single__logo svg{width:52px;height:52px;color:var(--mkp-accent-600)}
.mkp-collaboration-single h1{margin:7px 0;font-size:clamp(2.2rem,4vw,3.8rem)}
.mkp-collaboration-single__hero-grid>div:last-child>p{max-width:680px;color:var(--mkp-muted);font-size:.82rem;line-height:1.9}
.mkp-collaboration-single__facts{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.mkp-collaboration-single__facts>span{display:grid;gap:2px;padding:9px 11px;border:1px solid var(--mkp-border);border-radius:11px;background:var(--mkp-surface)}
.mkp-collaboration-single__facts small{color:var(--mkp-muted);font-size:.54rem}
.mkp-collaboration-single__facts strong{font-size:.68rem}
.mkp-collaboration-single__body{padding:52px 0 90px}
.mkp-collaboration-single__body>.mkp-content{max-width:820px;margin-inline:auto}
.mkp-collaboration-cases{margin-top:60px}

.mkp-portfolio-pagination{margin-top:28px}

@media(max-width:980px){
  .mkp-case-grid{grid-template-columns:1fr 1fr}
  .mkp-collaboration-grid{grid-template-columns:repeat(3,1fr)}
  .mkp-case-single__hero-grid{grid-template-columns:1fr}
  .mkp-case-single__cover{min-height:320px}
  .mkp-case-facts__grid,.mkp-case-kpis__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .mkp-portfolio-hero{padding:52px 0 42px}
  .mkp-portfolio-section-head{align-items:center;flex-direction:column;text-align:center}
  .mkp-portfolio-section-head .mkp-v2-kicker{justify-content:center}
  .mkp-portfolio-category-links{justify-content:center}
  .mkp-portfolio-featured__grid,.mkp-case-grid{grid-template-columns:1fr}
  .mkp-portfolio-featured__grid .mkp-case-card--lead{grid-row:auto}
  .mkp-collaboration-grid{grid-template-columns:1fr 1fr}
  .mkp-case-single__intro{text-align:center}
  .mkp-case-single__categories,.mkp-case-single__intro .mkp-button{justify-content:center;margin-inline:auto}
  .mkp-case-facts__grid,.mkp-case-kpis__grid{grid-template-columns:1fr 1fr}
  .mkp-case-playlist__grid,.mkp-case-before-after__grid{grid-template-columns:1fr}
  .mkp-case-gallery__grid{grid-template-columns:1fr 1fr}
  .mkp-case-client{grid-template-columns:1fr;text-align:center}
  .mkp-case-client__logo{width:120px;margin-inline:auto}
  .mkp-collaboration-single__hero-grid{grid-template-columns:1fr;text-align:center}
  .mkp-collaboration-single__logo{width:min(220px,100%);margin-inline:auto}
  .mkp-collaboration-single__facts{justify-content:center}
}
@media(max-width:430px){
  .mkp-collaboration-grid,.mkp-case-facts__grid,.mkp-case-kpis__grid,.mkp-case-gallery__grid{grid-template-columns:1fr}
  .mkp-case-single__cover,.mkp-case-single__cover img{min-height:250px}
  .mkp-case-outcome{padding:22px}
}


/* ==========================================================
   Phase 05-B — Builder sections + interactive Before/After
   ========================================================== */
.mkp-case-builder-sections{
  display:grid;
  gap:54px;
  max-width:980px;
  margin:60px auto 0;
}
.mkp-case-builder-section--story{
  max-width:830px;
  margin-inline:auto;
}
.mkp-case-builder-section--story h2,
.mkp-case-builder-section--image h2,
.mkp-case-builder-section--cta h2{
  margin:6px 0 10px;
  font-size:clamp(1.45rem,2.7vw,2.15rem);
  line-height:1.55;
}
.mkp-case-builder-section__body{
  color:var(--mkp-muted);
  font-size:.84rem;
  line-height:2.05;
}
.mkp-case-builder-section--image figure{
  margin:0;
  overflow:hidden;
  border:1px solid var(--mkp-border);
  border-radius:22px;
  background:var(--mkp-surface);
  box-shadow:0 15px 38px rgba(12,35,42,.065);
}
.mkp-case-builder-section--image img{
  display:block;
  width:100%;
  height:auto;
}
.mkp-case-builder-section--image figcaption{
  padding:10px 14px;
  border-top:1px solid var(--mkp-border);
  color:var(--mkp-muted);
  font-size:.62rem;
  line-height:1.7;
}
.mkp-case-builder-section--full{
  width:min(1280px,calc(100vw - 32px));
  max-width:none;
  margin-right:50%;
  transform:translateX(50%);
}
.mkp-case-builder-section--quote{
  max-width:840px;
  margin-inline:auto;
}
.mkp-case-builder-section--quote blockquote{
  position:relative;
  margin:0;
  padding:28px 30px 25px;
  border:1px solid rgba(16,149,79,.17);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0%,rgba(16,149,79,.10),transparent 20rem),
    var(--mkp-surface-soft);
}
.mkp-case-builder-section--quote blockquote::before{
  content:"“";
  position:absolute;
  top:4px;
  right:18px;
  color:rgba(16,149,79,.23);
  font-size:4.5rem;
  font-family:var(--mkp-font);
  line-height:1;
}
.mkp-case-builder-section--quote p{
  position:relative;
  margin:0;
  color:var(--mkp-ink);
  font-size:1rem;
  font-weight:750;
  line-height:2;
}
.mkp-case-builder-section--quote cite{
  display:block;
  margin-top:12px;
  color:var(--mkp-accent-600);
  font-size:.65rem;
  font-style:normal;
  font-weight:850;
}
.mkp-case-builder-section--cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  padding:28px;
  border:1px solid var(--mkp-border);
  border-radius:23px;
  background:
    linear-gradient(135deg,var(--mkp-accent-soft),var(--mkp-surface));
}
.mkp-case-builder-section--cta>div{min-width:0}
.mkp-case-builder-section--cta .mkp-button{flex:0 0 auto}
.mkp-case-builder-section--cta .mkp-case-builder-section__body{max-width:700px}

.mkp-before-after-slider{
  --mkp-before-after:50%;
  position:relative;
  overflow:hidden;
  aspect-ratio:16/10;
  border:1px solid var(--mkp-border);
  border-radius:22px;
  background:var(--mkp-surface-soft);
  box-shadow:0 16px 38px rgba(12,35,42,.07);
  user-select:none;
}
.mkp-before-after-slider__base,
.mkp-before-after-slider__before{
  position:absolute;
  inset:0;
}
.mkp-before-after-slider__base img,
.mkp-before-after-slider__before img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.mkp-before-after-slider__before{
  overflow:hidden;
  width:var(--mkp-before-after);
  border-left:1px solid rgba(255,255,255,.65);
}
.mkp-before-after-slider__before img{
  width:calc(10000% / var(--mkp-before-after));
  max-width:none;
}
.mkp-before-after-slider__divider{
  position:absolute;
  top:0;
  bottom:0;
  left:var(--mkp-before-after);
  width:2px;
  transform:translateX(-50%);
  background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.12),0 0 18px rgba(0,0,0,.14);
  pointer-events:none;
}
.mkp-before-after-slider__divider i{
  position:absolute;
  top:50%;
  left:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  width:44px;
  height:44px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(255,255,255,.75);
  border-radius:50%;
  background:rgba(11,34,41,.72);
  backdrop-filter:blur(10px);
  color:#fff;
}
.mkp-before-after-slider__divider svg{width:13px;height:13px}
.mkp-before-after-slider__divider svg:first-child{transform:rotate(180deg)}
.mkp-before-after-slider__label{
  position:absolute;
  top:12px;
  z-index:3;
  display:inline-flex;
  min-height:27px;
  align-items:center;
  padding:0 9px;
  border-radius:999px;
  background:rgba(8,29,36,.75);
  backdrop-filter:blur(8px);
  color:#fff;
  font-size:.58rem;
  font-weight:850;
}
.mkp-before-after-slider__label--before{right:12px}
.mkp-before-after-slider__label--after{left:12px}
.mkp-before-after-slider__range{
  position:absolute;
  inset:0;
  z-index:4;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:ew-resize;
}
.mkp-before-after-slider:focus-within{
  outline:2px solid var(--mkp-accent);
  outline-offset:4px;
}

@media(max-width:720px){
  .mkp-case-builder-sections{gap:38px;margin-top:44px}
  .mkp-case-builder-section--full{
    width:100%;
    margin-right:0;
    transform:none;
  }
  .mkp-case-builder-section--cta{
    align-items:flex-start;
    flex-direction:column;
    padding:22px;
  }
  .mkp-before-after-slider{aspect-ratio:4/3;border-radius:18px}
}


/* ==========================================================
   Phase 05-B.1 — Content Studio driven Case Study sections
   ========================================================== */
.mkp-case-services,.mkp-case-story-map{padding:52px 0;border-bottom:1px solid var(--mkp-border)}
.mkp-case-services{background:var(--mkp-surface)}
.mkp-case-services__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.mkp-case-service{
  position:relative;min-height:150px;padding:15px;border:1px solid var(--mkp-border);border-radius:17px;
  background:var(--mkp-surface-soft);overflow:hidden;
}
.mkp-case-service>span{display:inline-flex;color:var(--mkp-accent-600);font-size:.58rem;font-weight:900}
.mkp-case-service h3{margin:19px 0 5px;font-size:.86rem}
.mkp-case-service p{margin:0;color:var(--mkp-muted);font-size:.66rem;line-height:1.85}

.mkp-case-story-map{background:var(--mkp-surface-soft)}
.mkp-case-story-map__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.mkp-case-story-map article{
  position:relative;padding:21px;border:1px solid var(--mkp-border);border-radius:19px;background:var(--mkp-surface);
  box-shadow:0 8px 22px rgba(12,35,42,.035);
}
.mkp-case-story-map article>span{color:var(--mkp-accent-600);font-size:.56rem;font-weight:900;letter-spacing:.08em}
.mkp-case-story-map h3{margin:8px 0 7px;font-size:1.05rem}
.mkp-case-story-map p{margin:0;color:var(--mkp-muted);font-size:.72rem;line-height:2}

.mkp-case-seo-results,.mkp-case-testimonial{max-width:980px;margin:62px auto 0}
.mkp-case-seo-results__table{display:grid;gap:7px}
.mkp-case-seo-results__table article{
  display:grid;grid-template-columns:minmax(180px,1.5fr) .7fr 34px .7fr minmax(130px,1fr);
  gap:9px;align-items:center;padding:10px 12px;border:1px solid var(--mkp-border);border-radius:13px;background:var(--mkp-surface);
}
.mkp-case-seo-results__metric{display:flex;align-items:center;gap:8px;min-width:0}
.mkp-case-seo-results__metric a{flex:0 0 auto;width:38px;height:38px;overflow:hidden;border-radius:8px}
.mkp-case-seo-results__metric img{width:100%;height:100%;object-fit:cover}
.mkp-case-seo-results__metric strong{overflow:hidden;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
.mkp-case-seo-results__before,.mkp-case-seo-results__after{display:grid;gap:2px;font-size:.72rem;font-weight:850}
.mkp-case-seo-results__before small,.mkp-case-seo-results__after small{color:var(--mkp-muted);font-size:.52rem;font-weight:700}
.mkp-case-seo-results__after{color:var(--mkp-accent-600)}
.mkp-case-seo-results__arrow{display:grid;place-items:center;color:var(--mkp-accent-600)}
.mkp-case-seo-results__arrow svg{width:13px;height:13px}
.mkp-case-seo-results__table article>p{margin:0;color:var(--mkp-muted);font-size:.6rem;line-height:1.65}

.mkp-case-testimonial{
  position:relative;padding:30px 34px;border:1px solid rgba(16,149,79,.18);border-radius:22px;
  background:radial-gradient(circle at 100% 0%,rgba(16,149,79,.10),transparent 20rem),var(--mkp-surface-soft);
}
.mkp-case-testimonial__quote{position:absolute;top:3px;right:17px;color:rgba(16,149,79,.22);font:5rem/1 serif}
.mkp-case-testimonial blockquote{position:relative;margin:0}
.mkp-case-testimonial p{margin:0;color:var(--mkp-ink);font-size:.92rem;font-weight:750;line-height:2}
.mkp-case-testimonial cite{display:block;margin-top:12px;color:var(--mkp-accent-600);font-size:.65rem;font-style:normal;font-weight:850}

@media(max-width:980px){
  .mkp-case-services__grid{grid-template-columns:1fr 1fr}
  .mkp-case-story-map__grid{grid-template-columns:1fr}
}
@media(max-width:720px){
  .mkp-case-services__grid{grid-template-columns:1fr}
  .mkp-case-seo-results__table article{grid-template-columns:1fr 1fr 28px 1fr}
  .mkp-case-seo-results__metric{grid-column:1/-1}
  .mkp-case-seo-results__table article>p{grid-column:1/-1}
  .mkp-case-testimonial{padding:24px 22px}
}