/* One responsive layout for each carousel, including intermediate widths. */
body.mk-v16 { overflow-x: clip; }
body.mk-v16 *, body.mk-v16 *::before, body.mk-v16 *::after { box-sizing: border-box; }
body.mk-v16 .shell { width: calc(100% - 64px); max-width: 1280px; min-width: 0; }
body.mk-v16 :is(button, a, input, textarea):focus-visible { outline: 3px solid #7453c6; outline-offset: 4px; }
body.mk-v16 .display { font-size: 76px; line-height: 1.05; letter-spacing: 0; }
body.mk-v16 .hero-copy h1 { font-size: 100px; letter-spacing: 0; line-height: 1; }
body.mk-v16 .hero-copy h2 { font-size: 22px; line-height: 1.5; }
body.mk-v16 .hero-copy p { font-size: 17px; line-height: 1.7; max-width: 580px; }
body.mk-v16 .hero-copy { max-width: 660px; }
body.mk-v16 .story-scroll .story-hero .hero-stage-grid { padding-block: 48px 80px !important; }
body.mk-v16 .story-hero .hero-actions { gap: 12px !important; align-items: center !important; }
body.mk-v16 .story-hero .hero-actions .button { width: auto !important; flex: 0 1 auto !important; height: auto !important; min-height: 48px !important; max-height: none !important; font-size: 16px !important; padding: 12px 20px !important; white-space: normal !important; }
body.mk-v16 .hero-actions .hero-contact-button { background: #d8f7ab; border-color: #d8f7ab; color: #171721; }
body.mk-v16 .hero-actions .hero-roi-button { background: transparent; border: 1px solid #ffffff80; color: white; box-shadow: none; }
body.mk-v16 .story-cue { color: white; }
body.mk-v16 .ticker { max-width: 100%; }

body.mk-v16 .mk-chapter-bridge { height: 56px; min-height: 0; }
body.mk-v16 .mk-chapter-bridge::after { display: none; }
body.mk-v16 #work { padding-block: 72px 64px; }
body.mk-v16 .gallery, body.mk-v16 .knowledge { padding-block: 64px; }
body.mk-v16 #work > .shell > p, body.mk-v16 .guides-intro, body.mk-v16 .gallery-intro { font-size: 17px; line-height: 1.6; }

body.mk-v16 #work .selected-work-carousel { margin-top: 28px; --selected-art-height: 430px; opacity: 1 !important; transform: none !important; }
body.mk-v16 #work .work-grid, body.mk-v16 .gallery-track { display: flex !important; flex-flow: row nowrap !important; align-items: stretch !important; width: 100% !important; min-width: 0; max-width: 100%; height: auto !important; margin: 0 !important; gap: 22px !important; padding: 0 6% 12px !important; overflow-x: auto !important; overflow-y: hidden !important; transform: none !important; transition: none !important; direction: rtl; scroll-snap-type: x mandatory; scroll-padding-inline: 6%; overscroll-behavior-inline: contain; touch-action: pan-x pan-y; scrollbar-width: none; }
body.mk-v16 #work .work-grid::-webkit-scrollbar, body.mk-v16 .gallery-track::-webkit-scrollbar { display: none; }
body.mk-v16 #work .work-grid .work-item, body.mk-v16 #work .work-grid .work-item:last-child, body.mk-v16 .gallery-track .gallery-slide { display: block !important; flex: 0 0 100% !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; grid-column: auto !important; transform: none !important; opacity: 1 !important; scroll-snap-align: center; scroll-snap-stop: normal; }
body.mk-v16 #work .work-grid .work-item .work-art { height: var(--selected-art-height) !important; }
body.mk-v16 #work .work-meta h3 { font-size: 25px !important; line-height: 1.3; letter-spacing: 0; }
body.mk-v16 #work .work-meta small { font-size: 12px; }
body.mk-v16 .gallery-runway, body.mk-v16 .gallery-sticky { height: auto !important; min-height: 0 !important; position: relative !important; padding: 0 !important; overflow: visible !important; }
body.mk-v16 .gallery-head { display: flex; align-items: end; gap: 24px; margin-bottom: 24px; }
body.mk-v16 .gallery-controls { position: static !important; }
body.mk-v16 .gallery-track .poster { height: 420px !important; min-height: 0; }
body.mk-v16 .gallery-track .poster strong { font-size: 42px; line-height: 1.1; letter-spacing: 0; max-width: calc(100% - 48px); overflow-wrap: break-word; }
body.mk-v16 #work .selected-work-arrow, body.mk-v16 .gallery-arrow { position: absolute !important; z-index: 15; width: 48px; height: 48px; min-width: 48px; border: 2px solid white; background: #171721e8; color: white; border-radius: 50%; display: grid; place-items: center; transform: translateY(-50%) !important; font: 24px Arial, sans-serif; cursor: pointer; touch-action: manipulation; }
body.mk-v16 #work .selected-work-arrow:disabled, body.mk-v16 .gallery-arrow:disabled { opacity: .35; pointer-events: none; }
body.mk-v16 #work .selected-work-prev { right: 8%; }
body.mk-v16 #work .selected-work-next { left: 8%; }
body.mk-v16 #work .selected-work-arrow { top: 250px; }
body.mk-v16 .gallery-arrow { top: 210px; }
body.mk-v16 .gallery-arrow-right { right: 8%; }
body.mk-v16 .gallery-arrow-left { left: 8%; }
body.mk-v16 .is-dragging { cursor: grabbing; user-select: none; scroll-snap-type: none !important; }
body.mk-v16 .is-dragging * { cursor: grabbing; }
body.mk-v16 .knowledge-gallery { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; }
body.mk-v16 .knowledge-item { display: flex; flex-direction: column; min-width: 0; }
body.mk-v16 .knowledge-image { width: 100%; height: auto; aspect-ratio: 1; background-size: cover; background-position: center; }
body.mk-v16 .knowledge .knowledge-item .knowledge-info { height: auto !important; min-height: 68px !important; width: calc(100% - 5px); margin-top: 16px; }
body.mk-v16 .knowledge .knowledge-item .knowledge-info h3 { font-size: 20px; line-height: 1.3; letter-spacing: 0; overflow-wrap: break-word; }
body.mk-v16 .contact-deck { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
body.mk-v16 .lead-fields { grid-template-columns: repeat(2, minmax(0, 1fr)); }
body.mk-v16 .lead-fields input, body.mk-v16 .lead-fields textarea { max-width: 100%; min-width: 0; font-size: 16px; }

@media (max-width: 1100px) {
  body.mk-v16 .display { font-size: 62px; }
  body.mk-v16 .hero-copy h1 { font-size: 80px; }
  body.mk-v16 .gallery-track .poster { height: 360px !important; }
  body.mk-v16 #work .selected-work-carousel { --selected-art-height: 360px; }
}
@media (max-width: 760px) {
  body.mk-v16 .shell { width: calc(100% - 32px); }
  body.mk-v16 .display { font-size: 48px; }
  body.mk-v16 .hero-copy h1 { font-size: 64px; }
  body.mk-v16 .hero-copy h2 { font-size: 19px; }
  body.mk-v16 .hero-copy p { font-size: 16px; }
  body.mk-v16 .story-scroll .story-hero .hero-stage-grid { width: calc(100% - 32px) !important; padding-block: 48px 64px !important; min-height: 0 !important; }
  body.mk-v16 .story-hero .hero-actions .button { font-size: 15px !important; padding: 12px 14px !important; max-width: 100% !important; }
  body.mk-v16 #work, body.mk-v16 .gallery, body.mk-v16 .knowledge { padding-block: 48px; }
  body.mk-v16 .mk-chapter-bridge { height: 32px; }
  body.mk-v16 #work .selected-work-carousel { --selected-art-height: 320px; }
  body.mk-v16 #work .work-grid, body.mk-v16 .gallery-track { padding-inline: 3% !important; scroll-padding-inline: 3%; gap: 14px !important; }
  body.mk-v16 #work .work-meta h3 { font-size: 22px !important; }
  body.mk-v16 .gallery-track .poster { height: 320px !important; }
  body.mk-v16 .gallery-track .poster strong { font-size: 32px; }
  body.mk-v16 .gallery-head { align-items: start; }
  body.mk-v16 .gallery-end { display: block; }
  body.mk-v16 .knowledge-gallery { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  body.mk-v16 .contact-deck { grid-template-columns: minmax(0, 1fr); }
  body.mk-v16 .lead-fields { grid-template-columns: minmax(0, 1fr); }
  body.mk-v16 .lead-fields .wide { grid-column: auto; }
  body.mk-v16 .last-bottom { display: block; }
  body.mk-v16 .last-bottom p { font-size: 18px; }
}
@media (max-width: 380px) {
  body.mk-v16 .hero-copy h1 { font-size: 52px; }
  body.mk-v16 #work .selected-work-carousel { --selected-art-height: 280px; }
  body.mk-v16 .gallery-track .poster { height: 280px !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.mk-v16 .mk-chapter-bridge::before { clip-path: none; }
}

/* Services v17: one shared frame, scroll-driven stack on desktop, swipe on touch. */
body.mk-v16 #services {padding:64px 0;}
body.mk-v16 #services .services-heading {display:flex;align-items:end;justify-content:space-between;gap:32px;}
body.mk-v16 #services .services-heading p {max-width:470px;font-size:17px;line-height:1.6;}
body.mk-v16 #services .service-runway {height:auto!important;min-height:0!important;}
body.mk-v16 #services .service-sticky {position:relative!important;top:auto!important;height:auto!important;min-height:0!important;display:block!important;padding:24px 0 12px!important;overflow:visible!important;}
body.mk-v16 #services .mk-service-map {position:relative!important;top:auto!important;padding:0!important;margin:0 auto 22px!important;background:transparent!important;border:0;box-shadow:none;backdrop-filter:none;}
body.mk-v16 #services .mk-map-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
body.mk-v16 #services .mk-service-jump {min-width:0;min-height:52px;padding:10px 12px;font-size:16px;line-height:1.4;letter-spacing:0;}
body.mk-v16 #services .service-layout {display:block!important;min-width:0;}
body.mk-v16 #services .service-sidebar {display:none;}
body.mk-v16 #services .service-stack {position:relative;display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;gap:18px!important;width:100%!important;max-width:100%;min-width:0;height:auto!important;padding:0 0 10px!important;overflow-x:auto!important;overflow-y:hidden!important;perspective:none!important;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;scrollbar-width:none;direction:rtl;transition:none;}
body.mk-v16 #services .service-stack::-webkit-scrollbar {display:none;}
body.mk-v16 #services .service-stack .service-panel {position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:minmax(0,60%) minmax(0,40%)!important;grid-template-rows:1fr;flex:0 0 100%!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:440px!important;min-width:0;padding:0!important;margin:0!important;border:2px solid #171721;box-shadow:0 6px 0 #171721!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;transition:none;scroll-snap-align:center;direction:rtl!important;overflow:hidden;}
body.mk-v16 #services .service-stack .service-panel .panel-art {position:relative!important;display:grid;place-items:center;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;align-self:stretch!important;border:0!important;overflow:hidden;container-type:size;}
body.mk-v16 #services .service-stack .service-panel .panel-copy {min-width:0!important;min-height:0!important;width:100%;height:auto!important;padding:28px!important;display:flex;flex-direction:column;justify-content:center!important;background:white;direction:rtl;}
body.mk-v16 #services .service-panel .panel-copy h3 {font-size:clamp(28px,2.8vw,40px)!important;line-height:1.18!important;letter-spacing:0;white-space:normal;overflow-wrap:normal;margin:12px 0 18px!important;}
body.mk-v16 #services .service-panel .panel-copy p {font-size:17px!important;line-height:1.6!important;overflow-wrap:break-word;margin:0;}
body.mk-v16 #services .service-panel .panel-copy>span {font-size:12px!important;}
body.mk-v16 #services .service-platforms {display:block;font-size:13px;line-height:1.6;margin-top:16px;color:#575364;direction:ltr;}
body.mk-v16 #services .mk-v12-social.mk-oct6-social {position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:5px;}
body.mk-v16 #services .mk-oct6-social .mk-social-still {position:relative;overflow:hidden;}
body.mk-v16 #services .mk-oct6-social .mk-social-still img {position:relative;display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;z-index:1;}
body.mk-v16 #services .mk-oct6-social .mk-social-still:before {content:'';position:absolute;inset:-15px;background-image:var(--still);background-size:cover;background-position:center;filter:blur(18px);opacity:.35;}
body.mk-v16 #services .mk-oct6-social>.mk-video-card:nth-child(2) {padding:8px 0 16px;}
body.mk-v16 #services .mk-organic-visual {inset:0;width:100%;height:100%;display:grid;place-items:center;}
body.mk-v16 #services .mk-organic-grid {width:min(82cqw,110cqh);height:auto;max-height:84%;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:min(3cqw,4cqh);align-items:center;}
body.mk-v16 #services .mk-organic-grid .mk-ai-token {grid-column:span 2;grid-row:1;min-width:0;min-height:0;width:100%;aspect-ratio:1;transform:none;animation:none;gap:2px;}
body.mk-v16 #services .mk-organic-grid .mk-gemini {grid-column:1/span 2;}
body.mk-v16 #services .mk-organic-grid .mk-google {grid-column:3/span 2;}
body.mk-v16 #services .mk-organic-grid .mk-gpt {grid-column:5/span 2;}
body.mk-v16 #services .mk-organic-grid .mk-claude {grid-column:2/span 2;grid-row:2;}
body.mk-v16 #services .mk-organic-grid .mk-grok {grid-column:4/span 2;grid-row:2;}
body.mk-v16 #services .mk-ai-token>span {font-size:min(10cqw,14cqh);line-height:1;}
body.mk-v16 #services .mk-ai-token>img {display:block;width:48%;height:48%;object-fit:contain;}
body.mk-v16 #services .mk-ai-token small {font-size:clamp(10px,2.3cqw,15px);line-height:1.25;}
@media(min-width:1101px) and (min-height:720px) and (prefers-reduced-motion:no-preference) {
 body.mk-v16 #services .service-runway {height:430vh!important;}
 body.mk-v16 #services .service-sticky {position:sticky!important;top:0!important;height:100svh!important;display:flex!important;flex-direction:column;justify-content:center;padding:22px 0!important;overflow:hidden!important;}
 body.mk-v16 #services .service-layout {display:grid!important;grid-template-columns:150px minmax(0,1fr);gap:28px;align-items:center;}
 body.mk-v16 #services .service-sidebar {display:block;}
 body.mk-v16 #services .service-stack {display:grid!important;grid-template-columns:minmax(0,1fr)!important;overflow:visible!important;scroll-snap-type:none;}
 body.mk-v16 #services .service-stack .service-panel {grid-area:1/1;min-height:470px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(70px) scale(.97)!important;transition:opacity .35s,transform .6s cubic-bezier(.2,.8,.2,1),visibility .6s;}
 body.mk-v16 #services .service-stack .service-panel.is-active {opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;z-index:3;}
 body.mk-v16 #services .service-stack .service-panel.is-past {transform:translateY(-70px) scale(.97)!important;}
}
@media(max-width:760px) {
 body.mk-v16 #services {padding-block:48px;}
 body.mk-v16 #services .services-heading {display:block;}
 body.mk-v16 #services .mk-map-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.mk-v16 #services .mk-service-jump {min-height:62px;font-size:15px;padding:10px;}
 body.mk-v16 #services .mk-map-num,body.mk-v16 #services .mk-map-arrow {display:none;}
 body.mk-v16 #services .service-stack .service-panel {display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr;min-height:0!important;}
 body.mk-v16 #services .service-stack .service-panel .panel-art {height:auto!important;aspect-ratio:16/10!important;flex:none!important;}
 body.mk-v16 #services .service-stack .service-panel .panel-copy {padding:22px!important;}
 body.mk-v16 #services .service-panel .panel-copy h3 {font-size:28px!important;}
 body.mk-v16 #services .service-panel .panel-copy p {font-size:16px!important;}
 body.mk-v16 #services .mk-v12-social.mk-oct6-social {gap:3px;}
}

body.mk-v16 #services .mk-original-paid-grid {inset:12px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;}
