mosaic-headless 1.5.0 → 1.6.0

package/sites/moksa.json

@@ -54,7 +54,7 @@
      "data": {
       "attrID": "mk-motion-css",
       "insertLocation": "head",
-      "content": "<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&family=Noto+Sans+TC:wght@300;400;500&display=swap\">\n<style id=\"mk-motion\">\n@keyframes mk-linein{from{transform:translateY(110%)}to{transform:translateY(0)}}\n@keyframes mk-softin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n@keyframes mk-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\n@keyframes mk-drawx{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes mk-progress{from{width:0%}to{width:100%}}\n@keyframes mk-headrule{from{opacity:0}to{opacity:1}}\n@keyframes mk-headbg{from{background:rgba(250,250,247,0)}to{background:rgba(250,250,247,.9)}}\n@keyframes mk-caret{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}\n@keyframes mk-cuearrow{0%{transform:translateY(-3px) rotate(45deg);opacity:0}25%{opacity:1}70%{opacity:1}100%{transform:translateY(20px) rotate(45deg);opacity:0}}\n@keyframes mk-cuefade{0%,25%{opacity:1}100%{opacity:0}}\n@keyframes mk-digit{from{transform:translateY(105%)}to{transform:translateY(0)}}\n@keyframes mk-sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-markin{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}\n@keyframes mk-idxon{from,to{color:rgb(255,90,54);letter-spacing:.2em}}\n@keyframes mk-dotin{from{transform:scale(0)}to{transform:scale(1)}}\n#mk-doc{position:relative}\n#mk-doc::before,#mk-doc::after{content:\"\";position:fixed;top:0;bottom:0;width:1px;background:rgba(22,24,28,.16);z-index:1;pointer-events:none}\n#mk-doc::before{left:40px}\n#mk-doc::after{right:40px}\n@media (max-width:1079px){#mk-doc::before{left:28px}#mk-doc::after{right:28px}}\n@media (max-width:767px){#mk-doc::before,#mk-doc::after{display:none}}\n#mk-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,250,247,0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}\n#mk-header::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(22,24,28,.16);opacity:0}\n#mk-nav>*{position:relative}\n#mk-nav>*::after{content:\"\";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:rgb(255,90,54);transition:right .28s cubic-bezier(.2,.7,.3,1)}\n#mk-nav>*:hover::after{right:0}\n@media (hover:none){#mk-nav>*::after{right:0;opacity:.45}}\n#mk-progress-track{position:fixed;top:0;left:0;right:0;height:2px;z-index:101;pointer-events:none;background:rgba(255,90,54,.16)}\n#mk-progress{position:absolute;left:0;top:0;width:0;height:100%;background:rgb(255,90,54)}\n#mk-mast-in{padding-top:128px}\n@media (max-width:1079px){#mk-mast-in{padding-top:104px}}\n@media (max-width:767px){#mk-mast-in{padding-top:88px}}\n#mk-caret{width:13px;height:19px;background:rgb(255,90,54)}\n#mk-mast-rule,#mk-spec-rule{height:1px;background:rgba(22,24,28,.16);transform:scaleX(0);transform-origin:0 50%}\n#mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{display:block;transform:translateY(105%)}\n#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8{position:relative;transition:background-color .2s ease,padding-left .28s cubic-bezier(.2,.7,.3,1)}\n#mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:rgb(255,90,54);transform:scaleX(0);transform-origin:0 50%}\n#mk-work-0:hover,#mk-work-1:hover,#mk-work-2:hover,#mk-work-3:hover,#mk-work-4:hover,#mk-work-5:hover,#mk-work-6:hover,#mk-work-7:hover,#mk-work-8:hover{background-color:rgba(255,90,54,.06);padding-left:14px}\n#mk-work-0:hover #mk-work-idx-0,#mk-work-1:hover #mk-work-idx-1,#mk-work-2:hover #mk-work-idx-2,#mk-work-3:hover #mk-work-idx-3,#mk-work-4:hover #mk-work-idx-4,#mk-work-5:hover #mk-work-idx-5,#mk-work-6:hover #mk-work-idx-6,#mk-work-7:hover #mk-work-idx-7,#mk-work-8:hover #mk-work-idx-8{color:rgb(255,90,54)}\n#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{position:fixed;width:13px;height:13px;z-index:2;pointer-events:none;opacity:0}\n#mk-mark-0{top:66px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-1{top:66px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-2{bottom:20px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n#mk-mark-3{bottom:20px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n@media (max-width:1279px){#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{display:none}}\n#mk-index{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:3;display:grid;row-gap:11px;pointer-events:auto}\n@media (max-width:1439px){#mk-index{display:none}}\n#mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{width:7px;height:7px;background:rgb(255,90,54);border-radius:50%;transform:scale(0);margin-top:-4px}\n#mk-tag-0-0:hover,#mk-tag-0-1:hover,#mk-tag-0-2:hover,#mk-tag-0-3:hover,#mk-tag-0-4:hover,#mk-tag-1-0:hover,#mk-tag-1-1:hover,#mk-tag-1-2:hover,#mk-tag-1-3:hover,#mk-tag-1-4:hover,#mk-tag-2-0:hover,#mk-tag-2-1:hover,#mk-tag-2-2:hover,#mk-tag-2-3:hover,#mk-tag-2-4:hover,#mk-tag-3-0:hover,#mk-tag-3-1:hover,#mk-tag-3-2:hover,#mk-tag-3-3:hover,#mk-tag-3-4:hover,#mk-tag-4-0:hover,#mk-tag-4-1:hover,#mk-tag-4-2:hover,#mk-tag-4-3:hover,#mk-tag-4-4:hover{border-color:rgb(255,90,54)}\n#mk-ticker-track{display:flex;width:max-content;will-change:transform}\n#mk-ticker:hover #mk-ticker-track{animation-play-state:paused}\nhtml{scroll-behavior:smooth}\n#services,#works,#products,#contact{scroll-margin-top:82px}\n#mk-home{scroll-margin-top:0}\n@media (max-width:767px){#services,#works,#products,#contact{scroll-margin-top:68px}}\n#mk-cue{position:fixed;right:40px;bottom:24px;z-index:90;display:flex;align-items:center;column-gap:10px;pointer-events:none}\n#mk-cue-rail{position:relative;width:9px;height:24px}\n#mk-cue-rail::after{content:\"\";position:absolute;left:50%;top:0;width:7px;height:7px;margin-left:-4px;opacity:0;border-right:1px solid rgb(255,90,54);border-bottom:1px solid rgb(255,90,54)}\n@media (max-width:1079px){#mk-cue{right:28px}}\n@media (max-width:767px){#mk-cue{right:18px;bottom:16px}}\n#mk-boot{display:none}\n@property --mk-n{syntax:'<integer>';initial-value:0;inherits:true}\n@keyframes mk-count{to{--mk-n:100}}\n@keyframes mk-boot-out{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}\n@keyframes mk-boot-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-boot-line{from{opacity:.14}60%{opacity:1;color:rgb(255,90,54)}to{opacity:.55;color:rgb(107,109,113)}}\n@keyframes mk-boot-scan{from{transform:translateY(0)}to{transform:translateY(100vh)}}\n@keyframes mk-boot-fade{from{opacity:0}to{opacity:1}}\n@media (prefers-reduced-motion:no-preference){\n  #mk-boot{display:grid;position:fixed;inset:0;z-index:999;background:rgb(250,250,247);align-content:center;justify-items:center;row-gap:22px;overflow:hidden;animation:mk-boot-out .5s cubic-bezier(.7,0,.3,1) 1.55s forwards}\n  #mk-boot-head,#mk-boot-foot{position:absolute;left:40px;right:40px;display:flex;justify-content:space-between;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.2em;color:rgb(107,109,113);animation:mk-boot-fade .4s ease both}\n  #mk-boot-head{top:34px}\n  #mk-boot-foot{bottom:30px;animation-delay:.1s}\n  #mk-boot-num{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:96px;font-weight:500;line-height:1;letter-spacing:-.04em;color:rgb(22,24,28);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right;animation:mk-count 1.2s cubic-bezier(.3,0,0,1) .12s both}\n  #mk-boot-num::after{counter-reset:n var(--mk-n);content:counter(n)}\n  #mk-boot-row{display:flex;align-items:flex-end;column-gap:8px;line-height:1}\n  #mk-boot-pct{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;color:rgb(191,68,40);padding-bottom:12px}\n  #mk-boot-track{width:min(420px,62vw);height:1px;background:rgba(22,24,28,.14);position:relative}\n  #mk-boot-fill{position:absolute;inset:0;background:rgb(255,90,54);transform-origin:0 50%;animation:mk-boot-fill 1.2s cubic-bezier(.3,0,0,1) .12s both}\n  #mk-boot-list{display:flex;column-gap:18px;row-gap:8px;flex-wrap:wrap;justify-content:center;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.18em}\n  #mk-boot-list>*{opacity:.14;animation:mk-boot-line .5s ease both}\n  #mk-boot-c0{animation-delay:260ms}\n  #mk-boot-c1{animation-delay:380ms}\n  #mk-boot-c2{animation-delay:500ms}\n  #mk-boot-c3{animation-delay:620ms}\n  #mk-boot-c4{animation-delay:740ms}\n  #mk-boot-c5{animation-delay:860ms}\n  #mk-boot-c6{animation-delay:980ms}\n  #mk-boot::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px);animation:mk-boot-fade .5s ease both}\n  #mk-boot-scan{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,90,54,0),rgba(255,90,54,.55),rgba(255,90,54,0));animation:mk-boot-scan 1.6s linear .1s both}\n  @media (max-width:767px){#mk-boot-num{font-size:62px}#mk-boot-head,#mk-boot-foot{left:18px;right:18px}}\n  #mk-hl1-mask>*,#mk-hl2-mask>*{transform:translateY(112%);animation:mk-linein .95s cubic-bezier(.16,1,.3,1) forwards}\n  #mk-hl1-mask>*{animation-delay:1.72s}\n  #mk-hl2-mask>*{animation-delay:1.84s}\n  #mk-mast-meta,#mk-mast-lede,#mk-mast-cta{opacity:0;animation:mk-softin .8s cubic-bezier(.16,1,.3,1) forwards}\n  #mk-mast-meta{animation-delay:1.62s}\n  #mk-mast-lede{animation-delay:2.10s}\n  #mk-mast-cta{animation-delay:2.22s}\n  #mk-caret{animation:mk-caret 1.15s steps(1,end) infinite;animation-delay:2.4s}\n  #mk-mast-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:1.96s}\n  #mk-spec-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:.9s}\n  #mk-cue{opacity:0;animation:mk-softin .8s ease forwards;animation-delay:1.1s}\n  #mk-cue-rail::after{animation:mk-cuearrow 1.9s cubic-bezier(.4,0,.5,1) infinite}\n  #mk-ticker-track{animation:mk-ticker 40s linear infinite}\n  #mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{animation:mk-markin .5s cubic-bezier(.16,1,.3,1) forwards}\n  #mk-mark-0{animation-delay:1.15s}\n  #mk-mark-1{animation-delay:1.24s}\n  #mk-mark-2{animation-delay:1.33s}\n  #mk-mark-3{animation-delay:1.42s}\n  @supports (animation-timeline:view()){\n    #mk-spec,#mk-svc-head,#mk-svc-0,#mk-svc-1,#mk-svc-2,#mk-svc-3,#mk-proc-head,#mk-proc-0,#mk-proc-1,#mk-proc-2,#mk-proc-3,#mk-works-head,#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8,#mk-stack-head,#mk-stack-0,#mk-stack-1,#mk-stack-2,#mk-stack-3,#mk-stack-4,#mk-prod-head,#mk-prod-0,#mk-prod-1,#mk-voice-head,#mk-voice-0,#mk-voice-1,#mk-voice-2,#mk-contact-head{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 2% cover 36%}\n    #mk-svc-0{animation-range:entry 6% cover 40%}\n    #mk-svc-1{animation-range:entry 10% cover 44%}\n    #mk-svc-2{animation-range:entry 14% cover 48%}\n    #mk-svc-3{animation-range:entry 18% cover 52%}\n    #mk-proc-0{animation-range:entry 6% cover 40%}\n    #mk-proc-1{animation-range:entry 10% cover 44%}\n    #mk-proc-2{animation-range:entry 14% cover 48%}\n    #mk-proc-3{animation-range:entry 18% cover 52%}\n    #mk-work-0{animation-range:entry 6% cover 40%}\n    #mk-work-1{animation-range:entry 6% cover 40%}\n    #mk-work-2{animation-range:entry 10% cover 44%}\n    #mk-work-3{animation-range:entry 10% cover 44%}\n    #mk-work-4{animation-range:entry 14% cover 48%}\n    #mk-work-5{animation-range:entry 14% cover 48%}\n    #mk-work-6{animation-range:entry 18% cover 52%}\n    #mk-work-7{animation-range:entry 18% cover 52%}\n    #mk-work-8{animation-range:entry 22% cover 56%}\n    #mk-stack-0{animation-range:entry 6% cover 40%}\n    #mk-stack-1{animation-range:entry 10% cover 44%}\n    #mk-stack-2{animation-range:entry 14% cover 48%}\n    #mk-stack-3{animation-range:entry 18% cover 52%}\n    #mk-stack-4{animation-range:entry 22% cover 56%}\n    #mk-prod-0{animation-range:entry 6% cover 40%}\n    #mk-prod-1{animation-range:entry 10% cover 44%}\n    #mk-voice-0{animation-range:entry 6% cover 40%}\n    #mk-voice-1{animation-range:entry 10% cover 44%}\n    #mk-voice-2{animation-range:entry 14% cover 48%}\n    #mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{animation:mk-digit .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d,0ms)}\n    #mk-fig-0>div,#mk-fig-1>div,#mk-fig-2>div,#mk-fig-3>div{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 0% entry 1%}\n    #mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{animation:mk-sweep .01s linear both;animation-timeline:view();animation-range:entry 12% cover 24%}\n    #mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{animation:mk-dotin .01s linear both;animation-timeline:view();animation-range:entry 14% cover 26%}\n  }\n  @supports (timeline-scope:--x){\n    #mk-doc{timeline-scope:--mk-s1,--mk-s2,--mk-s3,--mk-s4,--mk-s5,--mk-s6,--mk-s7}\n#services{view-timeline-name:--mk-s1;view-timeline-inset:45% 45%}\n#process{view-timeline-name:--mk-s2;view-timeline-inset:45% 45%}\n#works{view-timeline-name:--mk-s3;view-timeline-inset:45% 45%}\n#stack{view-timeline-name:--mk-s4;view-timeline-inset:45% 45%}\n#products{view-timeline-name:--mk-s5;view-timeline-inset:45% 45%}\n#mk-voices{view-timeline-name:--mk-s6;view-timeline-inset:45% 45%}\n#contact{view-timeline-name:--mk-s7;view-timeline-inset:45% 45%}\n  #mk-idx-0{animation:mk-idxon linear;animation-timeline:--mk-s1;animation-range:cover 0% cover 100%}\n  #mk-idx-1{animation:mk-idxon linear;animation-timeline:--mk-s2;animation-range:cover 0% cover 100%}\n  #mk-idx-2{animation:mk-idxon linear;animation-timeline:--mk-s3;animation-range:cover 0% cover 100%}\n  #mk-idx-3{animation:mk-idxon linear;animation-timeline:--mk-s4;animation-range:cover 0% cover 100%}\n  #mk-idx-4{animation:mk-idxon linear;animation-timeline:--mk-s5;animation-range:cover 0% cover 100%}\n  #mk-idx-5{animation:mk-idxon linear;animation-timeline:--mk-s6;animation-range:cover 0% cover 100%}\n  #mk-idx-6{animation:mk-idxon linear;animation-timeline:--mk-s7;animation-range:cover 0% cover 100%}\n  }\n  @supports (animation-timeline:scroll()){\n    #mk-progress{animation:mk-progress linear both;animation-timeline:scroll(root)}\n    #mk-cue{animation:mk-cuefade linear both;animation-timeline:scroll(root);animation-range:0px 260px}\n    #mk-header{animation:mk-headbg linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n    #mk-header::after{animation:mk-headrule linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n  }\n}\n</style>",
+      "content": "<link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&family=Noto+Sans+TC:wght@300;400;500&display=swap\">\n<style id=\"mk-motion\">\n@keyframes mk-linein{from{transform:translateY(110%)}to{transform:translateY(0)}}\n@keyframes mk-softin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}\n@keyframes mk-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}\n@keyframes mk-drawx{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes mk-progress{from{width:0%}to{width:100%}}\n@keyframes mk-headrule{from{opacity:0}to{opacity:1}}\n@keyframes mk-headbg{from{background:rgba(250,250,247,0)}to{background:rgba(250,250,247,.9)}}\n@keyframes mk-caret{0%,45%{opacity:1}50%,95%{opacity:0}100%{opacity:1}}\n@keyframes mk-cuearrow{0%{transform:translateY(-3px) rotate(45deg);opacity:0}25%{opacity:1}70%{opacity:1}100%{transform:translateY(20px) rotate(45deg);opacity:0}}\n@keyframes mk-cuefade{0%,25%{opacity:1}100%{opacity:0}}\n@keyframes mk-digit{from{transform:translateY(105%)}to{transform:translateY(0)}}\n@keyframes mk-sweep{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-markin{from{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}\n@keyframes mk-idxon{from,to{color:rgb(255,90,54);letter-spacing:.2em}}\n@keyframes mk-dotin{from{transform:scale(0)}to{transform:scale(1)}}\n#mk-doc{position:relative}\n#mk-doc::before,#mk-doc::after{content:\"\";position:fixed;top:0;bottom:0;width:1px;background:rgba(22,24,28,.16);z-index:1;pointer-events:none}\n#mk-doc::before{left:40px}\n#mk-doc::after{right:40px}\n@media (max-width:1079px){#mk-doc::before{left:28px}#mk-doc::after{right:28px}}\n@media (max-width:767px){#mk-doc::before,#mk-doc::after{display:none}}\n#mk-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,250,247,0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}\n#mk-header::after{content:\"\";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(22,24,28,.16);opacity:0}\n#mk-nav>*{position:relative}\n#mk-nav>*::after{content:\"\";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:rgb(255,90,54);transition:right .28s cubic-bezier(.2,.7,.3,1)}\n#mk-nav>*:hover::after{right:0}\n@media (hover:none){#mk-nav>*::after{right:0;opacity:.45}}\n#mk-progress-track{position:fixed;top:0;left:0;right:0;height:2px;z-index:101;pointer-events:none;background:rgba(255,90,54,.16)}\n#mk-progress{position:absolute;left:0;top:0;width:0;height:100%;background:rgb(255,90,54)}\n#mk-mast-in{padding-top:128px}\n@media (max-width:1079px){#mk-mast-in{padding-top:104px}}\n@media (max-width:767px){#mk-mast-in{padding-top:88px}}\n#mk-caret{width:13px;height:19px;background:rgb(255,90,54)}\n#mk-plate-dash{width:34px;height:1px;background:rgb(191,68,40)}\n#mk-mast-rule,#mk-spec-rule{height:1px;background:rgba(22,24,28,.16);transform:scaleX(0);transform-origin:0 50%}\n#mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{display:block;transform:translateY(105%)}\n#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8{position:relative;transition:background-color .2s ease,padding-left .28s cubic-bezier(.2,.7,.3,1)}\n#mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{content:\"\";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:rgb(255,90,54);transform:scaleX(0);transform-origin:0 50%}\n#mk-work-0:hover,#mk-work-1:hover,#mk-work-2:hover,#mk-work-3:hover,#mk-work-4:hover,#mk-work-5:hover,#mk-work-6:hover,#mk-work-7:hover,#mk-work-8:hover{background-color:rgba(255,90,54,.06);padding-left:14px}\n#mk-work-0:hover #mk-work-idx-0,#mk-work-1:hover #mk-work-idx-1,#mk-work-2:hover #mk-work-idx-2,#mk-work-3:hover #mk-work-idx-3,#mk-work-4:hover #mk-work-idx-4,#mk-work-5:hover #mk-work-idx-5,#mk-work-6:hover #mk-work-idx-6,#mk-work-7:hover #mk-work-idx-7,#mk-work-8:hover #mk-work-idx-8{color:rgb(255,90,54)}\n#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{position:fixed;width:13px;height:13px;z-index:2;pointer-events:none;opacity:0}\n#mk-mark-0{top:66px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-1{top:66px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42)}\n#mk-mark-2{bottom:20px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n#mk-mark-3{bottom:20px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42)}\n@media (max-width:1279px){#mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{display:none}}\n#mk-index{position:fixed;left:14px;top:50%;transform:translateY(-50%);z-index:3;display:grid;row-gap:11px;pointer-events:auto}\n@media (max-width:1439px){#mk-index{display:none}}\n#mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{width:7px;height:7px;background:rgb(255,90,54);border-radius:50%;transform:scale(0);margin-top:-4px}\n#mk-tag-0-0:hover,#mk-tag-0-1:hover,#mk-tag-0-2:hover,#mk-tag-0-3:hover,#mk-tag-0-4:hover,#mk-tag-1-0:hover,#mk-tag-1-1:hover,#mk-tag-1-2:hover,#mk-tag-1-3:hover,#mk-tag-1-4:hover,#mk-tag-2-0:hover,#mk-tag-2-1:hover,#mk-tag-2-2:hover,#mk-tag-2-3:hover,#mk-tag-2-4:hover,#mk-tag-3-0:hover,#mk-tag-3-1:hover,#mk-tag-3-2:hover,#mk-tag-3-3:hover,#mk-tag-3-4:hover,#mk-tag-4-0:hover,#mk-tag-4-1:hover,#mk-tag-4-2:hover,#mk-tag-4-3:hover,#mk-tag-4-4:hover{border-color:rgb(255,90,54)}\n#mk-ticker-track{display:flex;width:max-content;will-change:transform}\n#mk-ticker:hover #mk-ticker-track{animation-play-state:paused}\nhtml{scroll-behavior:smooth}\n#services,#works,#products,#contact{scroll-margin-top:82px}\n#mk-home{scroll-margin-top:0}\n@media (max-width:767px){#services,#works,#products,#contact{scroll-margin-top:68px}}\n#mk-cue{position:fixed;right:40px;bottom:24px;z-index:90;display:flex;align-items:center;column-gap:10px;pointer-events:none}\n#mk-cue-rail{position:relative;width:9px;height:24px}\n#mk-cue-rail::after{content:\"\";position:absolute;left:50%;top:0;width:7px;height:7px;margin-left:-4px;opacity:0;border-right:1px solid rgb(255,90,54);border-bottom:1px solid rgb(255,90,54)}\n@media (max-width:1079px){#mk-cue{right:28px}}\n@media (max-width:767px){#mk-cue{right:18px;bottom:16px}}\n#mk-boot{display:none}\n@property --mk-n{syntax:'<integer>';initial-value:0;inherits:true}\n@keyframes mk-count{to{--mk-n:100}}\n@keyframes mk-boot-out{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}\n@keyframes mk-boot-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n@keyframes mk-boot-line{from{opacity:.14}60%{opacity:1;color:rgb(255,90,54)}to{opacity:.55;color:rgb(107,109,113)}}\n@keyframes mk-boot-scan{from{transform:translateY(0)}to{transform:translateY(100vh)}}\n@keyframes mk-boot-fade{from{opacity:0}to{opacity:1}}\n@keyframes mk-boot-type{from{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0 0 0 0);opacity:1}}\n@keyframes mk-boot-caret{0%,49%{opacity:1}50%,99%{opacity:0}}\n@keyframes mk-boot-cross{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}\n@keyframes mk-boot-tick{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}\n@keyframes mk-boot-stamp{0%{opacity:0;transform:scale(1.35)}55%{opacity:1;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}\n@media (prefers-reduced-motion:no-preference){\n  #mk-boot{display:grid;position:fixed;inset:0;z-index:999;background:rgb(250,250,247);align-content:center;justify-items:center;row-gap:20px;overflow:hidden;animation:mk-boot-out .62s cubic-bezier(.7,0,.3,1) 2.95s forwards}\n  #mk-boot-head,#mk-boot-foot{position:absolute;left:40px;right:40px;display:flex;justify-content:space-between;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.2em;color:rgb(107,109,113);animation:mk-boot-fade .4s ease both}\n  #mk-boot-head{top:34px}\n  #mk-boot-foot{bottom:30px;animation-delay:.1s}\n  #mk-boot-num{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:104px;font-weight:500;line-height:1;letter-spacing:-.04em;color:rgb(22,24,28);font-variant-numeric:tabular-nums;min-width:3ch;text-align:right;animation:mk-count 2.05s linear .3s both}\n  #mk-boot-num::after{counter-reset:n var(--mk-n);content:counter(n)}\n  #mk-boot-row{display:flex;align-items:flex-end;column-gap:8px;line-height:1}\n  #mk-boot-pct{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:18px;color:rgb(191,68,40);padding-bottom:12px}\n  #mk-boot-track{width:min(420px,62vw);height:1px;background:rgba(22,24,28,.14);position:relative}\n  #mk-boot-fill{position:absolute;inset:0;background:rgb(255,90,54);transform-origin:0 50%;animation:mk-boot-fill 2.05s linear .3s both}\n  #mk-boot-track::after{content:\"\";position:absolute;left:0;right:0;top:-3px;height:3px;background:repeating-linear-gradient(90deg,rgba(22,24,28,.22) 0 1px,transparent 1px 42px);animation:mk-boot-fade .5s ease .15s both}\n  #mk-boot-list{display:flex;column-gap:18px;row-gap:8px;flex-wrap:wrap;justify-content:center;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.18em}\n  #mk-boot-list>*{opacity:.14;animation:mk-boot-line .62s ease both}\n  #mk-boot-c0{animation-delay:700ms}\n  #mk-boot-c1{animation-delay:900ms}\n  #mk-boot-c2{animation-delay:1100ms}\n  #mk-boot-c3{animation-delay:1300ms}\n  #mk-boot-c4{animation-delay:1500ms}\n  #mk-boot-c5{animation-delay:1700ms}\n  #mk-boot-c6{animation-delay:1900ms}\n  #mk-boot::before{content:\"\";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(22,24,28,.045) 0 1px,transparent 1px 72px);animation:mk-boot-fade .5s ease both}\n  #mk-boot-scan{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,90,54,0),rgba(255,90,54,.55),rgba(255,90,54,0));animation:mk-boot-scan 1.45s linear .15s 2 both}\n  #mk-boot .mk-x,#mk-boot-x0,#mk-boot-x1,#mk-boot-x2,#mk-boot-x3{position:absolute;width:14px;height:14px;animation:mk-boot-cross .5s cubic-bezier(.16,1,.3,1) both}\n  #mk-boot-x0{top:64px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42);animation-delay:.08s}\n  #mk-boot-x1{top:64px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-top:1px solid rgba(22,24,28,.42);animation-delay:.16s}\n  #mk-boot-x2{bottom:56px;left:40px;border-left:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42);animation-delay:.24s}\n  #mk-boot-x3{bottom:56px;right:40px;border-right:1px solid rgba(22,24,28,.42);border-bottom:1px solid rgba(22,24,28,.42);animation-delay:.32s}\n  #mk-boot-ruler{position:absolute;left:40px;top:50%;transform:translateY(-50%);display:grid;row-gap:9px}\n  #mk-boot-ruler>*{width:9px;height:1px;background:rgba(22,24,28,.42);transform-origin:0 50%;animation:mk-boot-tick .3s ease both}\n  #mk-boot-t0{animation-delay:120ms}\n  #mk-boot-t1{animation-delay:146ms}\n  #mk-boot-t2{animation-delay:172ms}\n  #mk-boot-t3{animation-delay:198ms}\n  #mk-boot-t4{animation-delay:224ms}\n  #mk-boot-t5{animation-delay:250ms}\n  #mk-boot-t6{animation-delay:276ms}\n  #mk-boot-t7{animation-delay:302ms}\n  #mk-boot-t8{animation-delay:328ms}\n  #mk-boot-t9{animation-delay:354ms}\n  #mk-boot-t10{animation-delay:380ms}\n  #mk-boot-t11{animation-delay:406ms}\n  #mk-boot-t12{animation-delay:432ms}\n  @media (max-width:1023px){#mk-boot-ruler{display:none}}\n  #mk-boot-log{display:grid;row-gap:7px;justify-items:start;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.16em;color:rgb(107,109,113);min-height:64px}\n  #mk-boot-log>*{animation:mk-boot-type .42s steps(24,end) both}\n  #mk-boot-l0{animation-delay:550ms}\n  #mk-boot-l1{animation-delay:930ms}\n  #mk-boot-l2{animation-delay:1310ms}\n  #mk-boot-l3{animation-delay:1690ms}\n  #mk-boot-cursor{width:7px;height:11px;background:rgb(255,90,54);animation:mk-boot-caret .62s steps(1,end) .5s infinite}\n  #mk-boot-ready{border:1px solid rgb(191,68,40);padding:5px 12px;font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.24em;color:rgb(191,68,40);opacity:0;animation:mk-boot-stamp .42s cubic-bezier(.16,1,.3,1) 2.42s both}\n  @media (max-width:767px){#mk-boot-num{font-size:62px}#mk-boot-head,#mk-boot-foot{left:18px;right:18px}}\n  #mk-hl1-mask>*,#mk-hl2-mask>*{transform:translateY(112%);animation:mk-linein .95s cubic-bezier(.16,1,.3,1) forwards}\n  #mk-hl1-mask>*{animation-delay:3.16s}\n  #mk-hl2-mask>*{animation-delay:3.28s}\n  #mk-mast-meta,#mk-mast-lede,#mk-mast-cta{opacity:0;animation:mk-softin .8s cubic-bezier(.16,1,.3,1) forwards}\n  #mk-mast-meta{animation-delay:3.06s}\n  #mk-mast-lede{animation-delay:3.54s}\n  #mk-mast-cta{animation-delay:3.66s}\n  #mk-caret{animation:mk-caret 1.15s steps(1,end) infinite;animation-delay:3.84s}\n  #mk-mast-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:3.40s}\n  #mk-spec-rule{animation:mk-drawx .9s cubic-bezier(.2,.7,.3,1) forwards;animation-delay:.9s}\n  #mk-cue{opacity:0;animation:mk-softin .8s ease forwards;animation-delay:1.1s}\n  #mk-cue-rail::after{animation:mk-cuearrow 1.9s cubic-bezier(.4,0,.5,1) infinite}\n  #mk-ticker-track{animation:mk-ticker 40s linear infinite}\n  #mk-mark-0,#mk-mark-1,#mk-mark-2,#mk-mark-3{animation:mk-markin .5s cubic-bezier(.16,1,.3,1) forwards}\n  #mk-mark-0{animation-delay:1.15s}\n  #mk-mark-1{animation-delay:1.24s}\n  #mk-mark-2{animation-delay:1.33s}\n  #mk-mark-3{animation-delay:1.42s}\n  @supports (animation-timeline:view()){\n    #mk-spec,#mk-svc-head,#mk-svc-0,#mk-svc-1,#mk-svc-2,#mk-svc-3,#mk-proc-head,#mk-proc-0,#mk-proc-1,#mk-proc-2,#mk-proc-3,#mk-works-head,#mk-work-0,#mk-work-1,#mk-work-2,#mk-work-3,#mk-work-4,#mk-work-5,#mk-work-6,#mk-work-7,#mk-work-8,#mk-plate-num,#mk-plate-t,#mk-spec2-head,#mk-spec2-r-0,#mk-spec2-r-1,#mk-spec2-r-2,#mk-spec2-r-3,#mk-stack-head,#mk-stack-0,#mk-stack-1,#mk-stack-2,#mk-stack-3,#mk-stack-4,#mk-prod-head,#mk-prod-0,#mk-prod-1,#mk-voice-head,#mk-voice-0,#mk-voice-1,#mk-voice-2,#mk-contact-head{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 2% cover 36%}\n    #mk-svc-0{animation-range:entry 6% cover 40%}\n    #mk-svc-1{animation-range:entry 10% cover 44%}\n    #mk-svc-2{animation-range:entry 14% cover 48%}\n    #mk-svc-3{animation-range:entry 18% cover 52%}\n    #mk-proc-0{animation-range:entry 6% cover 40%}\n    #mk-proc-1{animation-range:entry 10% cover 44%}\n    #mk-proc-2{animation-range:entry 14% cover 48%}\n    #mk-proc-3{animation-range:entry 18% cover 52%}\n    #mk-work-0{animation-range:entry 6% cover 40%}\n    #mk-work-1{animation-range:entry 6% cover 40%}\n    #mk-work-2{animation-range:entry 10% cover 44%}\n    #mk-work-3{animation-range:entry 10% cover 44%}\n    #mk-work-4{animation-range:entry 14% cover 48%}\n    #mk-work-5{animation-range:entry 14% cover 48%}\n    #mk-work-6{animation-range:entry 18% cover 52%}\n    #mk-work-7{animation-range:entry 18% cover 52%}\n    #mk-work-8{animation-range:entry 22% cover 56%}\n    #mk-plate-t{animation-range:entry 6% cover 40%}\n    #mk-spec2-r-0{animation-range:entry 6% cover 40%}\n    #mk-spec2-r-1{animation-range:entry 10% cover 44%}\n    #mk-spec2-r-2{animation-range:entry 14% cover 48%}\n    #mk-spec2-r-3{animation-range:entry 18% cover 52%}\n    #mk-stack-0{animation-range:entry 6% cover 40%}\n    #mk-stack-1{animation-range:entry 10% cover 44%}\n    #mk-stack-2{animation-range:entry 14% cover 48%}\n    #mk-stack-3{animation-range:entry 18% cover 52%}\n    #mk-stack-4{animation-range:entry 22% cover 56%}\n    #mk-prod-0{animation-range:entry 6% cover 40%}\n    #mk-prod-1{animation-range:entry 10% cover 44%}\n    #mk-voice-0{animation-range:entry 6% cover 40%}\n    #mk-voice-1{animation-range:entry 10% cover 44%}\n    #mk-voice-2{animation-range:entry 14% cover 48%}\n    #mk-fig-0>div>*,#mk-fig-1>div>*,#mk-fig-2>div>*,#mk-fig-3>div>*{animation:mk-digit .7s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--d,0ms)}\n    #mk-fig-0>div,#mk-fig-1>div,#mk-fig-2>div,#mk-fig-3>div{animation:mk-rise .01s linear both;animation-timeline:view();animation-range:entry 0% entry 1%}\n    #mk-work-0::after,#mk-work-1::after,#mk-work-2::after,#mk-work-3::after,#mk-work-4::after,#mk-work-5::after,#mk-work-6::after,#mk-work-7::after,#mk-work-8::after{animation:mk-sweep .01s linear both;animation-timeline:view();animation-range:entry 12% cover 24%}\n    #mk-proc-dot-0,#mk-proc-dot-1,#mk-proc-dot-2,#mk-proc-dot-3{animation:mk-dotin .01s linear both;animation-timeline:view();animation-range:entry 14% cover 26%}\n  }\n  @supports (timeline-scope:--x){\n    #mk-doc{timeline-scope:--mk-s1,--mk-s2,--mk-s3,--mk-s4,--mk-s5,--mk-s6,--mk-s7}\n#services{view-timeline-name:--mk-s1;view-timeline-inset:45% 45%}\n#process{view-timeline-name:--mk-s2;view-timeline-inset:45% 45%}\n#works{view-timeline-name:--mk-s3;view-timeline-inset:45% 45%}\n#stack{view-timeline-name:--mk-s4;view-timeline-inset:45% 45%}\n#products{view-timeline-name:--mk-s5;view-timeline-inset:45% 45%}\n#mk-voices{view-timeline-name:--mk-s6;view-timeline-inset:45% 45%}\n#contact{view-timeline-name:--mk-s7;view-timeline-inset:45% 45%}\n  #mk-idx-0{animation:mk-idxon linear;animation-timeline:--mk-s1;animation-range:cover 0% cover 100%}\n  #mk-idx-1{animation:mk-idxon linear;animation-timeline:--mk-s2;animation-range:cover 0% cover 100%}\n  #mk-idx-2{animation:mk-idxon linear;animation-timeline:--mk-s3;animation-range:cover 0% cover 100%}\n  #mk-idx-3{animation:mk-idxon linear;animation-timeline:--mk-s4;animation-range:cover 0% cover 100%}\n  #mk-idx-4{animation:mk-idxon linear;animation-timeline:--mk-s5;animation-range:cover 0% cover 100%}\n  #mk-idx-5{animation:mk-idxon linear;animation-timeline:--mk-s6;animation-range:cover 0% cover 100%}\n  #mk-idx-6{animation:mk-idxon linear;animation-timeline:--mk-s7;animation-range:cover 0% cover 100%}\n  }\n  @supports (animation-timeline:scroll()){\n    #mk-progress{animation:mk-progress linear both;animation-timeline:scroll(root)}\n    #mk-cue{animation:mk-cuefade linear both;animation-timeline:scroll(root);animation-range:0px 260px}\n    #mk-header{animation:mk-headbg linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n    #mk-header::after{animation:mk-headrule linear both;animation-timeline:scroll(root);animation-range:20px 120px}\n  }\n}\n</style>",
       "processShortcodes": "0"
      }
     },
@@ -1018,6 +1018,223 @@
         },
         "children": []
        },
+       {
+        "type": "div",
+        "data": {
+         "attrID": "mk-boot-x0"
+        },
+        "style": {
+         "&": {
+          "_": {}
+         }
+        },
+        "children": []
+       },
+       {
+        "type": "div",
+        "data": {
+         "attrID": "mk-boot-x1"
+        },
+        "style": {
+         "&": {
+          "_": {}
+         }
+        },
+        "children": []
+       },
+       {
+        "type": "div",
+        "data": {
+         "attrID": "mk-boot-x2"
+        },
+        "style": {
+         "&": {
+          "_": {}
+         }
+        },
+        "children": []
+       },
+       {
+        "type": "div",
+        "data": {
+         "attrID": "mk-boot-x3"
+        },
+        "style": {
+         "&": {
+          "_": {}
+         }
+        },
+        "children": []
+       },
+       {
+        "type": "div",
+        "data": {
+         "attrID": "mk-boot-ruler"
+        },
+        "style": {
+         "&": {
+          "_": {}
+         }
+        },
+        "children": [
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t0"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t1"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t2"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t3"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t4"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t5"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t6"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t7"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t8"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t9"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t10"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t11"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-t12"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": []
+         }
+        ]
+       },
        {
         "type": "div",
         "data": {
@@ -1151,7 +1368,7 @@
        {
         "type": "div",
         "data": {
-         "attrID": "mk-boot-list"
+         "attrID": "mk-boot-log"
         },
         "style": {
          "&": {
@@ -1162,7 +1379,7 @@
          {
           "type": "div",
           "data": {
-           "attrID": "mk-boot-c0"
+           "attrID": "mk-boot-l0"
           },
           "style": {
            "&": {
@@ -1175,7 +1392,7 @@
             "data": {
              "tagName": "p"
             },
-            "text": "§01 SERVICES",
+            "text": "LOADING TYPEFACES — IBM PLEX MONO / SPACE GROTESK / NOTO SANS TC",
             "style": {
              "&": {
               "_": {
@@ -1183,7 +1400,7 @@
                 "token": "--mk-faint"
                },
                "fontSize": "10px",
-               "letterSpacing": "0.18em",
+               "letterSpacing": "0.16em",
                "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
                "fontWeight": "400"
               }
@@ -1195,7 +1412,7 @@
          {
           "type": "div",
           "data": {
-           "attrID": "mk-boot-c1"
+           "attrID": "mk-boot-l1"
           },
           "style": {
            "&": {
@@ -1208,7 +1425,7 @@
             "data": {
              "tagName": "p"
             },
-            "text": "§02 PROCESS",
+            "text": "RESOLVING DESIGN TOKENS — 8 COLLECTION VARIABLES",
             "style": {
              "&": {
               "_": {
@@ -1216,7 +1433,7 @@
                 "token": "--mk-faint"
                },
                "fontSize": "10px",
-               "letterSpacing": "0.18em",
+               "letterSpacing": "0.16em",
                "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
                "fontWeight": "400"
               }
@@ -1228,7 +1445,7 @@
          {
           "type": "div",
           "data": {
-           "attrID": "mk-boot-c2"
+           "attrID": "mk-boot-l2"
           },
           "style": {
            "&": {
@@ -1241,7 +1458,7 @@
             "data": {
              "tagName": "p"
             },
-            "text": "§03 WORKS",
+            "text": "COMPILING BREAKPOINTS — 1440 / 1079 / 767",
             "style": {
              "&": {
               "_": {
@@ -1249,7 +1466,7 @@
                 "token": "--mk-faint"
                },
                "fontSize": "10px",
-               "letterSpacing": "0.18em",
+               "letterSpacing": "0.16em",
                "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
                "fontWeight": "400"
               }
@@ -1261,7 +1478,7 @@
          {
           "type": "div",
           "data": {
-           "attrID": "mk-boot-c3"
+           "attrID": "mk-boot-l3"
           },
           "style": {
            "&": {
@@ -1274,7 +1491,7 @@
             "data": {
              "tagName": "p"
             },
-            "text": "§04 STACK",
+            "text": "MOUNTING CLAUSES §01–§07",
             "style": {
              "&": {
               "_": {
@@ -1282,7 +1499,7 @@
                 "token": "--mk-faint"
                },
                "fontSize": "10px",
-               "letterSpacing": "0.18em",
+               "letterSpacing": "0.16em",
                "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
                "fontWeight": "400"
               }
@@ -1294,7 +1511,7 @@
          {
           "type": "div",
           "data": {
-           "attrID": "mk-boot-c4"
+           "attrID": "mk-boot-l4"
           },
           "style": {
            "&": {
@@ -1303,31 +1520,36 @@
           },
           "children": [
            {
-            "type": "text",
+            "type": "div",
             "data": {
-             "tagName": "p"
+             "attrID": "mk-boot-cursor"
             },
-            "text": "§05 PRODUCTS",
             "style": {
              "&": {
-              "_": {
-               "color": {
-                "token": "--mk-faint"
-               },
-               "fontSize": "10px",
-               "letterSpacing": "0.18em",
-               "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
-               "fontWeight": "400"
-              }
+              "_": {}
              }
-            }
+            },
+            "children": []
            }
           ]
-         },
+         }
+        ]
+       },
+       {
+        "type": "div",
+        "data": {
+         "attrID": "mk-boot-list"
+        },
+        "style": {
+         "&": {
+          "_": {}
+         }
+        },
+        "children": [
          {
           "type": "div",
           "data": {
-           "attrID": "mk-boot-c5"
+           "attrID": "mk-boot-c0"
           },
           "style": {
            "&": {
@@ -1340,7 +1562,7 @@
             "data": {
              "tagName": "p"
             },
-            "text": "§06 VOICES",
+            "text": "§01 SERVICES",
             "style": {
              "&": {
               "_": {
@@ -1360,7 +1582,7 @@
          {
           "type": "div",
           "data": {
-           "attrID": "mk-boot-c6"
+           "attrID": "mk-boot-c1"
           },
           "style": {
            "&": {
@@ -1373,7 +1595,7 @@
             "data": {
              "tagName": "p"
             },
-            "text": "§07 CONTACT",
+            "text": "§02 PROCESS",
             "style": {
              "&": {
               "_": {
@@ -1389,10 +1611,202 @@
             }
            }
           ]
-         }
-        ]
-       },
-       {
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-c2"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": [
+           {
+            "type": "text",
+            "data": {
+             "tagName": "p"
+            },
+            "text": "§03 WORKS",
+            "style": {
+             "&": {
+              "_": {
+               "color": {
+                "token": "--mk-faint"
+               },
+               "fontSize": "10px",
+               "letterSpacing": "0.18em",
+               "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+               "fontWeight": "400"
+              }
+             }
+            }
+           }
+          ]
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-c3"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": [
+           {
+            "type": "text",
+            "data": {
+             "tagName": "p"
+            },
+            "text": "§04 STACK",
+            "style": {
+             "&": {
+              "_": {
+               "color": {
+                "token": "--mk-faint"
+               },
+               "fontSize": "10px",
+               "letterSpacing": "0.18em",
+               "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+               "fontWeight": "400"
+              }
+             }
+            }
+           }
+          ]
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-c4"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": [
+           {
+            "type": "text",
+            "data": {
+             "tagName": "p"
+            },
+            "text": "§05 PRODUCTS",
+            "style": {
+             "&": {
+              "_": {
+               "color": {
+                "token": "--mk-faint"
+               },
+               "fontSize": "10px",
+               "letterSpacing": "0.18em",
+               "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+               "fontWeight": "400"
+              }
+             }
+            }
+           }
+          ]
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-c5"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": [
+           {
+            "type": "text",
+            "data": {
+             "tagName": "p"
+            },
+            "text": "§06 VOICES",
+            "style": {
+             "&": {
+              "_": {
+               "color": {
+                "token": "--mk-faint"
+               },
+               "fontSize": "10px",
+               "letterSpacing": "0.18em",
+               "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+               "fontWeight": "400"
+              }
+             }
+            }
+           }
+          ]
+         },
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-boot-c6"
+          },
+          "style": {
+           "&": {
+            "_": {}
+           }
+          },
+          "children": [
+           {
+            "type": "text",
+            "data": {
+             "tagName": "p"
+            },
+            "text": "§07 CONTACT",
+            "style": {
+             "&": {
+              "_": {
+               "color": {
+                "token": "--mk-faint"
+               },
+               "fontSize": "10px",
+               "letterSpacing": "0.18em",
+               "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+               "fontWeight": "400"
+              }
+             }
+            }
+           }
+          ]
+         }
+        ]
+       },
+       {
+        "type": "div",
+        "data": {
+         "attrID": "mk-boot-ready"
+        },
+        "style": {
+         "&": {
+          "_": {}
+         }
+        },
+        "children": [
+         {
+          "type": "text",
+          "data": {
+           "tagName": "p"
+          },
+          "text": "PROFILE READY",
+          "style": {
+           "&": {
+            "_": {
+             "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
+            }
+           }
+          }
+         }
+        ]
+       },
+       {
         "type": "div",
         "data": {
          "attrID": "mk-boot-foot"
@@ -3961,13 +4375,13 @@
        {
         "type": "section",
         "data": {
-         "attrID": "services"
+         "attrID": "plate"
         },
         "style": {
          "&": {
           "_": {
            "backgroundColor": {
-            "token": "--mk-paper"
+            "token": "--mk-panel"
            },
            "paddingLeft": "40px",
            "paddingRight": "40px",
@@ -3987,7 +4401,7 @@
          {
           "type": "div",
           "data": {
-           "attrID": "mk-svc-in"
+           "attrID": "mk-plate-in"
           },
           "style": {
            "&": {
@@ -4003,15 +4417,26 @@
            {
             "type": "div",
             "data": {
-             "attrID": "mk-svc-pad"
+             "attrID": "mk-plate-pad"
             },
             "style": {
              "&": {
               "_": {
-               "paddingTop": "84px"
+               "paddingTop": "104px",
+               "paddingBottom": "104px",
+               "display": "grid",
+               "gridCols": "auto 1fr",
+               "columnGap": "56px",
+               "alignItems": "start"
+              },
+              "_t": {
+               "columnGap": "36px"
               },
               "_m": {
-               "paddingTop": "56px"
+               "gridCols": "repeat(1, 1fr)",
+               "rowGap": "22px",
+               "paddingTop": "62px",
+               "paddingBottom": "62px"
               }
              }
             },
@@ -4019,22 +4444,51 @@
              {
               "type": "div",
               "data": {
-               "attrID": "mk-svc-head"
+               "attrID": "mk-plate-num"
               },
               "style": {
                "&": {
-                "_": {
-                 "display": "grid",
-                 "gridCols": "84px 1fr",
-                 "columnGap": "0px",
-                 "alignItems": "start",
-                 "paddingTop": "22px",
-                 "customStyles": "border-top:1px solid rgba(22,24,28,.16);"
+                "_": {}
+               }
+              },
+              "children": [
+               {
+                "type": "text",
+                "data": {
+                 "tagName": "p"
                 },
-                "_m": {
-                 "gridCols": "48px 1fr"
+                "text": "01",
+                "style": {
+                 "&": {
+                  "_": {
+                   "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
+                   "fontSize": "132px",
+                   "fontWeight": "600",
+                   "lineHeight": ".82",
+                   "letterSpacing": "-0.05em",
+                   "color": "rgba(0,0,0,0)",
+                   "customStyles": "-webkit-text-stroke:1px rgba(22,24,28,.42);"
+                  },
+                  "_t": {
+                   "fontSize": "104px"
+                  },
+                  "_m": {
+                   "fontSize": "68px"
+                  }
+                 }
                 }
                }
+              ]
+             },
+             {
+              "type": "div",
+              "data": {
+               "attrID": "mk-plate-t"
+              },
+              "style": {
+               "&": {
+                "_": {}
+               }
               },
               "children": [
                {
@@ -4042,15 +4496,15 @@
                 "data": {
                  "tagName": "p"
                 },
-                "text": "§01",
+                "text": "PLATE 01 — POSITION",
                 "style": {
                  "&": {
                   "_": {
                    "color": {
                     "token": "--mk-accent-ink"
                    },
-                   "fontSize": "12px",
-                   "letterSpacing": "0.06em",
+                   "fontSize": "10px",
+                   "letterSpacing": "0.22em",
                    "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
                    "fontWeight": "400"
                   }
@@ -4058,17 +4512,227 @@
                 }
                },
                {
-                "type": "div",
+                "type": "text",
                 "data": {
-                 "attrID": "mk-svc-head-t"
+                 "tagName": "h2"
                 },
+                "text": "技術是拿來解決問題的，\n不是拿來炫耀的。",
                 "style": {
                  "&": {
-                  "_": {}
-                 }
-                },
-                "children": [
-                 {
+                  "_": {
+                   "color": {
+                    "token": "--mk-ink"
+                   },
+                   "fontSize": "46px",
+                   "fontWeight": "600",
+                   "letterSpacing": "0.01em",
+                   "lineHeight": "1.42",
+                   "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
+                   "marginTop": "22px",
+                   "whiteSpace": "pre-wrap"
+                  },
+                  "_t": {
+                   "fontSize": "38px"
+                  },
+                  "_m": {
+                   "fontSize": "26px"
+                  }
+                 }
+                }
+               },
+               {
+                "type": "text",
+                "data": {
+                 "tagName": "p"
+                },
+                "text": "每一個決定都要能被說明：為什麼用這個工具、為什麼是這個結構、為什麼值這個價錢。說不清楚的，就不做。",
+                "style": {
+                 "&": {
+                  "_": {
+                   "color": {
+                    "token": "--mk-muted"
+                   },
+                   "fontSize": "15px",
+                   "lineHeight": "2",
+                   "marginTop": "26px",
+                   "maxWidth": "34em",
+                   "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
+                  },
+                  "_m": {
+                   "fontSize": "13.5px"
+                  }
+                 }
+                }
+               },
+               {
+                "type": "div",
+                "data": {
+                 "attrID": "mk-plate-sig"
+                },
+                "style": {
+                 "&": {
+                  "_": {
+                   "marginTop": "34px",
+                   "display": "flex",
+                   "columnGap": "12px",
+                   "alignItems": "center"
+                  }
+                 }
+                },
+                "children": [
+                 {
+                  "type": "div",
+                  "data": {
+                   "attrID": "mk-plate-dash"
+                  },
+                  "style": {
+                   "&": {
+                    "_": {}
+                   }
+                  },
+                  "children": []
+                 },
+                 {
+                  "type": "text",
+                  "data": {
+                   "tagName": "p"
+                  },
+                  "text": "MOKSA WEB — TAICHUNG",
+                  "style": {
+                   "&": {
+                    "_": {
+                     "color": {
+                      "token": "--mk-faint"
+                     },
+                     "fontSize": "10px",
+                     "letterSpacing": "0.2em",
+                     "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+                     "fontWeight": "400"
+                    }
+                   }
+                  }
+                 }
+                ]
+               }
+              ]
+             }
+            ]
+           }
+          ]
+         }
+        ]
+       },
+       {
+        "type": "section",
+        "data": {
+         "attrID": "services"
+        },
+        "style": {
+         "&": {
+          "_": {
+           "backgroundColor": {
+            "token": "--mk-paper"
+           },
+           "paddingLeft": "40px",
+           "paddingRight": "40px",
+           "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
+          },
+          "_t": {
+           "paddingLeft": "28px",
+           "paddingRight": "28px"
+          },
+          "_m": {
+           "paddingLeft": "18px",
+           "paddingRight": "18px"
+          }
+         }
+        },
+        "children": [
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-svc-in"
+          },
+          "style": {
+           "&": {
+            "_": {
+             "width": "100%",
+             "maxWidth": "1240px",
+             "marginLeft": "auto",
+             "marginRight": "auto"
+            }
+           }
+          },
+          "children": [
+           {
+            "type": "div",
+            "data": {
+             "attrID": "mk-svc-pad"
+            },
+            "style": {
+             "&": {
+              "_": {
+               "paddingTop": "84px"
+              },
+              "_m": {
+               "paddingTop": "56px"
+              }
+             }
+            },
+            "children": [
+             {
+              "type": "div",
+              "data": {
+               "attrID": "mk-svc-head"
+              },
+              "style": {
+               "&": {
+                "_": {
+                 "display": "grid",
+                 "gridCols": "84px 1fr",
+                 "columnGap": "0px",
+                 "alignItems": "start",
+                 "paddingTop": "22px",
+                 "customStyles": "border-top:1px solid rgba(22,24,28,.16);"
+                },
+                "_m": {
+                 "gridCols": "48px 1fr"
+                }
+               }
+              },
+              "children": [
+               {
+                "type": "text",
+                "data": {
+                 "tagName": "p"
+                },
+                "text": "§01",
+                "style": {
+                 "&": {
+                  "_": {
+                   "color": {
+                    "token": "--mk-accent-ink"
+                   },
+                   "fontSize": "12px",
+                   "letterSpacing": "0.06em",
+                   "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+                   "fontWeight": "400"
+                  }
+                 }
+                }
+               },
+               {
+                "type": "div",
+                "data": {
+                 "attrID": "mk-svc-head-t"
+                },
+                "style": {
+                 "&": {
+                  "_": {}
+                 }
+                },
+                "children": [
+                 {
                   "type": "text",
                   "data": {
                    "tagName": "p"
@@ -6645,6 +7309,435 @@
          }
         ]
        },
+       {
+        "type": "section",
+        "data": {
+         "attrID": "specimen"
+        },
+        "style": {
+         "&": {
+          "_": {
+           "backgroundColor": {
+            "token": "--mk-ink"
+           },
+           "paddingLeft": "40px",
+           "paddingRight": "40px",
+           "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
+          },
+          "_t": {
+           "paddingLeft": "28px",
+           "paddingRight": "28px"
+          },
+          "_m": {
+           "paddingLeft": "18px",
+           "paddingRight": "18px"
+          }
+         }
+        },
+        "children": [
+         {
+          "type": "div",
+          "data": {
+           "attrID": "mk-spec2-in"
+          },
+          "style": {
+           "&": {
+            "_": {
+             "width": "100%",
+             "maxWidth": "1240px",
+             "marginLeft": "auto",
+             "marginRight": "auto"
+            }
+           }
+          },
+          "children": [
+           {
+            "type": "div",
+            "data": {
+             "attrID": "mk-spec2-pad"
+            },
+            "style": {
+             "&": {
+              "_": {
+               "paddingTop": "88px",
+               "paddingBottom": "88px"
+              },
+              "_m": {
+               "paddingTop": "58px",
+               "paddingBottom": "58px"
+              }
+             }
+            },
+            "children": [
+             {
+              "type": "div",
+              "data": {
+               "attrID": "mk-spec2-head"
+              },
+              "style": {
+               "&": {
+                "_": {
+                 "display": "flex",
+                 "justifyContent": "space-between",
+                 "columnGap": "20px",
+                 "rowGap": "8px",
+                 "customStyles": "flex-wrap:wrap;"
+                }
+               }
+              },
+              "children": [
+               {
+                "type": "text",
+                "data": {
+                 "tagName": "p"
+                },
+                "text": "TYPE SPECIMEN",
+                "style": {
+                 "&": {
+                  "_": {
+                   "color": {
+                    "token": "--mk-accent"
+                   },
+                   "fontSize": "10px",
+                   "letterSpacing": "0.22em",
+                   "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+                   "fontWeight": "400"
+                  }
+                 }
+                }
+               },
+               {
+                "type": "text",
+                "data": {
+                 "tagName": "p"
+                },
+                "text": "THREE FACES / ONE SCALE",
+                "style": {
+                 "&": {
+                  "_": {
+                   "color": "rgb(140,142,150)",
+                   "fontSize": "10px",
+                   "letterSpacing": "0.2em",
+                   "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+                   "fontWeight": "400"
+                  }
+                 }
+                }
+               }
+              ]
+             },
+             {
+              "type": "div",
+              "data": {
+               "attrID": "mk-spec2-rows"
+              },
+              "style": {
+               "&": {
+                "_": {
+                 "marginTop": "40px"
+                },
+                "_m": {
+                 "marginTop": "26px"
+                }
+               }
+              },
+              "children": [
+               {
+                "type": "div",
+                "data": {
+                 "attrID": "mk-spec2-r-0"
+                },
+                "style": {
+                 "&": {
+                  "_": {
+                   "display": "grid",
+                   "gridCols": "1fr auto",
+                   "columnGap": "28px",
+                   "alignItems": "baseline",
+                   "paddingTop": "20px",
+                   "paddingBottom": "20px",
+                   "customStyles": "border-top:1px solid rgba(250,250,247,.18);"
+                  },
+                  "_m": {
+                   "gridCols": "1fr",
+                   "rowGap": "6px",
+                   "paddingTop": "14px",
+                   "paddingBottom": "14px"
+                  }
+                 }
+                },
+                "children": [
+                 {
+                  "type": "text",
+                  "data": {
+                   "tagName": "p"
+                  },
+                  "text": "Aa",
+                  "style": {
+                   "&": {
+                    "_": {
+                     "color": {
+                      "token": "--mk-paper"
+                     },
+                     "fontSize": "72px",
+                     "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
+                     "fontWeight": "600",
+                     "lineHeight": "1.1",
+                     "letterSpacing": "0.01em"
+                    },
+                    "_t": {
+                     "fontSize": "54px"
+                    },
+                    "_m": {
+                     "fontSize": "40px"
+                    }
+                   }
+                  }
+                 },
+                 {
+                  "type": "text",
+                  "data": {
+                   "tagName": "p"
+                  },
+                  "text": "72 / SPACE GROTESK 600",
+                  "style": {
+                   "&": {
+                    "_": {
+                     "color": "rgb(140,142,150)",
+                     "fontSize": "10px",
+                     "letterSpacing": "0.16em",
+                     "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+                     "fontWeight": "400"
+                    }
+                   }
+                  }
+                 }
+                ]
+               },
+               {
+                "type": "div",
+                "data": {
+                 "attrID": "mk-spec2-r-1"
+                },
+                "style": {
+                 "&": {
+                  "_": {
+                   "display": "grid",
+                   "gridCols": "1fr auto",
+                   "columnGap": "28px",
+                   "alignItems": "baseline",
+                   "paddingTop": "20px",
+                   "paddingBottom": "20px",
+                   "customStyles": "border-top:1px solid rgba(250,250,247,.18);"
+                  },
+                  "_m": {
+                   "gridCols": "1fr",
+                   "rowGap": "6px",
+                   "paddingTop": "14px",
+                   "paddingBottom": "14px"
+                  }
+                 }
+                },
+                "children": [
+                 {
+                  "type": "text",
+                  "data": {
+                   "tagName": "p"
+                  },
+                  "text": "網站開發",
+                  "style": {
+                   "&": {
+                    "_": {
+                     "color": {
+                      "token": "--mk-paper"
+                     },
+                     "fontSize": "46px",
+                     "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif",
+                     "fontWeight": "500",
+                     "lineHeight": "1.1",
+                     "letterSpacing": "0.01em"
+                    },
+                    "_t": {
+                     "fontSize": "38px"
+                    },
+                    "_m": {
+                     "fontSize": "27px"
+                    }
+                   }
+                  }
+                 },
+                 {
+                  "type": "text",
+                  "data": {
+                   "tagName": "p"
+                  },
+                  "text": "46 / NOTO SANS TC 500",
+                  "style": {
+                   "&": {
+                    "_": {
+                     "color": "rgb(140,142,150)",
+                     "fontSize": "10px",
+                     "letterSpacing": "0.16em",
+                     "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+                     "fontWeight": "400"
+                    }
+                   }
+                  }
+                 }
+                ]
+               },
+               {
+                "type": "div",
+                "data": {
+                 "attrID": "mk-spec2-r-2"
+                },
+                "style": {
+                 "&": {
+                  "_": {
+                   "display": "grid",
+                   "gridCols": "1fr auto",
+                   "columnGap": "28px",
+                   "alignItems": "baseline",
+                   "paddingTop": "20px",
+                   "paddingBottom": "20px",
+                   "customStyles": "border-top:1px solid rgba(250,250,247,.18);"
+                  },
+                  "_m": {
+                   "gridCols": "1fr",
+                   "rowGap": "6px",
+                   "paddingTop": "14px",
+                   "paddingBottom": "14px"
+                  }
+                 }
+                },
+                "children": [
+                 {
+                  "type": "text",
+                  "data": {
+                   "tagName": "p"
+                  },
+                  "text": "0123456789",
+                  "style": {
+                   "&": {
+                    "_": {
+                     "color": {
+                      "token": "--mk-paper"
+                     },
+                     "fontSize": "34px",
+                     "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+                     "fontWeight": "500",
+                     "lineHeight": "1.1",
+                     "letterSpacing": "0.01em"
+                    },
+                    "_t": {
+                     "fontSize": "27px"
+                    },
+                    "_m": {
+                     "fontSize": "20px"
+                    }
+                   }
+                  }
+                 },
+                 {
+                  "type": "text",
+                  "data": {
+                   "tagName": "p"
+                  },
+                  "text": "34 / IBM PLEX MONO 500",
+                  "style": {
+                   "&": {
+                    "_": {
+                     "color": "rgb(140,142,150)",
+                     "fontSize": "10px",
+                     "letterSpacing": "0.16em",
+                     "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+                     "fontWeight": "400"
+                    }
+                   }
+                  }
+                 }
+                ]
+               },
+               {
+                "type": "div",
+                "data": {
+                 "attrID": "mk-spec2-r-3"
+                },
+                "style": {
+                 "&": {
+                  "_": {
+                   "display": "grid",
+                   "gridCols": "1fr auto",
+                   "columnGap": "28px",
+                   "alignItems": "baseline",
+                   "paddingTop": "20px",
+                   "paddingBottom": "20px",
+                   "customStyles": "border-top:1px solid rgba(250,250,247,.18);"
+                  },
+                  "_m": {
+                   "gridCols": "1fr",
+                   "rowGap": "6px",
+                   "paddingTop": "14px",
+                   "paddingBottom": "14px"
+                  }
+                 }
+                },
+                "children": [
+                 {
+                  "type": "text",
+                  "data": {
+                   "tagName": "p"
+                  },
+                  "text": "automation",
+                  "style": {
+                   "&": {
+                    "_": {
+                     "color": {
+                      "token": "--mk-paper"
+                     },
+                     "fontSize": "22px",
+                     "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
+                     "fontWeight": "500",
+                     "lineHeight": "1.1",
+                     "letterSpacing": "0.01em"
+                    },
+                    "_t": {
+                     "fontSize": "19px"
+                    },
+                    "_m": {
+                     "fontSize": "16px"
+                    }
+                   }
+                  }
+                 },
+                 {
+                  "type": "text",
+                  "data": {
+                   "tagName": "p"
+                  },
+                  "text": "22 / SPACE GROTESK 500",
+                  "style": {
+                   "&": {
+                    "_": {
+                     "color": "rgb(140,142,150)",
+                     "fontSize": "10px",
+                     "letterSpacing": "0.16em",
+                     "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
+                     "fontWeight": "400"
+                    }
+                   }
+                  }
+                 }
+                ]
+               }
+              ]
+             }
+            ]
+           }
+          ]
+         }
+        ]
+       },
        {
         "type": "section",
         "data": {