.mk-root{--mk-page:var(--bg);background:var(--mk-page);color:var(--text)}:root[data-theme=light] .mk-root{--mk-page:var(--panel)}:root[data-theme=light] body:has(.mk-root){background:var(--panel)}html:has(.mk-root){scroll-padding-top:5rem}@media (prefers-reduced-motion:no-preference){html:has(.mk-root){scroll-behavior:smooth}}.mk-header{background:color-mix(in srgb, var(--mk-page) 90%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);box-shadow:0 1px 0 var(--border)}@supports (animation-timeline:scroll()){.mk-header{animation:linear both mk-header;animation-timeline:scroll(root);animation-range:0 48px}}@keyframes mk-header{0%{background:0 0;box-shadow:0 1px #0000}to{background:color-mix(in srgb, var(--mk-page) 90%, transparent);box-shadow:0 1px 0 var(--border)}}.mk-window{box-shadow:0 0 0 1px #10181c0f,0 2px 4px #10181c0a,0 24px 48px -12px #10181c38,0 64px 96px -48px #10181c47}:root:not([data-theme=light]) .mk-window{box-shadow:0 0 0 1px #ffffff0f,0 32px 80px -24px #000000b3}.mk-canvas{box-shadow:0 1px 2px #10181c0a,0 18px 40px -20px #10181c2e}:root:not([data-theme=light]) .mk-canvas{box-shadow:0 24px 48px -24px #0009}.mk-hero-shot{-webkit-mask-image:linear-gradient(#000 72%,#0000 100%);mask-image:linear-gradient(#000 72%,#0000 100%)}@media (prefers-reduced-motion:no-preference){.mk-rise{animation:.8s cubic-bezier(.2,.7,.2,1) both mk-rise;animation-delay:calc(var(--d,0) * 90ms)}@supports (animation-timeline:view()){.mk-reveal{animation:linear both mk-reveal;animation-timeline:view();animation-range:entry entry 55%}.mk-step{animation:linear both mk-step;animation-timeline:view();animation-range:entry 10% entry 70%}.mk-bars .mk-bar{transform-origin:bottom;animation:linear both mk-bar;animation-timeline:view();animation-range:entry 30% cover 45%}}}@keyframes mk-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes mk-reveal{0%{opacity:0;transform:translateY(28px)}}@keyframes mk-step{0%{transform:translate(-12px)}}@keyframes mk-bar{0%{transform:scaleY(.15)}}