/* MEDIAK: one frame, one action colour, original work as the visual evidence. */
:root{--mk-ink:#182034;--mk-paper:#f5f7fc;--mk-action:#d6ed9b;--mk-action-hover:#c2de7c;--mk-accent:#3448aa;--mk-frame:2px;--mk-shadow:4px 4px 0 var(--mk-ink);--mk-section-space:clamp(48px,6vw,80px)}
body{background:var(--mk-paper);--paper:var(--mk-paper);--black:var(--mk-ink);--ink:var(--mk-ink);--electric:var(--mk-action);--green:var(--mk-action);--violet:var(--mk-accent)}
.mk-action-arrow{display:inline-block!important;width:22px!important;height:22px!important;min-width:22px;flex:none;vertical-align:middle;color:inherit;overflow:visible;transition:transform .25s ease}
:is(.button,.mk-primary-cta,.header-contact){border:var(--mk-frame) solid var(--mk-ink)!important;box-shadow:var(--mk-shadow)!important;gap:14px;line-height:1.3;transition:transform .2s,box-shadow .2s,background .2s}
:is(.mk-primary-cta,.header-contact,.head .home-header-actions>.button){background:var(--mk-action)!important;color:var(--mk-ink)!important;font-weight:800}
:is(.button,.mk-primary-cta,.header-contact):hover{transform:translate(-2px,-2px)!important;box-shadow:6px 6px 0 var(--mk-ink)!important}
:is(.button,.mk-primary-cta,.header-contact):focus-visible{outline:3px solid var(--mk-accent);outline-offset:5px}
:is(.mk-primary-cta,.header-contact,.head .home-header-actions>.button) .mk-action-arrow{animation:mk-action-nudge 5s ease-in-out infinite}
@keyframes mk-action-nudge{0%,74%,100%{transform:translate(0)}82%{transform:translate(-3px,-3px)}90%{transform:translate(0)}}
:is(.site-header,.head){background:var(--mk-paper)!important;border-bottom:var(--mk-frame) solid var(--mk-ink)}
body.mk-v18 .head{height:76px!important;padding-block:12px!important;min-height:0!important;box-sizing:border-box}
body.mk-v18 .head .home-header-actions>.button{min-height:44px;font-size:16px;padding:10px 16px;display:inline-flex;align-items:center}
body.mk-v18 .head .home-desktop-nav{font-size:15px;gap:22px}
body.mk-v18 .mk-roi-nav{font-weight:800;color:var(--mk-accent)}
body.mk-v18 :is(.display,h3){letter-spacing:0!important}
body.mk-v18 :is(#services,.gallery,.knowledge){padding-block:var(--mk-section-space);background:var(--mk-paper)!important}
body.mk-v18 :is(#services,.gallery,.knowledge) .display span{color:var(--mk-accent)!important}
/* Reserve room for the diagonal ticker inside the first viewport. */
body.mk-v18 .story-scroll{height:auto!important;min-height:0!important}
body.mk-v18 .story-stage{position:relative!important;top:auto!important;height:calc(100svh - 164px)!important;min-height:0!important;display:block!important;overflow:hidden!important}
body.mk-v18 .story-scroll .story-surface.story-hero{position:relative!important;inset:auto!important;height:100%!important;min-height:0!important;display:flex!important;align-items:center;opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important;padding:0!important}
body.mk-v18 .story-scroll .story-hero .hero-stage-grid{width:calc(100% - 64px)!important;height:100%!important;min-height:0!important;display:flex!important;justify-content:flex-start;align-items:center;padding:24px 0 32px!important}
body.mk-v18 .hero-copy{width:min(57%,650px);max-width:650px}
body.mk-v18 .hero-copy .overline{font-size:13px;margin-bottom:16px}
body.mk-v18 .hero-copy h1{font-size:clamp(62px,6.9vw,90px)!important;line-height:.98!important;letter-spacing:0;margin:0 0 20px!important}
body.mk-v18 .hero-copy h1 em{color:var(--mk-action)!important}
body.mk-v18 .hero-copy h2{font-size:19px!important;line-height:1.5!important;margin:0 0 12px!important;max-width:570px}
body.mk-v18 .hero-copy p{font-size:16px!important;line-height:1.6!important;margin:0 0 20px!important;max-width:540px}
body.mk-v18 .story-hero .hero-actions{display:flex!important;gap:12px!important;margin:0!important;align-items:stretch!important;flex-wrap:wrap!important}
body.mk-v18 .story-hero .hero-actions .button{display:inline-flex!important;align-items:center;justify-content:space-between;min-height:48px!important;width:auto!important;font-size:17px!important;padding:12px 20px!important;flex:none!important;opacity:1!important;animation:none!important}
body.mk-v18 .mk-secondary-cta{background:#f5f7fc!important;color:var(--mk-ink)!important}
body.mk-v18 .hero-roi-feature{display:flex;align-items:center;gap:14px;color:white;background:#0e193dde;border:2px solid #a9b8ff;box-shadow:4px 4px 0 #3348aa;margin-top:20px;padding:14px 18px;max-width:540px;text-decoration:none;transition:background .2s,transform .2s}
body.mk-v18 .hero-roi-feature:hover{background:#253668;transform:translateY(-2px)}
body.mk-v18 .hero-roi-feature>span:not(.roi-feature-symbol){min-width:0}
body.mk-v18 .hero-roi-feature strong{font-size:20px;display:block;line-height:1.25}
body.mk-v18 .hero-roi-feature small{font-size:14px;display:block;line-height:1.5;margin-top:4px;color:#e1e9ff}
body.mk-v18 .hero-roi-feature>.mk-action-arrow{margin-inline-start:auto;color:var(--mk-action)}
body.mk-v18 .roi-feature-symbol{display:grid;place-items:center;flex:none;width:42px;height:42px;border:2px solid var(--mk-action);color:var(--mk-action);font:700 26px Arial,sans-serif}
body.mk-v18 .hero-media{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
body.mk-v18 .story-cue{display:none!important}
body.mk-v18 .ticker{height:52px!important;min-height:52px!important;width:calc(100% + 8px)!important;max-width:none!important;margin:0 -4px!important;transform:rotate(-1deg)!important;transform-origin:center;position:relative;z-index:2;display:flex;align-items:center;border-block:2px solid var(--mk-ink);background:var(--mk-action)!important;overflow:hidden}
body.mk-v18 .ticker span{font-size:20px!important;line-height:1.3;animation-duration:26s!important}
/* Services: compact selector, identical frames, media fitted rather than face-cropped. */
body.mk-v18 #services .services-heading{gap:24px;margin-bottom:12px}
body.mk-v18 #services .services-heading p{color:#505970}
body.mk-v18 #services .service-sticky{background:var(--mk-paper)!important}
body.mk-v18 #services .mk-service-map{margin:0 auto 14px!important}
body.mk-v18 #services .mk-service-jump{background:#fff;border:2px solid #a5aec4;box-shadow:2px 2px 0 #d7deec;min-height:52px;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
body.mk-v18 #services .mk-service-jump:is(:hover,:focus-visible){border-color:var(--mk-accent);transform:translateY(-2px);outline-offset:3px}
body.mk-v18 #services .mk-service-jump.is-current{border-color:var(--mk-ink);background:var(--mk-action)!important;color:var(--mk-ink);box-shadow:var(--mk-shadow)}
body.mk-v18 #services .mk-map-arrow{color:var(--mk-accent)}
body.mk-v18 #services .service-layout{height:auto!important;min-height:0!important;margin:0 auto!important;flex:none!important}
body.mk-v18 #services .service-frame{position:relative;min-width:0;width:100%;max-width:100%;height:auto}
body.mk-v18 #services .service-stack{height:auto!important;padding:0 0 6px!important;align-items:stretch!important}
body.mk-v18 #services .service-stack .service-panel{height:460px!important;min-height:460px!important;max-height:none!important;border:2px solid var(--mk-ink)!important;box-shadow:var(--mk-shadow)!important;grid-template-columns:minmax(0,58%) minmax(0,42%)!important}
body.mk-v18 #services .service-stack .service-panel .panel-copy{padding:26px!important;overflow:visible!important}
body.mk-v18 #services .service-panel .panel-copy h3{font-size:clamp(29px,2.65vw,37px)!important;margin:10px 0 16px!important}
body.mk-v18 #services .service-panel .panel-copy p{font-size:16px!important;line-height:1.6!important}
body.mk-v18 #services .service-stack .service-panel .panel-art{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;align-self:stretch!important;background:#e9eef8!important}
body.mk-v18 #services .mk-original-paid-grid{inset:10px!important;gap:8px;transform:none!important}
body.mk-v18 #services .mk-original-paid-grid img{border:2px solid #d0d8e8;box-shadow:none!important;background:white!important;object-fit:contain!important}
body.mk-v18 #services .mk-v12-social.mk-oct6-social{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:15/8!important;max-height:100%;grid-template-columns:minmax(0,.75fr) repeat(2,minmax(0,.5625fr))!important;grid-template-rows:minmax(0,1fr)!important;gap:4px;background:#e9eef8;align-self:center!important}
body.mk-v18 #services .mk-oct6-social .mk-social-still img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
body.mk-v18 #services .mk-oct6-social>.mk-video-card:nth-child(2){padding:4px 0 8px!important}
body.mk-v18 #services .mk-oct6-social>.mk-video-card.is-playing{position:absolute!important;inset:0!important;aspect-ratio:auto;padding:4px 0 8px!important;height:100%!important}
body.mk-v18 #services .mk-oct6-social .mk-video-card .mk-play{background:var(--mk-action)!important;color:var(--mk-ink)!important;border:2px solid var(--mk-ink)!important;box-shadow:0 4px 14px #17203c35}
body.mk-v18 #services .mk-organic-grid{display:grid!important;position:relative!important;aspect-ratio:auto!important;width:min(82cqw,112cqh)!important;height:auto!important;max-height:84%;gap:min(3cqw,4cqh)!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}
body.mk-v18 #services .mk-organic-grid .mk-ai-token{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%;aspect-ratio:1!important;transform:none!important;margin:0!important;box-shadow:0 4px 15px #070c2340;border:2px solid #d2defa}
body.mk-v18 #services .mk-organic-grid .mk-ai-token small{display:block!important;font-size:clamp(10px,2cqw,15px)!important}
body.mk-v18 #services .mk-organic-grid .mk-ai-token img{width:48%!important;height:48%!important;max-height:48%!important;object-fit:contain!important}
body.mk-v18 #services .mk-web-collage{display:grid!important;inset:0!important;padding:10px;gap:8px;grid-template-rows:minmax(0,1.25fr) minmax(0,1fr)!important;align-content:stretch!important;background:#e9eef8}
body.mk-v18 #services .mk-web-collage img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;background:#e9eef8!important;border:2px solid #aab6cf}
body.mk-v18 #services .mk-five-brands{background:#e9eef8;padding:14px;gap:8px}
body.mk-v18 #services .mk-five-brands>img{box-shadow:none;border:2px solid #d5ddec}
body.mk-v18 #services .service-panel .panel-photo{object-fit:contain!important;background:#e9eef8;object-position:center!important}
body.mk-v18 #services .service-arrow{position:absolute;z-index:10;display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:2px solid white;background:var(--mk-ink);color:white;border-radius:50%;box-shadow:0 3px 12px #15204a33;cursor:pointer;touch-action:manipulation;transform:translateY(-50%);top:38%}
body.mk-v18 #services .service-arrow svg{width:22px;height:22px}
body.mk-v18 #services .service-arrow-right{right:12px}
body.mk-v18 #services .service-arrow-left{left:12px}
body.mk-v18 #services .service-arrow:disabled{opacity:.35;cursor:default}
/* Light, editorial work cards: real creative and the story of the project side by side. */
body.mk-v18 #work{background:#e8edfa!important;color:var(--mk-ink)!important;padding-block:var(--mk-section-space)}
body.mk-v18 #work::before,body.mk-v18 #work::after{display:none!important}
body.mk-v18 #work .display span{color:var(--mk-accent)!important}
body.mk-v18 #work .case-visual-note{color:#4b566f!important}
body.mk-v18 #work .selected-work-status{color:var(--mk-accent)!important;font-size:16px;font-weight:800}
body.mk-v18 #work .selected-work-carousel{--selected-art-height:460px}
body.mk-v18 #work .work-grid .work-item .work-art{height:var(--selected-art-height)!important;background:#fff!important;border:2px solid var(--mk-ink)!important;box-shadow:var(--mk-shadow);padding:0!important;display:grid!important;grid-template-columns:minmax(0,58%) minmax(0,42%);direction:ltr;isolation:isolate;overflow:hidden}
body.mk-v18 #work .mk-case-media{position:relative!important;inset:auto!important;min-width:0;min-height:0;height:100%;width:100%;background:#edf1f8;overflow:hidden}
body.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;transform:none!important;object-fit:contain!important;object-position:center!important;box-shadow:none!important;background:#edf1f8!important}
body.mk-v18 #work .mk-case-brief{padding:32px;direction:rtl;background:#fff;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;color:var(--mk-ink)}
body.mk-v18 #work .mk-case-brief dl{margin:0;display:grid;gap:18px}
body.mk-v18 #work .mk-case-brief dt{font-size:13px;font-weight:800;color:var(--mk-accent);margin-bottom:5px}
body.mk-v18 #work .mk-case-brief dd{margin:0;font-size:17px;line-height:1.5}
body.mk-v18 #work .mk-case-brief .mk-case-result dd{font-weight:800;font-size:21px}
body.mk-v18 #work .mk-case-brief>small{display:block;font-size:12px;line-height:1.5;color:#5d6579;margin-top:12px}
body.mk-v18 #work .mk-case-open{display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:800;margin-top:20px;border-top:1px solid #d3dbea;padding-top:12px}
body.mk-v18 #work .work-meta{color:var(--mk-ink)!important;border-top:0!important;padding-top:20px}
body.mk-v18 #work .work-meta small{color:#55617e!important}
body.mk-v18 #work .work-meta h3{color:var(--mk-ink)!important}
body.mk-v18 #work .work-grid .work-item .work-sticker{position:absolute!important;z-index:5!important;bottom:12px!important;left:12px!important;right:auto!important;font-size:14px!important;padding:6px 10px!important;border:2px solid var(--mk-ink)!important;background:var(--mk-action)!important;color:var(--mk-ink)!important;transform:none!important;box-shadow:none!important;max-width:calc(58% - 24px)}
body.mk-v18 #work .mk-case-collage{inset:0!important;padding:8px!important;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important;align-items:center;background:#edf1f8!important}
body.mk-v18 #work .mk-creators-collage>figure:nth-child(n){grid-column:auto!important;grid-row:auto!important;width:100%;aspect-ratio:1;min-width:0;height:auto;overflow:visible;border:2px solid #c5cfdf;background:#fff}
body.mk-v18 #work .mk-creators-collage>figure:nth-child(n) img{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;background:transparent!important}
body.mk-v18 #work .work-real-jewelry{height:100%;padding:16px!important;background:#edf1f8!important}
body.mk-v18 #work .work-jewel-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,1fr)!important;gap:8px!important}
body.mk-v18 #work .work-jewel-products img{object-fit:contain!important;object-position:center!important}
body.mk-v18 :is(.selected-work-arrow,.gallery-arrow){background:var(--mk-ink)!important;border:2px solid white!important;color:white!important;box-shadow:0 4px 15px #16234633!important}
body.mk-v18 :is(.selected-work-arrow,.gallery-arrow) svg{width:24px;height:24px}
body.mk-v18 .mk-chapter-bridge{background:var(--mk-paper)!important;height:32px!important}
body.mk-v18 .mk-chapter-bridge::before{background:#dce4f6!important}
/* Website output is visible before the visitor leaves for the client site. */
body.mk-v18 .gallery-track .mk-site-showcase{position:relative;overflow:hidden!important;height:420px!important;border:2px solid var(--mk-ink)!important;box-shadow:var(--mk-shadow);background:#e3eaf6!important}
body.mk-v18 .mk-site-showcase .project-photos{position:absolute!important;inset:0 0 0 62%!important;display:flex!important;flex-direction:column;opacity:.65}
body.mk-v18 .mk-site-showcase .project-photos img{width:100%!important;height:100%!important;object-fit:cover;object-position:center}
body.mk-v18 .mk-site-showcase::after{background:linear-gradient(90deg,transparent 55%,#15234cbb)!important}
body.mk-v18 .mk-site-window{position:absolute;z-index:3;inset:24px 40% 24px 24px;display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff;border:2px solid var(--mk-ink);box-shadow:var(--mk-shadow)}
body.mk-v18 .mk-site-window img{display:block;width:100%;height:calc(100% - 24px);min-height:0;object-fit:contain;object-position:center}
body.mk-v18 .mk-browser-bar{height:24px;min-height:24px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#edf1f8;border-bottom:1px solid #ccd5e5;direction:ltr}
body.mk-v18 .mk-browser-bar i{display:block;width:5px;height:5px;border-radius:50%;background:#8995ab}
body.mk-v18 .gallery-track .mk-site-showcase strong{font-size:34px!important;right:18px!important;left:auto!important;bottom:24px!important;max-width:32%!important;line-height:1.1;letter-spacing:0}
body.mk-v18 .mk-site-showcase .poster-meta{right:18px;max-width:32%;font-size:12px}
body.mk-v18 .gallery-end{margin-top:24px}
body.mk-v18 .knowledge-image{border:2px solid var(--mk-ink)!important;box-shadow:none!important}
body.mk-v18 .knowledge .knowledge-info{background:var(--mk-action)!important;color:var(--mk-ink)!important;border:2px solid var(--mk-ink)!important;box-shadow:var(--mk-shadow)!important}
body.mk-v18 .knowledge .knowledge-info::after{background:var(--mk-ink)!important;color:white!important}
body.mk-v18 #contact .display span{color:var(--mk-action)!important}
body.mk-v18 .contact-deck,.page-contact .contact-deck{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:center}
body.mk-v18 .lead-form,.page-contact .lead-form{background:var(--mk-paper);color:var(--mk-ink);padding:32px;border:2px solid var(--mk-ink);box-shadow:var(--mk-shadow)}
body.mk-v18 .lead-form-title h3,.page-contact .lead-form-title h3{font-size:40px;line-height:1.1;margin:12px 0 24px}
body.mk-v18 .lead-fields,.page-contact .lead-fields{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px}
body.mk-v18 .lead-fields label,.page-contact .lead-fields label{display:grid;gap:8px;font-size:16px;font-weight:700}
body.mk-v18 .lead-fields input,body.mk-v18 .lead-fields textarea,.page-contact .lead-fields input,.page-contact .lead-fields textarea{box-sizing:border-box;width:100%;min-width:0;padding:12px 14px;font:inherit;font-size:16px;border:2px solid #8290ad;background:#fff;border-radius:0;resize:vertical}
body.mk-v18 .lead-form button,.page-contact .lead-form button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:14px 16px;font-family:inherit;font-weight:800;font-size:17px;margin-top:20px;cursor:pointer}
body.mk-v18 .form-hint,.page-contact .form-hint{font-size:13px;line-height:1.5;margin:14px 0 0;color:#535f77}
body.mk-v18 .contact-side>p,.page-contact .contact-side>p{font-size:17px;line-height:1.7;margin:20px 0 28px;max-width:410px}
body.mk-v18 .contact-side h3,.page-contact .contact-side h3{font-size:40px;line-height:1.1;margin:12px 0}
body.mk-v18 .contact-side>a.button,.page-contact .contact-side>a.button{display:inline-flex;align-items:center;font-size:17px;padding:14px 18px;border:2px solid var(--mk-ink)!important}
.page-contact .contact-options{display:block;padding-block:50px}
.page-contact .contact-deck{width:100%}
.page-contact .contact-side{color:var(--mk-ink)}
.editorial .editorial-hero{background:#e5ebf8!important;border-bottom:2px solid #c6d0e8}
.editorial :is(.case-image,.case-creative,.editorial-figure){border-width:2px}
.editorial .compact-contact{background:#e5ebf8!important;color:var(--mk-ink)!important}
.editorial .compact-contact .button{background:var(--mk-action)!important;color:var(--mk-ink)!important}
/* Logo-inspired gold with a deeper gold interaction state. */
.mk-floating-whatsapp{background:#198b49!important;color:#fff!important}
.mk-floating-whatsapp:focus-visible{outline-color:var(--mk-accent)!important}
:is(body.mk-v18,.page-contact) .lead-form button{background:var(--mk-action)!important;color:var(--mk-ink)!important}
:is(body.mk-v18,.page-contact) .lead-form button:is(:hover,:active){background:var(--mk-action-hover)!important}
body.mk-v18 .contact-side>a:hover{color:var(--mk-action)}
body.mk-v18 .knowledge-info>span{color:var(--mk-action)!important}
body.mk-v18 .knowledge-image::after{background:var(--mk-action)!important;color:var(--mk-ink)!important}
body.mk-v18 #services .panel-art:is(.paid-art,.social-art,.web-art,.creative-art)>b{box-shadow:5px 5px 0 var(--mk-action)!important}
body.mk-v18 #services .mk-video-card .mk-play:is(:hover,:focus-visible){outline-color:var(--mk-action)!important}
body.mk-v18 .mk-roi::before{background:radial-gradient(ellipse at 8% 5%,#d6ed9b30,transparent 37%),radial-gradient(ellipse at 95% 90%,#3448aa18,transparent 42%)}
body.mk-v18 .mk-roi-form-actions button{background:var(--mk-action)!important;color:var(--mk-ink)!important}
body.mk-v18 .mk-roi-form-actions button:is(:hover,:active){background:var(--mk-action-hover)!important}
body.mk-v18 .mk-chapter-bridge span{color:var(--mk-action)!important}
.hero-automation{--accent:var(--mk-action)}
.flow .done .flow-dot{box-shadow:0 0 0 5px #d6ed9b17}
.news-asterisk{color:var(--mk-action)}
:is(.foot,.footer) .wordmark{background:transparent!important;padding:0!important}
:is(.foot,.footer) .mediak-original-logo{filter:url(#mediak-light-wordmark)}
/* Guide category headers use the same light surface and dark type as other categories. */
body.editorial[class*="page-guides"] .editorial-hero{background:#e5ebf8!important;color:var(--mk-ink)!important}
body.editorial[class*="page-guides"] .editorial-hero :is(h1,.eyebrow,.breadcrumb,.orbit-mark){color:var(--mk-ink)!important}
body.editorial[class*="page-guides"] .orbit-mark b{background:#e5ebf8!important}
:is(.mk-primary-cta,.header-contact,.head .home-header-actions>.button):is(:hover,:active),.editorial .compact-contact .button:is(:hover,:active){background:var(--mk-action-hover)!important;color:var(--mk-ink)!important}
body.mk-v18 #services .mk-service-jump.is-current:is(:hover,:active){background:var(--mk-action-hover)!important}
body.mk-v18 #services .mk-oct6-social .mk-video-card .mk-play:is(:hover,:active){background:var(--mk-action-hover)!important}
body.mk-v18 .knowledge .knowledge-item:is(:hover,:active) .knowledge-info{background:var(--mk-action-hover)!important;transition:background .2s,transform .3s}
@media(min-width:1101px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
 body.mk-v18 #services .service-runway{height:340vh!important}
 body.mk-v18 #services .service-sticky{height:100svh!important;justify-content:center!important;align-items:center!important;padding:20px 0!important;gap:0!important}
 body.mk-v18 #services .service-layout{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important;gap:22px!important;align-items:center!important}
 body.mk-v18 #services .service-count{font-size:46px;margin:14px 0}
 body.mk-v18 #services .service-sidebar p{font-size:14px;line-height:1.5}
}
@media(max-width:1100px){
 body.mk-v18 .hero-copy{width:min(64%,650px)}
 body.mk-v18 .hero-copy h1{font-size:64px!important}
 body.mk-v18 #services .service-stack .service-panel{height:430px!important;min-height:430px!important}
 body.mk-v18 #work .mk-case-brief{padding:24px}
 body.mk-v18 #work .mk-case-brief dd{font-size:16px}
 body.mk-v18 #work .mk-case-brief .mk-case-result dd{font-size:19px}
}
@media(max-width:760px){
 body.mk-v18 .head{height:64px!important;padding:8px 16px!important;gap:10px!important}
 body.mk-v18 .head .wordmark{width:120px!important;min-width:0}
 body.mk-v18 .head .wordmark img{width:120px!important;height:auto!important}
 body.mk-v18 .head .home-header-actions{gap:8px}
 body.mk-v18 .head .home-header-actions>.button{font-size:14px!important;padding:8px 10px!important;min-height:42px}
 body.mk-v18 .head .home-menu-toggle{width:40px;height:42px;font-size:22px}
 body.mk-v18 .story-stage{height:calc(100svh - 122px)!important;min-height:0!important}
 body.mk-v18 .story-scroll .story-hero .hero-stage-grid{width:calc(100% - 32px)!important;min-height:0!important;display:flex!important;padding:18px 0 24px!important;align-items:center!important}
 body.mk-v18 .hero-copy{width:100%!important;max-width:560px}
 body.mk-v18 .hero-copy .overline{font-size:12px;margin-bottom:12px}
 body.mk-v18 .hero-copy h1{font-size:clamp(48px,12vw,66px)!important;line-height:1!important;margin-bottom:16px!important}
 body.mk-v18 .hero-copy h2{font-size:17px!important;line-height:1.45!important;margin-bottom:10px!important;max-width:95%}
 body.mk-v18 .hero-copy p{font-size:16px!important;line-height:1.45!important;margin-bottom:16px!important;max-width:95%}
 body.mk-v18 .story-hero .hero-actions{gap:10px!important}
 body.mk-v18 .story-hero .hero-actions .button{font-size:16px!important;padding:10px 14px!important;min-height:46px!important}
 body.mk-v18 .hero-roi-feature{padding:12px;gap:10px;margin-top:16px;width:100%;max-width:100%;box-sizing:border-box}
 body.mk-v18 .hero-roi-feature>span:not(.roi-feature-symbol){min-width:0}
body.mk-v18 .hero-roi-feature strong{font-size:18px}
 body.mk-v18 .hero-roi-feature small{font-size:13px}
 body.mk-v18 .roi-feature-symbol{width:34px;height:34px;font-size:23px}
 body.mk-v18 .hero-media{object-position:39% center!important;filter:brightness(.68)}
 body.mk-v18 .story-hero::after{background:linear-gradient(90deg,#08122c44,#08122cd4)!important;pointer-events:none}
 body.mk-v18 .ticker{height:42px!important;min-height:42px!important}
 body.mk-v18 .ticker span{font-size:17px!important}
 body.mk-v18 #services .mk-service-jump{min-height:64px;font-size:15px;border:2px solid #a5aec4!important;box-shadow:2px 2px 0 #d7deec;justify-content:space-between}
 body.mk-v18 #services .mk-service-jump.is-current{border-color:var(--mk-ink)!important;box-shadow:var(--mk-shadow)}
 body.mk-v18 #services .mk-map-arrow{display:block!important;font-size:19px}
 body.mk-v18 #services .service-stack .service-panel{height:auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr!important}
 body.mk-v18 #services .service-stack .service-panel .panel-art{height:auto!important;aspect-ratio:16/10!important;min-height:0!important}
 body.mk-v18 #services .service-stack .service-panel .panel-copy{padding:22px!important}
 body.mk-v18 #services .service-panel .panel-copy h3{font-size:27px!important}
 body.mk-v18 #services .mk-oct6-social .mk-video-card .mk-play{width:40px;height:40px}
 body.mk-v18 #work .selected-work-carousel{--selected-art-height:auto}
 body.mk-v18 #work .work-grid .work-item .work-art{height:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr!important}
 body.mk-v18 #work .mk-case-media{height:auto!important;aspect-ratio:4/3!important;width:100%}
 body.mk-v18 #work .mk-case-brief{padding:24px 20px;min-height:0}
 body.mk-v18 #work .mk-case-brief dl{gap:14px}
 body.mk-v18 #work .mk-case-brief dd{font-size:16px}
 body.mk-v18 #work .mk-case-brief .mk-case-result dd{font-size:20px}
 body.mk-v18 #work .work-grid .work-item .work-sticker{top:12px!important;bottom:auto!important;max-width:calc(100% - 24px)}
 body.mk-v18 .gallery-track .mk-site-showcase{height:310px!important}
 body.mk-v18 .mk-site-showcase .project-photos{inset:0!important;opacity:.14}
 body.mk-v18 .mk-site-window{inset:36px 14px 52px!important}
 body.mk-v18 .mk-site-showcase::after{display:none!important}
 body.mk-v18 .gallery-track .mk-site-showcase strong{right:16px!important;bottom:14px!important;max-width:calc(100% - 32px)!important;font-size:23px!important;color:var(--mk-ink);text-shadow:none}
 body.mk-v18 .mk-site-showcase .poster-meta{top:12px;right:16px;max-width:calc(100% - 32px);font-size:10px;color:var(--mk-ink)}
 body.mk-v18 .contact-deck,.page-contact .contact-deck{grid-template-columns:minmax(0,1fr);gap:28px}
 body.mk-v18 .lead-form,.page-contact .lead-form{padding:24px 20px}
 body.mk-v18 .lead-form-title h3,.page-contact .lead-form-title h3{font-size:32px}
 body.mk-v18 .contact-side h3,.page-contact .contact-side h3{font-size:32px}
 body.mk-v18 .contact-side>a.button,.page-contact .contact-side>a.button{font-size:16px;padding:12px 14px;min-height:48px}
}
@media(max-height:760px) and (min-width:761px){
 body.mk-v18 .hero-copy h1{font-size:clamp(48px,5.5vw,70px)!important;margin-bottom:12px!important}
 body.mk-v18 .hero-copy .overline{margin-bottom:10px}
 body.mk-v18 .hero-copy h2{font-size:17px!important;margin-bottom:8px!important}
 body.mk-v18 .hero-copy p{margin-bottom:12px!important}
 body.mk-v18 .hero-roi-feature{margin-top:14px;padding:10px 14px}
 body.mk-v18 .hero-roi-feature>span:not(.roi-feature-symbol){min-width:0}
body.mk-v18 .hero-roi-feature strong{font-size:18px}
}

/* Compact guide strip; all three links remain visible together. */
/* Controls belong to the stationary carousel frame, never to a sliding card. */
body.mk-v18 :is(.selected-work-carousel,.gallery-sticky,.service-frame){position:relative!important}
body.mk-v18 :is(.selected-work-arrow,.gallery-arrow,.service-arrow){position:absolute!important;top:50%!important;bottom:auto!important;margin:0!important;transform:translateY(-50%)!important;transition:background .2s,opacity .2s!important;animation:none!important}
body.mk-v18 :is(.selected-work-prev,.gallery-arrow-right,.service-arrow-right){right:12px!important;left:auto!important}
body.mk-v18 :is(.selected-work-next,.gallery-arrow-left,.service-arrow-left){left:12px!important;right:auto!important}
body.mk-v18 #services .service-arrow{top:50%!important;transform:translateY(-50%)!important}
@media(min-width:761px){body.mk-v18 #services .service-arrow{display:none!important}}
@media(max-width:760px){body.mk-v18 #services .service-arrow{display:grid!important}}
body.mk-v18 #guides .display{display:flex;flex-wrap:wrap;gap:0 .25em;font-size:48px!important;line-height:1.1;margin:0 0 18px!important}
body.mk-v18 #guides .display br{display:none}
body.mk-v18 #guides .guides-intro{margin:0 0 22px!important;max-width:760px}
body.mk-v18 #guides .knowledge-gallery{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;width:100%;max-width:860px;margin-inline:auto}
body.mk-v18 #guides .knowledge-item{min-width:0;transform:none}
body.mk-v18 #guides .knowledge-image{height:auto!important;min-height:0!important;aspect-ratio:1!important;background-size:cover!important;background-position:center!important}
body.mk-v18 #guides .knowledge-item .knowledge-info{width:calc(100% - 4px)!important;height:auto!important;min-height:56px!important;margin:10px 0 4px!important;padding:10px 12px!important;gap:8px}
body.mk-v18 #guides .knowledge-info h3{font-size:18px!important;line-height:1.35!important}
body.mk-v18 #guides .knowledge-info>span{width:28px;height:28px}
body.mk-v18 #guides .knowledge-note{margin-top:18px}
@media(max-width:760px){
 body.mk-v18 #guides{padding-block:32px!important}
 body.mk-v18 #guides .display{font-size:32px!important;margin-bottom:12px!important}
 body.mk-v18 #guides .guides-intro{font-size:16px!important;margin-bottom:18px!important}
 body.mk-v18 #guides .knowledge-gallery{gap:8px!important}
 body.mk-v18 #guides .knowledge-item .knowledge-info{min-height:72px!important;padding:8px 5px!important;margin-top:8px!important;gap:4px;position:relative}
 body.mk-v18 #guides .knowledge-info h3{font-size:14px!important;line-height:1.4!important;text-align:center;overflow-wrap:normal!important}
 body.mk-v18 #guides .knowledge-info>span{display:none}
 body.mk-v18 #guides .knowledge-image::after{width:24px;height:24px;top:5px;left:5px;font-size:16px}
 body.mk-v18 #guides .knowledge-note{font-size:12px;margin-top:12px}
 /* Keep the work image intact while shortening its surrounding copy and space. */
 body.mk-v18 :is(#work,#gallery){padding-block:32px!important}
 body.mk-v18 :is(#work,#gallery) .display{font-size:36px!important;margin:0 0 18px!important}
 body.mk-v18 #work .selected-work-carousel{margin-top:18px!important}
 body.mk-v18 #work .mk-case-media{aspect-ratio:3/2!important}
 body.mk-v18 #work .mk-case-brief{padding:16px!important}
 body.mk-v18 #work .mk-case-brief dl{gap:10px}
 body.mk-v18 #work .mk-case-brief dt{font-size:12px;margin-bottom:3px}
 body.mk-v18 #work .mk-case-brief dd{font-size:15px;line-height:1.45}
 body.mk-v18 #work .mk-case-brief .mk-case-result dd{font-size:17px}
 body.mk-v18 #work .mk-case-open{margin-top:12px;padding-top:10px;font-size:14px}
 body.mk-v18 #work .work-meta{margin-top:10px!important;padding-top:6px!important;gap:8px}
 body.mk-v18 #work .work-meta h3{font-size:19px!important;line-height:1.35!important}
 body.mk-v18 .gallery-head{margin-bottom:16px}
 body.mk-v18 .gallery-track .mk-site-showcase{height:260px!important}
 body.mk-v18 .gallery-slide h3{font-size:21px!important;line-height:1.35;margin:12px 0 8px!important}
 body.mk-v18 .gallery-end{margin-top:14px;font-size:14px;line-height:1.5}
 body.mk-v18 .mk-chapter-bridge{height:20px!important}
 .page-portfolio .editorial-title{padding-block:18px 24px}
 .page-portfolio .editorial-title h1{font-size:38px;line-height:1.2}
 .page-portfolio .work-gallery{padding-block:24px 32px;gap:24px}
 .page-portfolio .work-caption{padding-top:12px}
 .page-portfolio .work-caption h2{font-size:22px;line-height:1.3;margin-bottom:6px}
 .page-portfolio .work-caption p{font-size:15px;line-height:1.5}
 .page-portfolio .work-caption .asset-note{font-size:12px}
 .page-portfolio .work-cover img{aspect-ratio:1.2}
 .page-portfolio .approved-web-work{padding-block:32px}
 .page-portfolio .work-heading{margin-bottom:20px}
 .page-portfolio .work-heading h2{font-size:32px;line-height:1.2}
 .page-portfolio .chef-feature{gap:20px;margin-bottom:20px}
 .page-portfolio .chef-feature-copy h3{font-size:28px;line-height:1.2}
 .page-portfolio .chef-feature-copy p,.page-portfolio .approved-sites-grid p{font-size:15px;line-height:1.5}
 .page-portfolio .chef-filmstrip{gap:8px;margin-block:16px 24px}
 .page-portfolio .approved-sites-grid{gap:24px}
 .page-portfolio .approved-sites-grid h3{font-size:22px}
}
@media(max-height:700px) and (max-width:760px){
 body.mk-v18 .story-scroll .story-hero .hero-stage-grid{padding:12px 0 18px!important}
 body.mk-v18 .hero-copy h1{font-size:44px!important;margin-bottom:10px!important}
 body.mk-v18 .hero-copy h2{font-size:16px!important;margin-bottom:8px!important}
 body.mk-v18 .hero-copy .overline{margin-bottom:8px}
 body.mk-v18 .hero-copy p{font-size:15px!important;margin-bottom:12px!important}
 body.mk-v18 .hero-roi-feature{margin-top:12px;padding:10px}
 body.mk-v18 .hero-roi-feature>span:not(.roi-feature-symbol){min-width:0}
body.mk-v18 .hero-roi-feature strong{font-size:16px}
 body.mk-v18 .hero-roi-feature small{font-size:12px}
}
@media(max-width:360px){
 body.mk-v18 .head .wordmark,body.mk-v18 .head .wordmark img{width:98px!important}
 body.mk-v18 .head .home-header-actions>.button{font-size:13px!important;padding:8px}
 body.mk-v18 .hero-copy h1{font-size:42px!important}
 body.mk-v18 .story-hero .hero-actions .button{font-size:14px!important;padding:10px 12px!important;gap:8px!important}
}
@media(prefers-reduced-motion:reduce){
 .mk-action-arrow{animation:none!important;transition:none}
 body.mk-v18 .ticker span{animation:none!important}
 :is(.button,.mk-primary-cta,.header-contact){transition:none}
}

body.mk-v18 .hero-copy h1 em{display:block}
@media(max-width:760px){
 body.mk-v18 .hero-title-break{display:none}
 body.mk-v18 .hero-copy h1{font-size:clamp(36px,10.5vw,48px)!important}
}
@media(max-height:700px) and (max-width:760px){
 body.mk-v18 .hero-copy h1{font-size:36px!important}
 body.mk-v18 .hero-copy p{font-size:16px!important;line-height:1.4!important}
}

/* Hostinger preview: near-edge desktop layout and readable type. */
@media (min-width:1101px){
 body.mk-v18 .shell{width:calc(100% - 64px)!important;max-width:none!important;min-width:0;margin-inline:auto}
 body.mk-v18 .head .home-desktop-nav{font-size:18px;gap:clamp(18px,1.6vw,32px)}
 body.mk-v18 .head .wordmark,body.mk-v18 .head .wordmark img{width:160px!important;min-width:0;height:auto}
 body.mk-v18 .head .home-header-actions>.button{font-size:19px;min-height:48px;padding:11px 20px}
 body.mk-v18 .hero-copy{width:min(56%,760px);max-width:760px}
 body.mk-v18 .hero-copy .overline{font-size:16px;margin-bottom:12px}
 body.mk-v18 .hero-copy h1{font-size:clamp(80px,6.5vw,104px)!important;margin-bottom:18px!important}
 body.mk-v18 .hero-copy h2{font-size:23px!important;max-width:700px;line-height:1.4!important}
 body.mk-v18 .hero-copy p{font-size:19px!important;max-width:680px;line-height:1.5!important;margin-bottom:18px!important}
 body.mk-v18 .story-hero .hero-actions .button{font-size:20px!important;min-height:52px!important;padding:13px 24px!important}
 body.mk-v18 .hero-roi-feature{max-width:680px;padding:16px 20px;margin-top:18px}
 body.mk-v18 .hero-roi-feature strong{font-size:23px}
 body.mk-v18 .hero-roi-feature small{font-size:17px}
 body.mk-v18 #services .mk-service-jump{font-size:19px;min-height:60px;padding:12px 16px}
 body.mk-v18 #services .service-panel .panel-copy h3{font-size:clamp(36px,2.7vw,48px)!important}
 body.mk-v18 #services .service-panel .panel-copy p{font-size:20px!important;line-height:1.65!important}
 body.mk-v18 #services .service-panel .panel-copy>span{font-size:15px!important}
 body.mk-v18 #services .service-sidebar{font-size:17px}
 body.mk-v18 #services .services-heading p,body.mk-v18 #work>.shell>p,body.mk-v18 .guides-intro,body.mk-v18 .gallery-intro{font-size:20px;line-height:1.6}
 body.mk-v18 #work .work-meta h3{font-size:30px!important}
 body.mk-v18 #work .work-meta small{font-size:15px}
}
@media (min-width:1101px) and (min-height:850px){
 body.mk-v18 .hero-copy h1{font-size:clamp(90px,6.5vw,116px)!important}
}
/* Keep enlarged hero content within short laptop screens. */
@media (min-width:1101px) and (max-height:749px){
 body.mk-v18 .hero-copy h1{font-size:clamp(64px,5.8vw,80px)!important;margin-bottom:12px!important}
 body.mk-v18 .hero-copy h2{font-size:20px!important}
 body.mk-v18 .hero-copy p{font-size:17px!important;margin-bottom:12px!important}
 body.mk-v18 .hero-roi-feature{margin-top:12px;padding:12px 18px}
}

/* Extend the approved desktop scale to all inner page templates. */
@media (min-width:1101px){
 body:not(.mk-v18){font-size:20px}
 body:not(.mk-v18) .wrap{width:calc(100% - 64px)!important;max-width:none!important;min-width:0;margin-inline:auto}
 body:not(.mk-v18) .desktop-nav{font-size:18px;gap:clamp(18px,1.6vw,32px)}
 body:not(.mk-v18) .site-header .wordmark img{width:160px!important;height:auto}
 body:not(.mk-v18) :is(.button,.text-link){font-size:19px;min-height:48px}
 body:not(.mk-v18) .breadcrumb{font-size:16px}
 body:not(.mk-v18) :is(.eyebrow,.editorial-title .eyebrow){font-size:15px}
 body:not(.mk-v18) .hero-lead{font-size:23px;max-width:700px}
 body:not(.mk-v18) .editorial-title h1{font-size:clamp(54px,5.8vw,96px);max-width:1200px}
 body[class*="page-guide-"] .editorial-title h1{font-size:clamp(46px,4.5vw,76px)}
 body[class*="page-project-"] .editorial-title h1{font-size:clamp(42px,4vw,68px)}
 body:not(.mk-v18) .reading-layout{grid-template-columns:260px minmax(0,1040px);gap:clamp(32px,4vw,72px)}
 body:not(.mk-v18) .article-body{min-width:0;font-size:21px;line-height:1.8}
 body:not(.mk-v18) .article-body h2{font-size:clamp(34px,3vw,48px);line-height:1.3}
 body:not(.mk-v18) .article-body h3{font-size:28px;line-height:1.4}
 body:not(.mk-v18) .article-body table{font-size:17px}
 body:not(.mk-v18) .article-lead{font-size:26px}
 body:not(.mk-v18) .contents{font-size:18px}
 body:not(.mk-v18) .guide-directory-row .source-link a{font-size:clamp(26px,2vw,34px)}
}