.mk-page{--mk-shell: 1208px;--mk-index: 186px;--mk-main: 974px;--mk-gap: 48px;min-height:100vh;color:var(--text);background:var(--page)}.mk-shell{width:min(var(--mk-shell),calc(100vw - 48px));margin-inline:auto}.mk-topbar{position:sticky;top:0;z-index:50;height:56px;border-bottom:1px solid var(--hairline);background:var(--header-bg);backdrop-filter:blur(16px)}.mk-topbar__inner,.mk-footer>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:100%;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:500;line-height:16px;letter-spacing:1.76px;text-transform:uppercase;white-space:nowrap}.mk-topbar p,.mk-footer p{color:var(--tertiary)}.mk-topbar a,.mk-footer a{color:var(--secondary)}.mk-topbar a:last-child,.mk-footer a:last-child{justify-self:end}.mk-topbar a:hover,.mk-footer a:hover{color:var(--text)}.mk-hero{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding-block:80px 64px}.mk-overline,.mk-index,.mk-solution>header span,.mk-decisions article>div:not(:first-child)>span,.mk-results>div:first-child{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:1.68px;text-transform:uppercase}.mk-overline{color:var(--secondary)}.mk-hero h1{max-width:1100px;font-family:Space Grotesk,sans-serif;font-size:64px;font-weight:700;line-height:68px;letter-spacing:0}.mk-hero h1 em,.mk-accent{color:var(--accent)!important}.mk-title-line{display:block}.mk-title-line em{font-style:normal}.mk-tags,.mk-chips{display:flex;flex-wrap:wrap;gap:8px}.mk-tags span,.mk-chips span{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;font-size:13px;line-height:20px}.mk-tags span{border:1px solid var(--strong);color:var(--secondary)}.mk-chips span{border:1px solid var(--accent-border);color:var(--accent);background:#ff8d7714}.mk-meta{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));width:100%;border-block:1px solid var(--hairline)}.mk-meta div{height:126px;padding:16px 16px 20px;border-right:1px solid var(--hairline)}.mk-meta div:last-child{border-right:0}.mk-meta dt{margin-bottom:12px;color:var(--tertiary);font-family:Space Grotesk,sans-serif;font-size:12px;line-height:16px;letter-spacing:1.68px;text-transform:uppercase}.mk-meta dd{color:var(--text);font-size:14px;line-height:21px}.mk-media{display:grid;place-items:center;width:100%;margin:0;overflow:hidden;border:1px solid var(--faint);border-radius:var(--media-radius);color:var(--tertiary);background:var(--raised);font-size:13px;line-height:20px;text-align:center}.mk-hero-media{height:520px;border-color:var(--hairline);border-radius:24px}.mk-media.mk-media--image,.mk-media.mk-media--video{height:auto;place-items:stretch}.mk-media.mk-media--image img,.mk-media.mk-media--video video{display:block;width:100%;height:auto}.mk-media.mk-media--video video{aspect-ratio:16 / 9;height:auto;object-fit:cover}.mk-media--video{position:relative;cursor:pointer}.mk-video-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:#05070b52;cursor:pointer;transition:background .18s ease}.mk-video-play:before{content:"";width:72px;height:72px;border-radius:50%;background:var(--accent);box-shadow:0 8px 28px #05070b73}.mk-video-play:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;transform:translate(-42%,-50%);border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid var(--page)}.mk-video-play:hover,.mk-video-play:focus-visible{background:#05070b1f}.mk-video-play:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.mk-video.is-playing .mk-video-play{display:none}.mk-body{display:grid;grid-template-columns:var(--mk-index) var(--mk-main);gap:var(--mk-gap);align-items:start;padding-bottom:116px}.mk-index{position:sticky;top:88px;width:186px;color:var(--tertiary)}.mk-index>p{height:24px}.mk-index nav{display:flex;flex-direction:column}.mk-index a{display:flex;align-items:center;gap:16px;width:186px;height:32px;border-top:1px solid var(--hairline);color:var(--secondary);white-space:nowrap}.mk-index a span{color:var(--tertiary)}.mk-index a:hover{color:var(--text)}.mk-main{display:flex;flex-direction:column;gap:96px;min-width:0}.mk-section{display:flex;flex-direction:column;align-items:flex-start;gap:40px;width:974px;scroll-margin-top:88px}#problem{min-height:1284px}#design-system{min-height:788px}.mk-section-head{display:flex;flex-direction:column;gap:16px;width:100%}.mk-section-head h2{width:min(860px,100%);font-family:Space Grotesk,sans-serif;font-size:44px;font-weight:500;line-height:50px}.mk-body-copy{width:100%;color:var(--secondary);font-size:16px;line-height:26px}.mk-caption{width:100%;color:var(--tertiary);font-size:13px;line-height:20px}.mk-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%}.mk-metrics article,.mk-cards article,.mk-insights article,.mk-personas article{border:1px solid var(--hairline);border-radius:16px;background:var(--quiet)}.mk-metrics article{display:flex;flex-direction:column;gap:12px;height:189px;padding:24px 12px}.mk-metrics p{color:var(--secondary);font-size:13px;line-height:20px}.mk-metrics strong{font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:500;line-height:34px;white-space:nowrap}.mk-metrics span{color:var(--secondary);font-size:14px;line-height:21px}.mk-context{display:flex;flex-direction:column;gap:16px;width:820px}.mk-context h3,.mk-insights h3,.mk-solution h3,.mk-decisions h3,.mk-lessons h3{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:500;line-height:30px}.mk-context p{color:var(--secondary);font-size:16px;line-height:26px}.mk-video{height:420px}.mk-cards{display:grid;gap:8px;width:100%}.mk-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-cards article{padding:24px;border-color:var(--strong)}.mk-cards h3{margin-bottom:8px;color:var(--secondary);font-size:16px;font-weight:500;line-height:26px}.mk-cards p,.mk-cards li{color:var(--secondary);font-size:14px;line-height:21px}.mk-cards ul{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.mk-cards li{position:relative;padding-left:28px}.mk-cards li:before{content:"•";position:absolute;left:0}.mk-flow-cards article{min-height:174px}.mk-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.mk-insights article{min-height:170px;padding:24px}.mk-insights span{color:var(--secondary);font-size:13px;line-height:20px}.mk-insights h3{margin:0}.mk-insights p{color:var(--secondary);font-size:14px;line-height:21px}.mk-personas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.mk-personas article{padding:24px 16px}.mk-personas strong{display:block;color:var(--tertiary);font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:1.68px;text-transform:uppercase}.mk-personas p{color:var(--secondary);font-size:14px;line-height:21px}.mk-table{width:100%;border-block:1px solid var(--strong)}.mk-table-row{display:grid;grid-template-columns:140px repeat(4,minmax(0,1fr));gap:16px;padding:20px 0;border-bottom:1px solid var(--hairline)}.mk-table-row:last-child{border-bottom:0}.mk-table-row span{color:var(--secondary);font-size:13px;line-height:20px}.mk-table-row .mk-table-key{color:var(--text);font-size:16px;font-weight:500;line-height:26px}.mk-table-head{padding:12px 0}.mk-table-head span{color:var(--tertiary);font-family:Space Grotesk,sans-serif;font-size:12px;line-height:16px;letter-spacing:1.68px;text-transform:uppercase}.mk-decisions{width:100%;border-top:1px solid var(--strong)}.mk-decisions article{display:grid;grid-template-columns:150px repeat(3,minmax(0,1fr));gap:24px;min-height:122px;padding-top:24px;border-bottom:1px solid var(--hairline)}.mk-decisions article>div{display:flex;flex-direction:column;gap:8px}.mk-decisions article>div:first-child{gap:4px}.mk-decisions article>div:first-child p,.mk-decisions article>div:not(:first-child) p{color:var(--secondary);font-size:13px;line-height:20px}.mk-decisions article>div:not(:first-child)>span{color:var(--tertiary)}.mk-decisions strong{font-size:16px;font-weight:500;line-height:26px}.mk-solutions{gap:56px}.mk-solution{display:grid;grid-template-columns:180px 754px;gap:40px;width:100%}.mk-solution>header{display:flex;flex-direction:column;gap:8px}.mk-solution>header span{color:var(--secondary)}.mk-solution>div{display:flex;flex-direction:column;gap:24px}.mk-solution-media{height:340px}.mk-result{display:inline-flex;align-items:center;width:fit-content;min-height:36px;padding:8px 12px;box-shadow:inset 0 0 0 1px var(--accent-border);color:var(--accent);font-size:13px;font-weight:400;line-height:20px}.mk-ds-media{height:360px}.mk-results{width:100%;border-block:1px solid var(--strong)}.mk-results>div{display:grid;grid-template-columns:minmax(0,1fr) 180px 180px;gap:16px;align-items:center;min-height:58px;padding:16px 0;border-bottom:1px solid var(--hairline)}.mk-results>div:first-child{min-height:40px;padding:12px 0;color:var(--tertiary)}.mk-results>div:last-child{border-bottom:0}.mk-results strong{font-size:16px;font-weight:500;line-height:26px}.mk-results span{color:var(--secondary);font-size:14px;line-height:21px}.mk-lessons-label{color:var(--tertiary)}.mk-lessons article{min-height:234px;border-color:var(--hairline)}.mk-lessons h3{margin:0 0 12px;color:var(--text)}.mk-footer{height:72px;border-top:1px solid var(--hairline)}@media (max-width: 1279px){.mk-shell{width:min(974px,calc(100vw - 64px))}.mk-body{grid-template-columns:1fr}.mk-index{display:none}.mk-section{width:100%}.mk-title-line{display:inline}.mk-title-line:not(:last-child):after{content:" "}.mk-hero h1{max-width:974px;font-size:56px;line-height:60px}.mk-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-meta div:nth-child(3n){border-right:0}.mk-meta div:nth-child(-n+3){border-bottom:1px solid var(--hairline)}#problem,#design-system{min-height:0}}@media (max-width: 820px){.mk-shell{width:calc(100vw - 40px)}.mk-topbar__inner,.mk-footer>div{grid-template-columns:1fr auto}.mk-topbar p,.mk-footer p{display:none}.mk-hero{padding-block:56px 48px}.mk-hero h1{font-size:42px;line-height:46px}.mk-meta,.mk-metrics,.mk-cards--2,.mk-cards--3,.mk-insights,.mk-personas,.mk-solution{grid-template-columns:1fr}.mk-meta div,.mk-meta div:nth-child(3n){min-height:0;border-right:0;border-bottom:1px solid var(--hairline)}.mk-meta div:last-child{border-bottom:0}.mk-hero-media{height:420px}.mk-main{gap:80px}.mk-section-head h2{font-size:36px;line-height:42px}.mk-context{width:100%}.mk-video{height:320px}.mk-metrics article{height:auto;min-height:150px}.mk-table,.mk-decisions,.mk-results{overflow-x:auto}.mk-table-row{min-width:900px}.mk-decisions article{min-width:960px}.mk-results>div{min-width:640px}.mk-solution{gap:20px}.mk-solution-media{height:300px}.mk-lessons article{min-height:0}}@media (max-width: 520px){.mk-shell{width:calc(100vw - 32px)}.mk-hero h1{font-size:36px;line-height:40px}.mk-hero-media{height:340px;border-radius:16px}.mk-section-head h2{font-size:32px;line-height:37px}.mk-video,.mk-ds-media,.mk-solution-media{height:240px}.mk-cards article,.mk-insights article{padding:20px}.mk-footer{height:64px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
