mosaic-headless 1.8.0 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/sites/moksa.json CHANGED
@@ -54,7 +54,7 @@
54
54
  "data": {
55
55
  "attrID": "mk-motion-css",
56
56
  "insertLocation": "head",
57
- "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@keyframes mk-pan{from{transform:translateX(2%)}to{transform:translateX(-34%)}}\n@keyframes mk-fillscrub{from{background-position:100% 0}to{background-position:0 0}}\n@keyframes mk-flow{0%{transform:translateX(-7px);opacity:.2}45%{opacity:1}100%{transform:translateX(7px);opacity:.2}}\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:8px;top:50%;transform:translateY(-50%);z-index:3;display:grid;row-gap:11px;pointer-events:auto;background:rgb(250,250,247);padding:14px 10px;border:1px solid rgba(22,24,28,.16)}\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-ar-a-0>*,#mk-ar-b-0>*,#mk-ar-a-1>*,#mk-ar-b-1>*,#mk-ar-a-2>*,#mk-ar-b-2>*{animation:mk-flow 1.9s ease-in-out infinite}\n #mk-ar-a-0>*{animation-delay:0ms}\n #mk-ar-b-0>*{animation-delay:130ms}\n #mk-ar-a-1>*{animation-delay:260ms}\n #mk-ar-b-1>*{animation-delay:390ms}\n #mk-ar-a-2>*{animation-delay:520ms}\n #mk-ar-b-2>*{animation-delay:650ms}\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-mx-head,#mk-mx-cols,#mk-mx-r-0,#mk-mx-r-1,#mk-mx-r-2,#mk-mx-r-3,#mk-mx-r-4,#mk-mx-r-5,#mk-mx-r-6,#mk-mx-r-7,#mk-fig2-head,#mk-fl-a-0,#mk-fl-b-0,#mk-fl-c-0,#mk-fl-a-1,#mk-fl-b-1,#mk-fl-c-1,#mk-fl-a-2,#mk-fl-b-2,#mk-fl-c-2,#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-mx-cols{animation-range:entry 6% cover 40%}\n #mk-mx-r-0{animation-range:entry 6% cover 40%}\n #mk-mx-r-1{animation-range:entry 10% cover 44%}\n #mk-mx-r-2{animation-range:entry 10% cover 44%}\n #mk-mx-r-3{animation-range:entry 14% cover 48%}\n #mk-mx-r-4{animation-range:entry 14% cover 48%}\n #mk-mx-r-5{animation-range:entry 18% cover 52%}\n #mk-mx-r-6{animation-range:entry 18% cover 52%}\n #mk-mx-r-7{animation-range:entry 22% cover 56%}\n #mk-fl-a-0{animation-range:entry 6% cover 40%}\n #mk-fl-b-0{animation-range:entry 10% cover 44%}\n #mk-fl-c-0{animation-range:entry 14% cover 48%}\n #mk-fl-a-1{animation-range:entry 10% cover 44%}\n #mk-fl-b-1{animation-range:entry 14% cover 48%}\n #mk-fl-c-1{animation-range:entry 18% cover 52%}\n #mk-fl-a-2{animation-range:entry 14% cover 48%}\n #mk-fl-b-2{animation-range:entry 18% cover 52%}\n #mk-fl-c-2{animation-range:entry 22% cover 56%}\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 #mk-pan-track{animation:mk-pan linear both;animation-timeline:view();animation-range:cover 0% cover 100%}\n #mk-plate-t h2{background-image:linear-gradient(90deg,rgb(22,24,28) 0 50%,rgb(107,109,113) 50% 100%);background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);animation:mk-fillscrub linear both;animation-timeline:view();animation-range:entry 24% cover 58%}\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>",
57
+ "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@keyframes mk-pan{from{transform:translateX(2%)}to{transform:translateX(-34%)}}\n@keyframes mk-panloop{from{transform:translateX(0)}to{transform:translateX(-50%)}}\n@keyframes mk-fillscrub{from{background-position:100% 0}to{background-position:0 0}}\n@keyframes mk-flow{0%{transform:translateX(-7px);opacity:.2}45%{opacity:1}100%{transform:translateX(7px);opacity:.2}}\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@property --mk-s{syntax:'<integer>';initial-value:0;inherits:true}\n@property --mk-m{syntax:'<integer>';initial-value:0;inherits:true}\n@keyframes mk-secs{to{--mk-s:60}}\n@keyframes mk-mins{to{--mk-m:60}}\n@keyframes mk-livedot{0%,55%{opacity:1}56%,100%{opacity:.15}}\n#mk-clock{display:flex;align-items:baseline;column-gap:5px;margin-left:18px;padding-left:18px;border-left:1px solid rgba(22,24,28,.16)}\n#mk-clock-dot{width:5px;height:5px;background:rgb(255,90,54);align-self:center;margin-right:3px}\n#mk-clock-m,#mk-clock-s{font-family:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:rgb(22,24,28);font-variant-numeric:tabular-nums;letter-spacing:0.02em}\n#mk-clock-s::after{counter-reset:s var(--mk-s);content:counter(s,decimal-leading-zero)}\n#mk-clock-m::after{counter-reset:m var(--mk-m);content:counter(m,decimal-leading-zero)}\n@media (max-width:1023px){#mk-clock{display:none}}\n@keyframes mk-sweepdown{from{transform:translateY(-10vh)}to{transform:translateY(110vh)}}\n#mk-sweep{content:\"\";position:fixed;left:0;right:0;top:0;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(255,90,54,0),rgba(255,90,54,.30) 22%,rgba(255,90,54,.30) 78%,rgba(255,90,54,0))}\n@keyframes mk-railrun{from{background-position:0 -40vh}to{background-position:0 140vh}}\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:8px;top:50%;transform:translateY(-50%);z-index:3;display:grid;row-gap:11px;pointer-events:auto;background:rgb(250,250,247);padding:14px 10px;border:1px solid rgba(22,24,28,.16)}\n#mk-index>*{display:flex;column-gap:8px;align-items:baseline}\n@media (max-width:1679px){#mk-idx-w-0,#mk-idx-w-1,#mk-idx-w-2,#mk-idx-w-3,#mk-idx-w-4,#mk-idx-w-5,#mk-idx-w-6{display:none}#mk-index{padding:12px 7px;left:4px}}\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-ar-a-0>*,#mk-ar-b-0>*,#mk-ar-a-1>*,#mk-ar-b-1>*,#mk-ar-a-2>*,#mk-ar-b-2>*{animation:mk-flow 1.9s ease-in-out infinite}\n #mk-clock-s{animation:mk-secs 60s steps(60,end) infinite}\n #mk-clock-m{animation:mk-mins 3600s steps(60,end) infinite}\n #mk-clock-dot{animation:mk-livedot 2s steps(1,end) infinite}\n #mk-sweep{animation:mk-sweepdown 11s linear infinite}\n #mk-pan-loop{animation:mk-panloop 26s linear infinite}\n #mk-doc::before,#mk-doc::after{background-image:linear-gradient(180deg,rgba(255,90,54,0),rgba(255,90,54,.55) 45%,rgba(255,90,54,.55) 55%,rgba(255,90,54,0));background-size:1px 34vh;background-repeat:no-repeat;animation:mk-railrun 9s linear infinite}\n #mk-ar-a-0>*{animation-delay:0ms}\n #mk-ar-b-0>*{animation-delay:130ms}\n #mk-ar-a-1>*{animation-delay:260ms}\n #mk-ar-b-1>*{animation-delay:390ms}\n #mk-ar-a-2>*{animation-delay:520ms}\n #mk-ar-b-2>*{animation-delay:650ms}\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-mx-head,#mk-mx-cols,#mk-mx-r-0,#mk-mx-r-1,#mk-mx-r-2,#mk-mx-r-3,#mk-mx-r-4,#mk-mx-r-5,#mk-mx-r-6,#mk-mx-r-7,#mk-fig2-head,#mk-fl-a-0,#mk-fl-b-0,#mk-fl-c-0,#mk-fl-a-1,#mk-fl-b-1,#mk-fl-c-1,#mk-fl-a-2,#mk-fl-b-2,#mk-fl-c-2,#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-mx-cols{animation-range:entry 6% cover 40%}\n #mk-mx-r-0{animation-range:entry 6% cover 40%}\n #mk-mx-r-1{animation-range:entry 10% cover 44%}\n #mk-mx-r-2{animation-range:entry 10% cover 44%}\n #mk-mx-r-3{animation-range:entry 14% cover 48%}\n #mk-mx-r-4{animation-range:entry 14% cover 48%}\n #mk-mx-r-5{animation-range:entry 18% cover 52%}\n #mk-mx-r-6{animation-range:entry 18% cover 52%}\n #mk-mx-r-7{animation-range:entry 22% cover 56%}\n #mk-fl-a-0{animation-range:entry 6% cover 40%}\n #mk-fl-b-0{animation-range:entry 10% cover 44%}\n #mk-fl-c-0{animation-range:entry 14% cover 48%}\n #mk-fl-a-1{animation-range:entry 10% cover 44%}\n #mk-fl-b-1{animation-range:entry 14% cover 48%}\n #mk-fl-c-1{animation-range:entry 18% cover 52%}\n #mk-fl-a-2{animation-range:entry 14% cover 48%}\n #mk-fl-b-2{animation-range:entry 18% cover 52%}\n #mk-fl-c-2{animation-range:entry 22% cover 56%}\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 #mk-pan-track{animation:mk-pan linear both;animation-timeline:view();animation-range:cover 0% cover 100%}\n #mk-plate-t h2{background-image:linear-gradient(90deg,rgb(22,24,28) 0 50%,rgb(107,109,113) 50% 100%);background-size:220% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);animation:mk-fillscrub linear both;animation-timeline:view();animation-range:entry 24% cover 58%}\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>",
58
58
  "processShortcodes": "0"
59
59
  }
60
60
  },
@@ -212,6 +212,92 @@
212
212
  }
213
213
  ]
214
214
  },
215
+ {
216
+ "type": "div",
217
+ "data": {
218
+ "attrID": "mk-clock"
219
+ },
220
+ "style": {
221
+ "&": {
222
+ "_": {}
223
+ }
224
+ },
225
+ "children": [
226
+ {
227
+ "type": "div",
228
+ "data": {
229
+ "attrID": "mk-clock-dot"
230
+ },
231
+ "style": {
232
+ "&": {
233
+ "_": {}
234
+ }
235
+ },
236
+ "children": []
237
+ },
238
+ {
239
+ "type": "text",
240
+ "data": {
241
+ "tagName": "p"
242
+ },
243
+ "text": "T+",
244
+ "style": {
245
+ "&": {
246
+ "_": {
247
+ "color": {
248
+ "token": "--mk-faint"
249
+ },
250
+ "fontSize": "10px",
251
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
252
+ "letterSpacing": "0.18em"
253
+ }
254
+ }
255
+ }
256
+ },
257
+ {
258
+ "type": "div",
259
+ "data": {
260
+ "attrID": "mk-clock-m"
261
+ },
262
+ "style": {
263
+ "&": {
264
+ "_": {}
265
+ }
266
+ },
267
+ "children": []
268
+ },
269
+ {
270
+ "type": "text",
271
+ "data": {
272
+ "tagName": "p"
273
+ },
274
+ "text": ":",
275
+ "style": {
276
+ "&": {
277
+ "_": {
278
+ "color": {
279
+ "token": "--mk-faint"
280
+ },
281
+ "fontSize": "11px",
282
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace"
283
+ }
284
+ }
285
+ }
286
+ },
287
+ {
288
+ "type": "div",
289
+ "data": {
290
+ "attrID": "mk-clock-s"
291
+ },
292
+ "style": {
293
+ "&": {
294
+ "_": {}
295
+ }
296
+ },
297
+ "children": []
298
+ }
299
+ ]
300
+ },
215
301
  {
216
302
  "type": "menu",
217
303
  "data": {
@@ -1979,7 +2065,62 @@
1979
2065
  }
1980
2066
  }
1981
2067
  },
1982
- "text": "§01 SERVICES"
2068
+ "children": [
2069
+ {
2070
+ "type": "div",
2071
+ "data": {
2072
+ "attrID": "mk-idx-n-0"
2073
+ },
2074
+ "style": {
2075
+ "&": {
2076
+ "_": {}
2077
+ }
2078
+ },
2079
+ "children": [
2080
+ {
2081
+ "type": "text",
2082
+ "data": {
2083
+ "tagName": "p"
2084
+ },
2085
+ "text": "§01",
2086
+ "style": {
2087
+ "&": {
2088
+ "_": {
2089
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2090
+ }
2091
+ }
2092
+ }
2093
+ }
2094
+ ]
2095
+ },
2096
+ {
2097
+ "type": "div",
2098
+ "data": {
2099
+ "attrID": "mk-idx-w-0"
2100
+ },
2101
+ "style": {
2102
+ "&": {
2103
+ "_": {}
2104
+ }
2105
+ },
2106
+ "children": [
2107
+ {
2108
+ "type": "text",
2109
+ "data": {
2110
+ "tagName": "p"
2111
+ },
2112
+ "text": "SERVICES",
2113
+ "style": {
2114
+ "&": {
2115
+ "_": {
2116
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2117
+ }
2118
+ }
2119
+ }
2120
+ }
2121
+ ]
2122
+ }
2123
+ ]
1983
2124
  },
1984
2125
  {
1985
2126
  "type": "menu-link",
@@ -2016,7 +2157,62 @@
2016
2157
  }
2017
2158
  }
2018
2159
  },
2019
- "text": "§02 PROCESS"
2160
+ "children": [
2161
+ {
2162
+ "type": "div",
2163
+ "data": {
2164
+ "attrID": "mk-idx-n-1"
2165
+ },
2166
+ "style": {
2167
+ "&": {
2168
+ "_": {}
2169
+ }
2170
+ },
2171
+ "children": [
2172
+ {
2173
+ "type": "text",
2174
+ "data": {
2175
+ "tagName": "p"
2176
+ },
2177
+ "text": "§02",
2178
+ "style": {
2179
+ "&": {
2180
+ "_": {
2181
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2182
+ }
2183
+ }
2184
+ }
2185
+ }
2186
+ ]
2187
+ },
2188
+ {
2189
+ "type": "div",
2190
+ "data": {
2191
+ "attrID": "mk-idx-w-1"
2192
+ },
2193
+ "style": {
2194
+ "&": {
2195
+ "_": {}
2196
+ }
2197
+ },
2198
+ "children": [
2199
+ {
2200
+ "type": "text",
2201
+ "data": {
2202
+ "tagName": "p"
2203
+ },
2204
+ "text": "PROCESS",
2205
+ "style": {
2206
+ "&": {
2207
+ "_": {
2208
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2209
+ }
2210
+ }
2211
+ }
2212
+ }
2213
+ ]
2214
+ }
2215
+ ]
2020
2216
  },
2021
2217
  {
2022
2218
  "type": "menu-link",
@@ -2053,7 +2249,62 @@
2053
2249
  }
2054
2250
  }
2055
2251
  },
2056
- "text": "§03 WORKS"
2252
+ "children": [
2253
+ {
2254
+ "type": "div",
2255
+ "data": {
2256
+ "attrID": "mk-idx-n-2"
2257
+ },
2258
+ "style": {
2259
+ "&": {
2260
+ "_": {}
2261
+ }
2262
+ },
2263
+ "children": [
2264
+ {
2265
+ "type": "text",
2266
+ "data": {
2267
+ "tagName": "p"
2268
+ },
2269
+ "text": "§03",
2270
+ "style": {
2271
+ "&": {
2272
+ "_": {
2273
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2274
+ }
2275
+ }
2276
+ }
2277
+ }
2278
+ ]
2279
+ },
2280
+ {
2281
+ "type": "div",
2282
+ "data": {
2283
+ "attrID": "mk-idx-w-2"
2284
+ },
2285
+ "style": {
2286
+ "&": {
2287
+ "_": {}
2288
+ }
2289
+ },
2290
+ "children": [
2291
+ {
2292
+ "type": "text",
2293
+ "data": {
2294
+ "tagName": "p"
2295
+ },
2296
+ "text": "WORKS",
2297
+ "style": {
2298
+ "&": {
2299
+ "_": {
2300
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2301
+ }
2302
+ }
2303
+ }
2304
+ }
2305
+ ]
2306
+ }
2307
+ ]
2057
2308
  },
2058
2309
  {
2059
2310
  "type": "menu-link",
@@ -2090,34 +2341,89 @@
2090
2341
  }
2091
2342
  }
2092
2343
  },
2093
- "text": "§04 STACK"
2094
- },
2095
- {
2096
- "type": "menu-link",
2097
- "data": {
2098
- "attrID": "mk-idx-4",
2099
- "url": "#products"
2100
- },
2101
- "style": {
2102
- "&": {
2103
- "_": {
2104
- "display": "flex",
2105
- "columnGap": "8px",
2106
- "alignItems": "baseline",
2107
- "cursor": "pointer",
2108
- "color": {
2109
- "token": "--mk-faint"
2110
- },
2111
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
2112
- "fontSize": "10px",
2113
- "letterSpacing": "0.14em",
2114
- "transitionAll": "220ms ease"
2115
- }
2116
- },
2117
- "hover": {
2118
- "_": {
2119
- "color": {
2120
- "token": "--mk-ink"
2344
+ "children": [
2345
+ {
2346
+ "type": "div",
2347
+ "data": {
2348
+ "attrID": "mk-idx-n-3"
2349
+ },
2350
+ "style": {
2351
+ "&": {
2352
+ "_": {}
2353
+ }
2354
+ },
2355
+ "children": [
2356
+ {
2357
+ "type": "text",
2358
+ "data": {
2359
+ "tagName": "p"
2360
+ },
2361
+ "text": "§04",
2362
+ "style": {
2363
+ "&": {
2364
+ "_": {
2365
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2366
+ }
2367
+ }
2368
+ }
2369
+ }
2370
+ ]
2371
+ },
2372
+ {
2373
+ "type": "div",
2374
+ "data": {
2375
+ "attrID": "mk-idx-w-3"
2376
+ },
2377
+ "style": {
2378
+ "&": {
2379
+ "_": {}
2380
+ }
2381
+ },
2382
+ "children": [
2383
+ {
2384
+ "type": "text",
2385
+ "data": {
2386
+ "tagName": "p"
2387
+ },
2388
+ "text": "STACK",
2389
+ "style": {
2390
+ "&": {
2391
+ "_": {
2392
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2393
+ }
2394
+ }
2395
+ }
2396
+ }
2397
+ ]
2398
+ }
2399
+ ]
2400
+ },
2401
+ {
2402
+ "type": "menu-link",
2403
+ "data": {
2404
+ "attrID": "mk-idx-4",
2405
+ "url": "#products"
2406
+ },
2407
+ "style": {
2408
+ "&": {
2409
+ "_": {
2410
+ "display": "flex",
2411
+ "columnGap": "8px",
2412
+ "alignItems": "baseline",
2413
+ "cursor": "pointer",
2414
+ "color": {
2415
+ "token": "--mk-faint"
2416
+ },
2417
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
2418
+ "fontSize": "10px",
2419
+ "letterSpacing": "0.14em",
2420
+ "transitionAll": "220ms ease"
2421
+ }
2422
+ },
2423
+ "hover": {
2424
+ "_": {
2425
+ "color": {
2426
+ "token": "--mk-ink"
2121
2427
  }
2122
2428
  }
2123
2429
  },
@@ -2127,7 +2433,62 @@
2127
2433
  }
2128
2434
  }
2129
2435
  },
2130
- "text": "§05 PRODUCTS"
2436
+ "children": [
2437
+ {
2438
+ "type": "div",
2439
+ "data": {
2440
+ "attrID": "mk-idx-n-4"
2441
+ },
2442
+ "style": {
2443
+ "&": {
2444
+ "_": {}
2445
+ }
2446
+ },
2447
+ "children": [
2448
+ {
2449
+ "type": "text",
2450
+ "data": {
2451
+ "tagName": "p"
2452
+ },
2453
+ "text": "§05",
2454
+ "style": {
2455
+ "&": {
2456
+ "_": {
2457
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2458
+ }
2459
+ }
2460
+ }
2461
+ }
2462
+ ]
2463
+ },
2464
+ {
2465
+ "type": "div",
2466
+ "data": {
2467
+ "attrID": "mk-idx-w-4"
2468
+ },
2469
+ "style": {
2470
+ "&": {
2471
+ "_": {}
2472
+ }
2473
+ },
2474
+ "children": [
2475
+ {
2476
+ "type": "text",
2477
+ "data": {
2478
+ "tagName": "p"
2479
+ },
2480
+ "text": "PRODUCTS",
2481
+ "style": {
2482
+ "&": {
2483
+ "_": {
2484
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2485
+ }
2486
+ }
2487
+ }
2488
+ }
2489
+ ]
2490
+ }
2491
+ ]
2131
2492
  },
2132
2493
  {
2133
2494
  "type": "menu-link",
@@ -2164,7 +2525,62 @@
2164
2525
  }
2165
2526
  }
2166
2527
  },
2167
- "text": "§06 VOICES"
2528
+ "children": [
2529
+ {
2530
+ "type": "div",
2531
+ "data": {
2532
+ "attrID": "mk-idx-n-5"
2533
+ },
2534
+ "style": {
2535
+ "&": {
2536
+ "_": {}
2537
+ }
2538
+ },
2539
+ "children": [
2540
+ {
2541
+ "type": "text",
2542
+ "data": {
2543
+ "tagName": "p"
2544
+ },
2545
+ "text": "§06",
2546
+ "style": {
2547
+ "&": {
2548
+ "_": {
2549
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2550
+ }
2551
+ }
2552
+ }
2553
+ }
2554
+ ]
2555
+ },
2556
+ {
2557
+ "type": "div",
2558
+ "data": {
2559
+ "attrID": "mk-idx-w-5"
2560
+ },
2561
+ "style": {
2562
+ "&": {
2563
+ "_": {}
2564
+ }
2565
+ },
2566
+ "children": [
2567
+ {
2568
+ "type": "text",
2569
+ "data": {
2570
+ "tagName": "p"
2571
+ },
2572
+ "text": "VOICES",
2573
+ "style": {
2574
+ "&": {
2575
+ "_": {
2576
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2577
+ }
2578
+ }
2579
+ }
2580
+ }
2581
+ ]
2582
+ }
2583
+ ]
2168
2584
  },
2169
2585
  {
2170
2586
  "type": "menu-link",
@@ -2201,7 +2617,62 @@
2201
2617
  }
2202
2618
  }
2203
2619
  },
2204
- "text": "§07 CONTACT"
2620
+ "children": [
2621
+ {
2622
+ "type": "div",
2623
+ "data": {
2624
+ "attrID": "mk-idx-n-6"
2625
+ },
2626
+ "style": {
2627
+ "&": {
2628
+ "_": {}
2629
+ }
2630
+ },
2631
+ "children": [
2632
+ {
2633
+ "type": "text",
2634
+ "data": {
2635
+ "tagName": "p"
2636
+ },
2637
+ "text": "§07",
2638
+ "style": {
2639
+ "&": {
2640
+ "_": {
2641
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2642
+ }
2643
+ }
2644
+ }
2645
+ }
2646
+ ]
2647
+ },
2648
+ {
2649
+ "type": "div",
2650
+ "data": {
2651
+ "attrID": "mk-idx-w-6"
2652
+ },
2653
+ "style": {
2654
+ "&": {
2655
+ "_": {}
2656
+ }
2657
+ },
2658
+ "children": [
2659
+ {
2660
+ "type": "text",
2661
+ "data": {
2662
+ "tagName": "p"
2663
+ },
2664
+ "text": "CONTACT",
2665
+ "style": {
2666
+ "&": {
2667
+ "_": {
2668
+ "fontFamily": "'Noto Sans TC','PingFang TC','Hiragino Sans TC','Microsoft JhengHei',sans-serif"
2669
+ }
2670
+ }
2671
+ }
2672
+ }
2673
+ ]
2674
+ }
2675
+ ]
2205
2676
  }
2206
2677
  ]
2207
2678
  },
@@ -2250,6 +2721,18 @@
2250
2721
  }
2251
2722
  ]
2252
2723
  },
2724
+ {
2725
+ "type": "div",
2726
+ "data": {
2727
+ "attrID": "mk-sweep"
2728
+ },
2729
+ "style": {
2730
+ "&": {
2731
+ "_": {}
2732
+ }
2733
+ },
2734
+ "children": []
2735
+ },
2253
2736
  {
2254
2737
  "type": "section",
2255
2738
  "data": {
@@ -10144,13 +10627,7 @@
10144
10627
  "style": {
10145
10628
  "&": {
10146
10629
  "_": {
10147
- "display": "flex",
10148
- "columnGap": "56px",
10149
- "alignItems": "baseline",
10150
- "customStyles": "white-space:nowrap;width:max-content;"
10151
- },
10152
- "_m": {
10153
- "columnGap": "30px"
10630
+ "customStyles": "width:max-content;"
10154
10631
  }
10155
10632
  }
10156
10633
  },
@@ -10158,497 +10635,1015 @@
10158
10635
  {
10159
10636
  "type": "div",
10160
10637
  "data": {
10161
- "attrID": "mk-pan-n-0"
10638
+ "attrID": "mk-pan-loop"
10162
10639
  },
10163
10640
  "style": {
10164
10641
  "&": {
10165
- "_": {}
10642
+ "_": {
10643
+ "display": "flex",
10644
+ "columnGap": "56px",
10645
+ "alignItems": "baseline",
10646
+ "customStyles": "white-space:nowrap;width:max-content;"
10647
+ },
10648
+ "_m": {
10649
+ "columnGap": "30px"
10650
+ }
10166
10651
  }
10167
10652
  },
10168
10653
  "children": [
10169
10654
  {
10170
- "type": "text",
10655
+ "type": "div",
10171
10656
  "data": {
10172
- "tagName": "p"
10657
+ "attrID": "mk-pan-n-0-0"
10173
10658
  },
10174
- "text": "01",
10175
10659
  "style": {
10176
10660
  "&": {
10177
- "_": {
10178
- "color": "rgb(22,24,28)",
10179
- "fontSize": "11px",
10180
- "letterSpacing": "0.18em",
10181
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10182
- "fontWeight": "400"
10183
- }
10661
+ "_": {}
10184
10662
  }
10185
- }
10186
- }
10187
- ]
10188
- },
10189
- {
10190
- "type": "div",
10191
- "data": {
10192
- "attrID": "mk-pan-w-0"
10193
- },
10194
- "style": {
10195
- "&": {
10196
- "_": {}
10197
- }
10198
- },
10199
- "children": [
10200
- {
10201
- "type": "text",
10202
- "data": {
10203
- "tagName": "p"
10204
10663
  },
10205
- "text": "WEB",
10206
- "style": {
10207
- "&": {
10208
- "_": {
10209
- "color": {
10210
- "token": "--mk-ink"
10211
- },
10212
- "fontSize": "58px",
10213
- "fontWeight": "600",
10214
- "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10215
- "letterSpacing": "-0.02em",
10216
- "lineHeight": "1"
10217
- },
10218
- "_t": {
10219
- "fontSize": "44px"
10664
+ "children": [
10665
+ {
10666
+ "type": "text",
10667
+ "data": {
10668
+ "tagName": "p"
10220
10669
  },
10221
- "_m": {
10222
- "fontSize": "31px"
10670
+ "text": "01",
10671
+ "style": {
10672
+ "&": {
10673
+ "_": {
10674
+ "color": "rgb(22,24,28)",
10675
+ "fontSize": "11px",
10676
+ "letterSpacing": "0.18em",
10677
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10678
+ "fontWeight": "400"
10679
+ }
10680
+ }
10223
10681
  }
10224
10682
  }
10225
- }
10226
- }
10227
- ]
10228
- },
10229
- {
10230
- "type": "div",
10231
- "data": {
10232
- "attrID": "mk-pan-n-1"
10233
- },
10234
- "style": {
10235
- "&": {
10236
- "_": {}
10237
- }
10238
- },
10239
- "children": [
10683
+ ]
10684
+ },
10240
10685
  {
10241
- "type": "text",
10686
+ "type": "div",
10242
10687
  "data": {
10243
- "tagName": "p"
10688
+ "attrID": "mk-pan-w-0-0"
10244
10689
  },
10245
- "text": "02",
10246
10690
  "style": {
10247
10691
  "&": {
10248
- "_": {
10249
- "color": "rgb(22,24,28)",
10250
- "fontSize": "11px",
10251
- "letterSpacing": "0.18em",
10252
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10253
- "fontWeight": "400"
10692
+ "_": {}
10693
+ }
10694
+ },
10695
+ "children": [
10696
+ {
10697
+ "type": "text",
10698
+ "data": {
10699
+ "tagName": "p"
10700
+ },
10701
+ "text": "WEB",
10702
+ "style": {
10703
+ "&": {
10704
+ "_": {
10705
+ "color": {
10706
+ "token": "--mk-ink"
10707
+ },
10708
+ "fontSize": "58px",
10709
+ "fontWeight": "600",
10710
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10711
+ "letterSpacing": "-0.02em",
10712
+ "lineHeight": "1"
10713
+ },
10714
+ "_t": {
10715
+ "fontSize": "44px"
10716
+ },
10717
+ "_m": {
10718
+ "fontSize": "31px"
10719
+ }
10720
+ }
10254
10721
  }
10255
10722
  }
10256
- }
10257
- }
10258
- ]
10259
- },
10260
- {
10261
- "type": "div",
10262
- "data": {
10263
- "attrID": "mk-pan-w-1"
10264
- },
10265
- "style": {
10266
- "&": {
10267
- "_": {}
10268
- }
10269
- },
10270
- "children": [
10723
+ ]
10724
+ },
10271
10725
  {
10272
- "type": "text",
10726
+ "type": "div",
10273
10727
  "data": {
10274
- "tagName": "p"
10728
+ "attrID": "mk-pan-n-0-1"
10275
10729
  },
10276
- "text": "COMMERCE",
10277
10730
  "style": {
10278
10731
  "&": {
10279
- "_": {
10280
- "color": {
10281
- "token": "--mk-ink"
10282
- },
10283
- "fontSize": "58px",
10284
- "fontWeight": "600",
10285
- "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10286
- "letterSpacing": "-0.02em",
10287
- "lineHeight": "1"
10288
- },
10289
- "_t": {
10290
- "fontSize": "44px"
10732
+ "_": {}
10733
+ }
10734
+ },
10735
+ "children": [
10736
+ {
10737
+ "type": "text",
10738
+ "data": {
10739
+ "tagName": "p"
10291
10740
  },
10292
- "_m": {
10293
- "fontSize": "31px"
10741
+ "text": "02",
10742
+ "style": {
10743
+ "&": {
10744
+ "_": {
10745
+ "color": "rgb(22,24,28)",
10746
+ "fontSize": "11px",
10747
+ "letterSpacing": "0.18em",
10748
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10749
+ "fontWeight": "400"
10750
+ }
10751
+ }
10294
10752
  }
10295
10753
  }
10296
- }
10297
- }
10298
- ]
10299
- },
10300
- {
10301
- "type": "div",
10302
- "data": {
10303
- "attrID": "mk-pan-n-2"
10304
- },
10305
- "style": {
10306
- "&": {
10307
- "_": {}
10308
- }
10309
- },
10310
- "children": [
10754
+ ]
10755
+ },
10311
10756
  {
10312
- "type": "text",
10757
+ "type": "div",
10313
10758
  "data": {
10314
- "tagName": "p"
10759
+ "attrID": "mk-pan-w-0-1"
10315
10760
  },
10316
- "text": "03",
10317
10761
  "style": {
10318
10762
  "&": {
10319
- "_": {
10320
- "color": "rgb(22,24,28)",
10321
- "fontSize": "11px",
10322
- "letterSpacing": "0.18em",
10323
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10324
- "fontWeight": "400"
10763
+ "_": {}
10764
+ }
10765
+ },
10766
+ "children": [
10767
+ {
10768
+ "type": "text",
10769
+ "data": {
10770
+ "tagName": "p"
10771
+ },
10772
+ "text": "COMMERCE",
10773
+ "style": {
10774
+ "&": {
10775
+ "_": {
10776
+ "color": {
10777
+ "token": "--mk-ink"
10778
+ },
10779
+ "fontSize": "58px",
10780
+ "fontWeight": "600",
10781
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10782
+ "letterSpacing": "-0.02em",
10783
+ "lineHeight": "1"
10784
+ },
10785
+ "_t": {
10786
+ "fontSize": "44px"
10787
+ },
10788
+ "_m": {
10789
+ "fontSize": "31px"
10790
+ }
10791
+ }
10325
10792
  }
10326
10793
  }
10327
- }
10328
- }
10329
- ]
10330
- },
10331
- {
10332
- "type": "div",
10333
- "data": {
10334
- "attrID": "mk-pan-w-2"
10335
- },
10336
- "style": {
10337
- "&": {
10338
- "_": {}
10339
- }
10340
- },
10341
- "children": [
10794
+ ]
10795
+ },
10342
10796
  {
10343
- "type": "text",
10797
+ "type": "div",
10344
10798
  "data": {
10345
- "tagName": "p"
10799
+ "attrID": "mk-pan-n-0-2"
10346
10800
  },
10347
- "text": "AUTOMATION",
10348
10801
  "style": {
10349
10802
  "&": {
10350
- "_": {
10351
- "color": {
10352
- "token": "--mk-ink"
10353
- },
10354
- "fontSize": "58px",
10355
- "fontWeight": "600",
10356
- "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10357
- "letterSpacing": "-0.02em",
10358
- "lineHeight": "1"
10359
- },
10360
- "_t": {
10361
- "fontSize": "44px"
10803
+ "_": {}
10804
+ }
10805
+ },
10806
+ "children": [
10807
+ {
10808
+ "type": "text",
10809
+ "data": {
10810
+ "tagName": "p"
10362
10811
  },
10363
- "_m": {
10364
- "fontSize": "31px"
10812
+ "text": "03",
10813
+ "style": {
10814
+ "&": {
10815
+ "_": {
10816
+ "color": "rgb(22,24,28)",
10817
+ "fontSize": "11px",
10818
+ "letterSpacing": "0.18em",
10819
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10820
+ "fontWeight": "400"
10821
+ }
10822
+ }
10365
10823
  }
10366
10824
  }
10367
- }
10368
- }
10369
- ]
10370
- },
10371
- {
10372
- "type": "div",
10373
- "data": {
10374
- "attrID": "mk-pan-n-3"
10375
- },
10376
- "style": {
10377
- "&": {
10378
- "_": {}
10379
- }
10380
- },
10381
- "children": [
10825
+ ]
10826
+ },
10382
10827
  {
10383
- "type": "text",
10828
+ "type": "div",
10384
10829
  "data": {
10385
- "tagName": "p"
10830
+ "attrID": "mk-pan-w-0-2"
10386
10831
  },
10387
- "text": "04",
10388
10832
  "style": {
10389
10833
  "&": {
10390
- "_": {
10391
- "color": "rgb(22,24,28)",
10392
- "fontSize": "11px",
10393
- "letterSpacing": "0.18em",
10394
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10395
- "fontWeight": "400"
10396
- }
10834
+ "_": {}
10397
10835
  }
10398
- }
10399
- }
10400
- ]
10401
- },
10402
- {
10403
- "type": "div",
10404
- "data": {
10405
- "attrID": "mk-pan-w-3"
10406
- },
10407
- "style": {
10408
- "&": {
10409
- "_": {}
10410
- }
10411
- },
10412
- "children": [
10836
+ },
10837
+ "children": [
10838
+ {
10839
+ "type": "text",
10840
+ "data": {
10841
+ "tagName": "p"
10842
+ },
10843
+ "text": "AUTOMATION",
10844
+ "style": {
10845
+ "&": {
10846
+ "_": {
10847
+ "color": {
10848
+ "token": "--mk-ink"
10849
+ },
10850
+ "fontSize": "58px",
10851
+ "fontWeight": "600",
10852
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10853
+ "letterSpacing": "-0.02em",
10854
+ "lineHeight": "1"
10855
+ },
10856
+ "_t": {
10857
+ "fontSize": "44px"
10858
+ },
10859
+ "_m": {
10860
+ "fontSize": "31px"
10861
+ }
10862
+ }
10863
+ }
10864
+ }
10865
+ ]
10866
+ },
10867
+ {
10868
+ "type": "div",
10869
+ "data": {
10870
+ "attrID": "mk-pan-n-0-3"
10871
+ },
10872
+ "style": {
10873
+ "&": {
10874
+ "_": {}
10875
+ }
10876
+ },
10877
+ "children": [
10878
+ {
10879
+ "type": "text",
10880
+ "data": {
10881
+ "tagName": "p"
10882
+ },
10883
+ "text": "04",
10884
+ "style": {
10885
+ "&": {
10886
+ "_": {
10887
+ "color": "rgb(22,24,28)",
10888
+ "fontSize": "11px",
10889
+ "letterSpacing": "0.18em",
10890
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10891
+ "fontWeight": "400"
10892
+ }
10893
+ }
10894
+ }
10895
+ }
10896
+ ]
10897
+ },
10898
+ {
10899
+ "type": "div",
10900
+ "data": {
10901
+ "attrID": "mk-pan-w-0-3"
10902
+ },
10903
+ "style": {
10904
+ "&": {
10905
+ "_": {}
10906
+ }
10907
+ },
10908
+ "children": [
10909
+ {
10910
+ "type": "text",
10911
+ "data": {
10912
+ "tagName": "p"
10913
+ },
10914
+ "text": "AI",
10915
+ "style": {
10916
+ "&": {
10917
+ "_": {
10918
+ "color": {
10919
+ "token": "--mk-ink"
10920
+ },
10921
+ "fontSize": "58px",
10922
+ "fontWeight": "600",
10923
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10924
+ "letterSpacing": "-0.02em",
10925
+ "lineHeight": "1"
10926
+ },
10927
+ "_t": {
10928
+ "fontSize": "44px"
10929
+ },
10930
+ "_m": {
10931
+ "fontSize": "31px"
10932
+ }
10933
+ }
10934
+ }
10935
+ }
10936
+ ]
10937
+ },
10938
+ {
10939
+ "type": "div",
10940
+ "data": {
10941
+ "attrID": "mk-pan-n-0-4"
10942
+ },
10943
+ "style": {
10944
+ "&": {
10945
+ "_": {}
10946
+ }
10947
+ },
10948
+ "children": [
10949
+ {
10950
+ "type": "text",
10951
+ "data": {
10952
+ "tagName": "p"
10953
+ },
10954
+ "text": "05",
10955
+ "style": {
10956
+ "&": {
10957
+ "_": {
10958
+ "color": "rgb(22,24,28)",
10959
+ "fontSize": "11px",
10960
+ "letterSpacing": "0.18em",
10961
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10962
+ "fontWeight": "400"
10963
+ }
10964
+ }
10965
+ }
10966
+ }
10967
+ ]
10968
+ },
10969
+ {
10970
+ "type": "div",
10971
+ "data": {
10972
+ "attrID": "mk-pan-w-0-4"
10973
+ },
10974
+ "style": {
10975
+ "&": {
10976
+ "_": {}
10977
+ }
10978
+ },
10979
+ "children": [
10980
+ {
10981
+ "type": "text",
10982
+ "data": {
10983
+ "tagName": "p"
10984
+ },
10985
+ "text": "ERP",
10986
+ "style": {
10987
+ "&": {
10988
+ "_": {
10989
+ "color": {
10990
+ "token": "--mk-ink"
10991
+ },
10992
+ "fontSize": "58px",
10993
+ "fontWeight": "600",
10994
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10995
+ "letterSpacing": "-0.02em",
10996
+ "lineHeight": "1"
10997
+ },
10998
+ "_t": {
10999
+ "fontSize": "44px"
11000
+ },
11001
+ "_m": {
11002
+ "fontSize": "31px"
11003
+ }
11004
+ }
11005
+ }
11006
+ }
11007
+ ]
11008
+ },
11009
+ {
11010
+ "type": "div",
11011
+ "data": {
11012
+ "attrID": "mk-pan-n-0-5"
11013
+ },
11014
+ "style": {
11015
+ "&": {
11016
+ "_": {}
11017
+ }
11018
+ },
11019
+ "children": [
11020
+ {
11021
+ "type": "text",
11022
+ "data": {
11023
+ "tagName": "p"
11024
+ },
11025
+ "text": "06",
11026
+ "style": {
11027
+ "&": {
11028
+ "_": {
11029
+ "color": "rgb(22,24,28)",
11030
+ "fontSize": "11px",
11031
+ "letterSpacing": "0.18em",
11032
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
11033
+ "fontWeight": "400"
11034
+ }
11035
+ }
11036
+ }
11037
+ }
11038
+ ]
11039
+ },
11040
+ {
11041
+ "type": "div",
11042
+ "data": {
11043
+ "attrID": "mk-pan-w-0-5"
11044
+ },
11045
+ "style": {
11046
+ "&": {
11047
+ "_": {}
11048
+ }
11049
+ },
11050
+ "children": [
11051
+ {
11052
+ "type": "text",
11053
+ "data": {
11054
+ "tagName": "p"
11055
+ },
11056
+ "text": "SEO",
11057
+ "style": {
11058
+ "&": {
11059
+ "_": {
11060
+ "color": {
11061
+ "token": "--mk-ink"
11062
+ },
11063
+ "fontSize": "58px",
11064
+ "fontWeight": "600",
11065
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
11066
+ "letterSpacing": "-0.02em",
11067
+ "lineHeight": "1"
11068
+ },
11069
+ "_t": {
11070
+ "fontSize": "44px"
11071
+ },
11072
+ "_m": {
11073
+ "fontSize": "31px"
11074
+ }
11075
+ }
11076
+ }
11077
+ }
11078
+ ]
11079
+ },
11080
+ {
11081
+ "type": "div",
11082
+ "data": {
11083
+ "attrID": "mk-pan-n-0-6"
11084
+ },
11085
+ "style": {
11086
+ "&": {
11087
+ "_": {}
11088
+ }
11089
+ },
11090
+ "children": [
11091
+ {
11092
+ "type": "text",
11093
+ "data": {
11094
+ "tagName": "p"
11095
+ },
11096
+ "text": "07",
11097
+ "style": {
11098
+ "&": {
11099
+ "_": {
11100
+ "color": "rgb(22,24,28)",
11101
+ "fontSize": "11px",
11102
+ "letterSpacing": "0.18em",
11103
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
11104
+ "fontWeight": "400"
11105
+ }
11106
+ }
11107
+ }
11108
+ }
11109
+ ]
11110
+ },
11111
+ {
11112
+ "type": "div",
11113
+ "data": {
11114
+ "attrID": "mk-pan-w-0-6"
11115
+ },
11116
+ "style": {
11117
+ "&": {
11118
+ "_": {}
11119
+ }
11120
+ },
11121
+ "children": [
11122
+ {
11123
+ "type": "text",
11124
+ "data": {
11125
+ "tagName": "p"
11126
+ },
11127
+ "text": "SOFTWARE",
11128
+ "style": {
11129
+ "&": {
11130
+ "_": {
11131
+ "color": {
11132
+ "token": "--mk-ink"
11133
+ },
11134
+ "fontSize": "58px",
11135
+ "fontWeight": "600",
11136
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
11137
+ "letterSpacing": "-0.02em",
11138
+ "lineHeight": "1"
11139
+ },
11140
+ "_t": {
11141
+ "fontSize": "44px"
11142
+ },
11143
+ "_m": {
11144
+ "fontSize": "31px"
11145
+ }
11146
+ }
11147
+ }
11148
+ }
11149
+ ]
11150
+ },
10413
11151
  {
10414
- "type": "text",
11152
+ "type": "div",
10415
11153
  "data": {
10416
- "tagName": "p"
11154
+ "attrID": "mk-pan-n-1-0"
10417
11155
  },
10418
- "text": "AI",
10419
11156
  "style": {
10420
11157
  "&": {
10421
- "_": {
10422
- "color": {
10423
- "token": "--mk-ink"
10424
- },
10425
- "fontSize": "58px",
10426
- "fontWeight": "600",
10427
- "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10428
- "letterSpacing": "-0.02em",
10429
- "lineHeight": "1"
11158
+ "_": {}
11159
+ }
11160
+ },
11161
+ "children": [
11162
+ {
11163
+ "type": "text",
11164
+ "data": {
11165
+ "tagName": "p"
10430
11166
  },
10431
- "_t": {
10432
- "fontSize": "44px"
11167
+ "text": "01",
11168
+ "style": {
11169
+ "&": {
11170
+ "_": {
11171
+ "color": "rgb(22,24,28)",
11172
+ "fontSize": "11px",
11173
+ "letterSpacing": "0.18em",
11174
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
11175
+ "fontWeight": "400"
11176
+ }
11177
+ }
11178
+ }
11179
+ }
11180
+ ]
11181
+ },
11182
+ {
11183
+ "type": "div",
11184
+ "data": {
11185
+ "attrID": "mk-pan-w-1-0"
11186
+ },
11187
+ "style": {
11188
+ "&": {
11189
+ "_": {}
11190
+ }
11191
+ },
11192
+ "children": [
11193
+ {
11194
+ "type": "text",
11195
+ "data": {
11196
+ "tagName": "p"
10433
11197
  },
10434
- "_m": {
10435
- "fontSize": "31px"
11198
+ "text": "WEB",
11199
+ "style": {
11200
+ "&": {
11201
+ "_": {
11202
+ "color": {
11203
+ "token": "--mk-ink"
11204
+ },
11205
+ "fontSize": "58px",
11206
+ "fontWeight": "600",
11207
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
11208
+ "letterSpacing": "-0.02em",
11209
+ "lineHeight": "1"
11210
+ },
11211
+ "_t": {
11212
+ "fontSize": "44px"
11213
+ },
11214
+ "_m": {
11215
+ "fontSize": "31px"
11216
+ }
11217
+ }
10436
11218
  }
10437
11219
  }
10438
- }
10439
- }
10440
- ]
10441
- },
10442
- {
10443
- "type": "div",
10444
- "data": {
10445
- "attrID": "mk-pan-n-4"
10446
- },
10447
- "style": {
10448
- "&": {
10449
- "_": {}
10450
- }
10451
- },
10452
- "children": [
11220
+ ]
11221
+ },
11222
+ {
11223
+ "type": "div",
11224
+ "data": {
11225
+ "attrID": "mk-pan-n-1-1"
11226
+ },
11227
+ "style": {
11228
+ "&": {
11229
+ "_": {}
11230
+ }
11231
+ },
11232
+ "children": [
11233
+ {
11234
+ "type": "text",
11235
+ "data": {
11236
+ "tagName": "p"
11237
+ },
11238
+ "text": "02",
11239
+ "style": {
11240
+ "&": {
11241
+ "_": {
11242
+ "color": "rgb(22,24,28)",
11243
+ "fontSize": "11px",
11244
+ "letterSpacing": "0.18em",
11245
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
11246
+ "fontWeight": "400"
11247
+ }
11248
+ }
11249
+ }
11250
+ }
11251
+ ]
11252
+ },
11253
+ {
11254
+ "type": "div",
11255
+ "data": {
11256
+ "attrID": "mk-pan-w-1-1"
11257
+ },
11258
+ "style": {
11259
+ "&": {
11260
+ "_": {}
11261
+ }
11262
+ },
11263
+ "children": [
11264
+ {
11265
+ "type": "text",
11266
+ "data": {
11267
+ "tagName": "p"
11268
+ },
11269
+ "text": "COMMERCE",
11270
+ "style": {
11271
+ "&": {
11272
+ "_": {
11273
+ "color": {
11274
+ "token": "--mk-ink"
11275
+ },
11276
+ "fontSize": "58px",
11277
+ "fontWeight": "600",
11278
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
11279
+ "letterSpacing": "-0.02em",
11280
+ "lineHeight": "1"
11281
+ },
11282
+ "_t": {
11283
+ "fontSize": "44px"
11284
+ },
11285
+ "_m": {
11286
+ "fontSize": "31px"
11287
+ }
11288
+ }
11289
+ }
11290
+ }
11291
+ ]
11292
+ },
11293
+ {
11294
+ "type": "div",
11295
+ "data": {
11296
+ "attrID": "mk-pan-n-1-2"
11297
+ },
11298
+ "style": {
11299
+ "&": {
11300
+ "_": {}
11301
+ }
11302
+ },
11303
+ "children": [
11304
+ {
11305
+ "type": "text",
11306
+ "data": {
11307
+ "tagName": "p"
11308
+ },
11309
+ "text": "03",
11310
+ "style": {
11311
+ "&": {
11312
+ "_": {
11313
+ "color": "rgb(22,24,28)",
11314
+ "fontSize": "11px",
11315
+ "letterSpacing": "0.18em",
11316
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
11317
+ "fontWeight": "400"
11318
+ }
11319
+ }
11320
+ }
11321
+ }
11322
+ ]
11323
+ },
11324
+ {
11325
+ "type": "div",
11326
+ "data": {
11327
+ "attrID": "mk-pan-w-1-2"
11328
+ },
11329
+ "style": {
11330
+ "&": {
11331
+ "_": {}
11332
+ }
11333
+ },
11334
+ "children": [
11335
+ {
11336
+ "type": "text",
11337
+ "data": {
11338
+ "tagName": "p"
11339
+ },
11340
+ "text": "AUTOMATION",
11341
+ "style": {
11342
+ "&": {
11343
+ "_": {
11344
+ "color": {
11345
+ "token": "--mk-ink"
11346
+ },
11347
+ "fontSize": "58px",
11348
+ "fontWeight": "600",
11349
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
11350
+ "letterSpacing": "-0.02em",
11351
+ "lineHeight": "1"
11352
+ },
11353
+ "_t": {
11354
+ "fontSize": "44px"
11355
+ },
11356
+ "_m": {
11357
+ "fontSize": "31px"
11358
+ }
11359
+ }
11360
+ }
11361
+ }
11362
+ ]
11363
+ },
11364
+ {
11365
+ "type": "div",
11366
+ "data": {
11367
+ "attrID": "mk-pan-n-1-3"
11368
+ },
11369
+ "style": {
11370
+ "&": {
11371
+ "_": {}
11372
+ }
11373
+ },
11374
+ "children": [
11375
+ {
11376
+ "type": "text",
11377
+ "data": {
11378
+ "tagName": "p"
11379
+ },
11380
+ "text": "04",
11381
+ "style": {
11382
+ "&": {
11383
+ "_": {
11384
+ "color": "rgb(22,24,28)",
11385
+ "fontSize": "11px",
11386
+ "letterSpacing": "0.18em",
11387
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
11388
+ "fontWeight": "400"
11389
+ }
11390
+ }
11391
+ }
11392
+ }
11393
+ ]
11394
+ },
11395
+ {
11396
+ "type": "div",
11397
+ "data": {
11398
+ "attrID": "mk-pan-w-1-3"
11399
+ },
11400
+ "style": {
11401
+ "&": {
11402
+ "_": {}
11403
+ }
11404
+ },
11405
+ "children": [
11406
+ {
11407
+ "type": "text",
11408
+ "data": {
11409
+ "tagName": "p"
11410
+ },
11411
+ "text": "AI",
11412
+ "style": {
11413
+ "&": {
11414
+ "_": {
11415
+ "color": {
11416
+ "token": "--mk-ink"
11417
+ },
11418
+ "fontSize": "58px",
11419
+ "fontWeight": "600",
11420
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
11421
+ "letterSpacing": "-0.02em",
11422
+ "lineHeight": "1"
11423
+ },
11424
+ "_t": {
11425
+ "fontSize": "44px"
11426
+ },
11427
+ "_m": {
11428
+ "fontSize": "31px"
11429
+ }
11430
+ }
11431
+ }
11432
+ }
11433
+ ]
11434
+ },
10453
11435
  {
10454
- "type": "text",
11436
+ "type": "div",
10455
11437
  "data": {
10456
- "tagName": "p"
11438
+ "attrID": "mk-pan-n-1-4"
10457
11439
  },
10458
- "text": "05",
10459
11440
  "style": {
10460
11441
  "&": {
10461
- "_": {
10462
- "color": "rgb(22,24,28)",
10463
- "fontSize": "11px",
10464
- "letterSpacing": "0.18em",
10465
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10466
- "fontWeight": "400"
11442
+ "_": {}
11443
+ }
11444
+ },
11445
+ "children": [
11446
+ {
11447
+ "type": "text",
11448
+ "data": {
11449
+ "tagName": "p"
11450
+ },
11451
+ "text": "05",
11452
+ "style": {
11453
+ "&": {
11454
+ "_": {
11455
+ "color": "rgb(22,24,28)",
11456
+ "fontSize": "11px",
11457
+ "letterSpacing": "0.18em",
11458
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
11459
+ "fontWeight": "400"
11460
+ }
11461
+ }
10467
11462
  }
10468
11463
  }
10469
- }
10470
- }
10471
- ]
10472
- },
10473
- {
10474
- "type": "div",
10475
- "data": {
10476
- "attrID": "mk-pan-w-4"
10477
- },
10478
- "style": {
10479
- "&": {
10480
- "_": {}
10481
- }
10482
- },
10483
- "children": [
11464
+ ]
11465
+ },
10484
11466
  {
10485
- "type": "text",
11467
+ "type": "div",
10486
11468
  "data": {
10487
- "tagName": "p"
11469
+ "attrID": "mk-pan-w-1-4"
10488
11470
  },
10489
- "text": "ERP",
10490
11471
  "style": {
10491
11472
  "&": {
10492
- "_": {
10493
- "color": {
10494
- "token": "--mk-ink"
10495
- },
10496
- "fontSize": "58px",
10497
- "fontWeight": "600",
10498
- "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10499
- "letterSpacing": "-0.02em",
10500
- "lineHeight": "1"
10501
- },
10502
- "_t": {
10503
- "fontSize": "44px"
11473
+ "_": {}
11474
+ }
11475
+ },
11476
+ "children": [
11477
+ {
11478
+ "type": "text",
11479
+ "data": {
11480
+ "tagName": "p"
10504
11481
  },
10505
- "_m": {
10506
- "fontSize": "31px"
11482
+ "text": "ERP",
11483
+ "style": {
11484
+ "&": {
11485
+ "_": {
11486
+ "color": {
11487
+ "token": "--mk-ink"
11488
+ },
11489
+ "fontSize": "58px",
11490
+ "fontWeight": "600",
11491
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
11492
+ "letterSpacing": "-0.02em",
11493
+ "lineHeight": "1"
11494
+ },
11495
+ "_t": {
11496
+ "fontSize": "44px"
11497
+ },
11498
+ "_m": {
11499
+ "fontSize": "31px"
11500
+ }
11501
+ }
10507
11502
  }
10508
11503
  }
10509
- }
10510
- }
10511
- ]
10512
- },
10513
- {
10514
- "type": "div",
10515
- "data": {
10516
- "attrID": "mk-pan-n-5"
10517
- },
10518
- "style": {
10519
- "&": {
10520
- "_": {}
10521
- }
10522
- },
10523
- "children": [
11504
+ ]
11505
+ },
10524
11506
  {
10525
- "type": "text",
11507
+ "type": "div",
10526
11508
  "data": {
10527
- "tagName": "p"
11509
+ "attrID": "mk-pan-n-1-5"
10528
11510
  },
10529
- "text": "06",
10530
11511
  "style": {
10531
11512
  "&": {
10532
- "_": {
10533
- "color": "rgb(22,24,28)",
10534
- "fontSize": "11px",
10535
- "letterSpacing": "0.18em",
10536
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10537
- "fontWeight": "400"
11513
+ "_": {}
11514
+ }
11515
+ },
11516
+ "children": [
11517
+ {
11518
+ "type": "text",
11519
+ "data": {
11520
+ "tagName": "p"
11521
+ },
11522
+ "text": "06",
11523
+ "style": {
11524
+ "&": {
11525
+ "_": {
11526
+ "color": "rgb(22,24,28)",
11527
+ "fontSize": "11px",
11528
+ "letterSpacing": "0.18em",
11529
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
11530
+ "fontWeight": "400"
11531
+ }
11532
+ }
10538
11533
  }
10539
11534
  }
10540
- }
10541
- }
10542
- ]
10543
- },
10544
- {
10545
- "type": "div",
10546
- "data": {
10547
- "attrID": "mk-pan-w-5"
10548
- },
10549
- "style": {
10550
- "&": {
10551
- "_": {}
10552
- }
10553
- },
10554
- "children": [
11535
+ ]
11536
+ },
10555
11537
  {
10556
- "type": "text",
11538
+ "type": "div",
10557
11539
  "data": {
10558
- "tagName": "p"
11540
+ "attrID": "mk-pan-w-1-5"
10559
11541
  },
10560
- "text": "SEO",
10561
11542
  "style": {
10562
11543
  "&": {
10563
- "_": {
10564
- "color": {
10565
- "token": "--mk-ink"
10566
- },
10567
- "fontSize": "58px",
10568
- "fontWeight": "600",
10569
- "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10570
- "letterSpacing": "-0.02em",
10571
- "lineHeight": "1"
10572
- },
10573
- "_t": {
10574
- "fontSize": "44px"
11544
+ "_": {}
11545
+ }
11546
+ },
11547
+ "children": [
11548
+ {
11549
+ "type": "text",
11550
+ "data": {
11551
+ "tagName": "p"
10575
11552
  },
10576
- "_m": {
10577
- "fontSize": "31px"
11553
+ "text": "SEO",
11554
+ "style": {
11555
+ "&": {
11556
+ "_": {
11557
+ "color": {
11558
+ "token": "--mk-ink"
11559
+ },
11560
+ "fontSize": "58px",
11561
+ "fontWeight": "600",
11562
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
11563
+ "letterSpacing": "-0.02em",
11564
+ "lineHeight": "1"
11565
+ },
11566
+ "_t": {
11567
+ "fontSize": "44px"
11568
+ },
11569
+ "_m": {
11570
+ "fontSize": "31px"
11571
+ }
11572
+ }
10578
11573
  }
10579
11574
  }
10580
- }
10581
- }
10582
- ]
10583
- },
10584
- {
10585
- "type": "div",
10586
- "data": {
10587
- "attrID": "mk-pan-n-6"
10588
- },
10589
- "style": {
10590
- "&": {
10591
- "_": {}
10592
- }
10593
- },
10594
- "children": [
11575
+ ]
11576
+ },
10595
11577
  {
10596
- "type": "text",
11578
+ "type": "div",
10597
11579
  "data": {
10598
- "tagName": "p"
11580
+ "attrID": "mk-pan-n-1-6"
10599
11581
  },
10600
- "text": "07",
10601
11582
  "style": {
10602
11583
  "&": {
10603
- "_": {
10604
- "color": "rgb(22,24,28)",
10605
- "fontSize": "11px",
10606
- "letterSpacing": "0.18em",
10607
- "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
10608
- "fontWeight": "400"
11584
+ "_": {}
11585
+ }
11586
+ },
11587
+ "children": [
11588
+ {
11589
+ "type": "text",
11590
+ "data": {
11591
+ "tagName": "p"
11592
+ },
11593
+ "text": "07",
11594
+ "style": {
11595
+ "&": {
11596
+ "_": {
11597
+ "color": "rgb(22,24,28)",
11598
+ "fontSize": "11px",
11599
+ "letterSpacing": "0.18em",
11600
+ "fontFamily": "'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace",
11601
+ "fontWeight": "400"
11602
+ }
11603
+ }
10609
11604
  }
10610
11605
  }
10611
- }
10612
- }
10613
- ]
10614
- },
10615
- {
10616
- "type": "div",
10617
- "data": {
10618
- "attrID": "mk-pan-w-6"
10619
- },
10620
- "style": {
10621
- "&": {
10622
- "_": {}
10623
- }
10624
- },
10625
- "children": [
11606
+ ]
11607
+ },
10626
11608
  {
10627
- "type": "text",
11609
+ "type": "div",
10628
11610
  "data": {
10629
- "tagName": "p"
11611
+ "attrID": "mk-pan-w-1-6"
10630
11612
  },
10631
- "text": "SOFTWARE",
10632
11613
  "style": {
10633
11614
  "&": {
10634
- "_": {
10635
- "color": {
10636
- "token": "--mk-ink"
10637
- },
10638
- "fontSize": "58px",
10639
- "fontWeight": "600",
10640
- "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
10641
- "letterSpacing": "-0.02em",
10642
- "lineHeight": "1"
10643
- },
10644
- "_t": {
10645
- "fontSize": "44px"
11615
+ "_": {}
11616
+ }
11617
+ },
11618
+ "children": [
11619
+ {
11620
+ "type": "text",
11621
+ "data": {
11622
+ "tagName": "p"
10646
11623
  },
10647
- "_m": {
10648
- "fontSize": "31px"
11624
+ "text": "SOFTWARE",
11625
+ "style": {
11626
+ "&": {
11627
+ "_": {
11628
+ "color": {
11629
+ "token": "--mk-ink"
11630
+ },
11631
+ "fontSize": "58px",
11632
+ "fontWeight": "600",
11633
+ "fontFamily": "'Space Grotesk','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif",
11634
+ "letterSpacing": "-0.02em",
11635
+ "lineHeight": "1"
11636
+ },
11637
+ "_t": {
11638
+ "fontSize": "44px"
11639
+ },
11640
+ "_m": {
11641
+ "fontSize": "31px"
11642
+ }
11643
+ }
10649
11644
  }
10650
11645
  }
10651
- }
11646
+ ]
10652
11647
  }
10653
11648
  ]
10654
11649
  }