.mk{--paper:#faf8f4;--paper-deep:#f2eee6;--ink:#17150f;--ink-soft:#55504a;--ink-faint:#8b847a;--rule:#e0dace;--accent:#c33d1c;--accent-soft:#fdf0e9;--deep:#1a3a56;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6}.mk-wrap{max-width:1120px;margin:0 auto;padding:0 24px}.mk-narrow{max-width:760px}.mk h1,.mk h2,.mk h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em;line-height:1.1}.mk h1{font-size:clamp(38px,6vw,66px)}.mk h2{font-size:clamp(27px,3.6vw,38px)}.mk h3{font-size:19px;letter-spacing:-.01em}.mk-eyebrow{font-size:12px;letter-spacing:.14em;color:var(--accent)}.mk-eyebrow,.mk-section-label{font-weight:600;text-transform:uppercase}.mk-section-label{font-size:11px;letter-spacing:.16em;color:var(--ink-faint);padding-bottom:10px;border-bottom:1px solid var(--rule);margin-bottom:32px;display:flex;justify-content:space-between;gap:16px}.mk-lede{font-size:clamp(17px,2vw,20px);line-height:1.55;color:var(--ink-soft)}.mk section{padding-top:72px;padding-bottom:72px}.mk section+section{border-top:1px solid var(--rule)}.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:6px;font-size:15px;font-weight:500;border:1px solid var(--ink);background:transparent;color:var(--ink);transition:background .15s,color .15s,border-color .15s;cursor:pointer;text-decoration:none}.mk-btn:hover{background:var(--ink);color:var(--paper)}.mk-btn-accent{background:var(--accent);border-color:var(--accent);color:#fff}.mk-btn-accent:hover{background:#a5320f;border-color:#a5320f;color:#fff}.mk-paths{display:grid;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:12px;overflow:hidden}@media (min-width:800px){.mk-paths{grid-template-columns:1fr 1fr}}.mk-path{background:var(--paper);padding:32px;display:flex;flex-direction:column;gap:14px}.mk-card,.mk-path-primary{background:#fff}.mk-card{border:1px solid var(--rule);border-radius:10px;padding:24px}.mk-grid{display:grid;gap:20px}@media (min-width:720px){.mk-grid-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:980px){.mk-grid-3{grid-template-columns:repeat(3,1fr)}}.mk-meta{font-size:13px;color:var(--ink-faint)}.mk-tag{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;background:var(--paper-deep);color:var(--ink-soft)}.mk-tag-live{background:#dbf1e2;color:#0e6640}.mk-tag-dev{background:#fbeecd;color:#8a610a}.mk-field{width:100%;padding:11px 13px;border-radius:6px;font-size:15px;font-family:inherit;border:1px solid var(--rule);background:#fff;color:var(--ink)}.mk-field:focus{outline:2px solid var(--deep);outline-offset:-1px}.mk-label{display:block;font-size:13px;font-weight:500;margin-bottom:5px;color:var(--ink-soft)}.mk-num{font-family:var(--font-display);font-size:40px;line-height:1}.mk footer{background:var(--ink);color:var(--paper);padding-top:48px;padding-bottom:40px}.mk footer a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}.mk footer a:hover{color:#f5b39c}.mk-hero{position:relative;isolation:isolate;overflow:hidden}.mk-backdrop{z-index:-1;pointer-events:none}.mk-backdrop,.mk-layer{position:absolute;inset:0}.mk-layer-photo{left:30%;right:0;top:0;height:min(74%,520px);background-image:url(/hero-architecture.jpg);background-size:cover;background-position:46% 46%;filter:sepia(.42) saturate(.55) contrast(1.06) brightness(1.04);opacity:.21;mask-image:linear-gradient(90deg,transparent 0,#000 36%,#000),linear-gradient(180deg,#000 0,#000 58%,transparent 96%),radial-gradient(ellipse 94% 98% at 58% 42%,#000 30%,transparent 84%);mask-composite:intersect,intersect;-webkit-mask-composite:source-in,source-in;animation:mk-photo-drift 42s ease-in-out infinite alternate}@keyframes mk-photo-drift{0%{transform:scale(1.04) translateZ(0)}to{transform:scale(1.09) translate3d(-1.2%,-.8%,0)}}.mk-layer-grid{background-image:linear-gradient(to right,color-mix(in srgb,var(--rule) 55%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--rule) 55%,transparent) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse 78% 72% at 68% 45%,#000 34%,transparent 80%);opacity:.9;animation:mk-drift 34s linear infinite}.mk-layer-wash{background:radial-gradient(ellipse 46% 52% at 72% 32%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 70%),radial-gradient(ellipse 40% 46% at 26% 74%,color-mix(in srgb,var(--deep) 10%,transparent),transparent 70%);animation:mk-breathe 17s ease-in-out infinite}.mk-layer-diagram{left:auto;right:-1%;top:0;width:min(62%,760px);height:min(62%,460px);opacity:1}.mk-layer-veil{background:linear-gradient(96deg,var(--paper) 0,var(--paper) 26%,color-mix(in srgb,var(--paper) 70%,transparent) 38%,transparent 52%)}.mk-node-box{fill:#fff;stroke:color-mix(in srgb,var(--accent) 24%,var(--rule));stroke-width:1.25}.mk-node{opacity:0;transform-origin:center;animation:mk-settle .85s cubic-bezier(.2,.8,.3,1) forwards}.mk-pulse{stroke-dasharray:26 380;stroke-dashoffset:406;opacity:.85;animation:mk-travel 3.6s cubic-bezier(.55,0,.45,1) infinite}@keyframes mk-drift{to{background-position:46px 46px}}@keyframes mk-breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.045)}}@keyframes mk-settle{0%{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}@keyframes mk-travel{to{stroke-dashoffset:0}}@media (max-width:860px){.mk-layer-diagram{display:none}.mk-layer-photo{left:0;opacity:.13;mask-image:radial-gradient(ellipse 120% 62% at 68% 20%,#000 8%,transparent 74%);mask-composite:add}.mk-layer-veil{background:linear-gradient(180deg,transparent 40%,var(--paper) 100%)}}@media (prefers-reduced-motion:reduce){.mk-layer-grid,.mk-layer-photo,.mk-layer-wash,.mk-node,.mk-pulse{animation:none}.mk-node{opacity:1}.mk-pulse{display:none}}.mk-lines{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--rule);margin-bottom:34px}@media (max-width:700px){.mk-lines{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mk-lines::-webkit-scrollbar{display:none}.mk-line-tab{white-space:nowrap;flex:0 0 auto;padding-inline:12px}}.mk-line-tab{appearance:none;background:none;border:0;cursor:pointer;font:inherit;font-size:15px;color:var(--ink-faint);padding:10px 16px 13px;margin-bottom:-1px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;display:inline-flex;align-items:baseline;gap:8px}.mk-line-tab:hover{color:var(--ink)}.mk-line-tab[aria-selected=true]{color:var(--ink);font-weight:500;border-bottom-color:var(--tab-accent,var(--accent))}.mk-line-tab .mk-line-count{font-size:12px;font-variant-numeric:tabular-nums;padding:1px 7px;border-radius:999px;background:var(--paper-deep);color:var(--ink-faint)}.mk-line-tab[aria-selected=true] .mk-line-count{background:color-mix(in srgb,var(--tab-accent,var(--accent)) 14%,transparent);color:var(--tab-accent,var(--accent))}.mk-line-panel{animation:mk-fade .32s ease both}@keyframes mk-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.mk-line-panel{animation:none}}.mk-app{display:block;padding:15px 17px;border:1px solid var(--rule);border-radius:9px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}.mk-app:hover{border-color:var(--line-accent,var(--accent));transform:translateY(-2px)}.mk-app-name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:7px}.mk-app-name:after{content:"↗";font-size:12px;color:var(--ink-faint);opacity:0;transition:opacity .15s}.mk-app:hover .mk-app-name:after{opacity:1}.mk-rest{font-size:14px;color:var(--ink-faint);padding-top:16px;margin-top:20px;border-top:1px solid var(--rule)}