:root{--ink:#142F40;--muted:#60727D;--blue:#0A5E91;--navy:#142F40;--line:#D5E3EC;--paper:#FFFFFF;--light:#EDF4F8;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans TC",Arial,"PingFang TC","Microsoft JhengHei",sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #0A5E91;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;line-height:1.35;letter-spacing:normal}h1{font-size:clamp(42px,5.2vw,76px)}h2{font-size:clamp(30px,3.2vw,44px)}h3{font-size:23px}p{color:var(--muted)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.kicker,.tiny{font-family:"Noto Sans TC",Arial,sans-serif;font-size:11px;letter-spacing:.12em;font-weight:600;line-height:1.5}.kicker{color:var(--muted);margin-bottom:26px}.tiny{font-size:10px;letter-spacing:.08em}.fine{font-size:12px;line-height:1.9}.lede{font-size:20px;line-height:1.9;max-width:800px}.skip{position:absolute;left:20px;top:-100px;background:white;z-index:100;padding:10px}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:30;width:100%;padding:24px 42px;display:flex;align-items:center;gap:50px;background:rgba(250,251,249,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{flex-shrink:0}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:600}.site-header nav a{position:relative}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--blue)}.site-header nav a[aria-current]:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--blue);bottom:-9px;left:50%}.nav-actions{display:flex;align-items:center;gap:25px;font-size:12px}.language{border-left:1px solid var(--line);padding-left:25px}.nav-contact{background:var(--navy);color:white;padding:12px 18px;display:flex;align-items:center;gap:25px}.menu-toggle{display:none;border:0;background:none;font-size:24px;min-width:44px;min-height:44px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:690px;padding-block:64px 58px;align-items:center;gap:32px}.hero .kicker{font-size:10px;display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.hero h1{font-size:clamp(44px,4.6vw,68px);line-height:1.27;margin-bottom:28px;letter-spacing:-.055em}.hero h1 span{color:var(--blue)}.hero-desc{font-size:15px;line-height:1.95;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:26px}.button{border:1px solid var(--navy);color:white;background:var(--navy);border-radius:var(--radius);padding:14px 22px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:13px;font-weight:500;line-height:1.6;transition:background .2s,transform .2s}.button:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.button.secondary{color:var(--ink);background:transparent;border-color:var(--line)}.button.secondary:hover{background:var(--light)}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px;white-space:nowrap}.hero-art{position:relative;height:550px;border-left:1px solid var(--line);padding-left:24px}.orbit-caption,.art-bottom{position:absolute;left:24px;right:0;display:flex;justify-content:space-between;gap:15px;font-family:"Noto Sans TC",Arial,sans-serif;font-size:9px;color:var(--muted);letter-spacing:.1em}.orbit-caption{top:0}.art-bottom{bottom:0;letter-spacing:0}.art-bottom .tiny{font-size:9px}#hero-scene{position:absolute;inset:20px 0 24px 0;min-height:460px}#hero-scene canvas,#lab-scene canvas{display:block;width:100%;height:100%}.scene-fallback{position:absolute;inset:10%;border:1px solid #b5c6dc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:110px;color:var(--blue);font-family:Georgia,serif}.scene-fallback span{position:absolute;bottom:22%;font-size:9px;letter-spacing:.15em}#hero-scene[data-render-mode=webgl] .scene-fallback{display:none}.intro-strip{display:grid;grid-template-columns:1.1fr 1fr auto;gap:30px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:28px}.intro-strip p{margin:0;font-size:13px;line-height:1.7}.intro-strip>p:first-child{font-size:12px;letter-spacing:.1em;color:var(--ink);font-weight:600}.intro-strip a{font-size:12px}.section{padding-block:108px 20px}.section-head{margin-bottom:42px}.section-head .kicker{margin-bottom:20px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.section-title h2{margin:0}.section-title .text-link{margin-bottom:5px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px 34px}.work-card{min-width:0}.work-image{aspect-ratio:1.55;overflow:hidden;position:relative;background:#e4edf1}.work-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.work-card a:hover .work-image img{transform:scale(1.035)}.work-arrow{position:absolute;right:20px;bottom:20px;background:white;width:40px;height:40px;border-radius:50%;display:grid;place-content:center;font-size:20px}.work-meta{display:flex;justify-content:space-between;margin:20px 0 11px;font-family:"Noto Sans TC",Arial,sans-serif;color:var(--muted);font-size:10px;letter-spacing:.07em}.work-card h3{margin-bottom:7px;font-size:22px}.work-card p{font-size:12px;margin:0}.expertise{padding-bottom:110px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:50px 1fr 1.05fr 44px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding-block:25px;transition:padding .2s,color .2s}.service-row:hover{color:var(--blue);padding-inline:12px}.service-number{font-size:10px;color:var(--muted);font-family:"Noto Sans TC",Arial,sans-serif}.service-row h3{font-size:23px;margin:0}.service-row p{font-size:13px;margin:0}.service-open{text-align:right;font-size:24px}.ai-feature{background:var(--navy);color:white;padding-block:90px}.ai-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.ai-feature h2{font-size:48px}.ai-feature p{color:#b5bfd1;font-size:15px;max-width:450px}.ai-feature .kicker{font-size:10px;color:#a0bbdf}.ai-feature .button{margin-top:20px;color:white;border-color:#56657e}.ai-feature .button:hover{background:#22314e}.ai-diagram{border:1px solid #3c4a61;padding:36px;background:linear-gradient(130deg,rgba(73,101,139,.15),transparent);position:relative}.ai-diagram:before{content:'+';position:absolute;right:-5px;top:-14px;color:#94b1d6}.ai-diagram>.tiny{color:#8299ba}.ai-line{display:flex;align-items:center;gap:22px;border-bottom:1px solid #35445c;padding:25px 0}.ai-line>span{font-family:"Noto Sans TC",Arial,sans-serif;font-size:10px;color:#8299ba}.ai-line p{margin:0;color:#e8edf6;font-size:15px}.ai-line b{margin-left:auto;font-weight:400;color:#7c9ac4}.ai-output{margin-top:25px;display:flex;justify-content:space-between;color:#86b4ff;font-size:15px}.lab-teaser{padding-block:110px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.lab-teaser p{max-width:380px;font-size:14px}.lab-teaser .kicker{font-size:10px}.lab-teaser .button{margin-top:10px}.lab-teaser-art{height:360px;position:relative;overflow:hidden;background:#eef5f7;display:grid;place-content:center}.lab-orbit{position:absolute;inset:15% 15%;border:1px solid #9ab8e0;border-radius:50%}.o1{transform:rotate(-35deg) scaleY(.6)}.o2{transform:rotate(35deg) scaleY(.6)}.o3{transform:rotate(90deg) scaleY(.6)}.lab-teaser-art:before,.lab-teaser-art:after{content:'';position:absolute;background:#0a5e91;border-radius:50%;width:16px;height:16px;left:20%;top:60%}.lab-teaser-art:after{left:75%;top:28%;width:24px;height:24px}.lab-teaser-art strong{font:55px Georgia,serif;font-style:italic;z-index:1;letter-spacing:-.05em}.lab-teaser-art strong>span{font:25px "Noto Sans TC",Arial,sans-serif;margin-left:10px;color:var(--blue)}.lab-mini{position:absolute;bottom:22px;left:24px;letter-spacing:.1em;font:9px "Noto Sans TC",Arial,sans-serif;color:var(--muted)}.planner-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:85px}.planner-copy>p{max-width:380px;font-size:14px}.planner-copy>.fine{font-size:11px;max-width:340px}.planner-form{padding:30px;background:#eef3f5}label{display:block;font-size:12px;font-weight:600;margin-bottom:9px}input,select,textarea{width:100%;padding:12px 13px;min-height:46px;border:1px solid #ccd3dd;background:var(--paper);color:var(--ink);border-radius:2px;margin-bottom:20px;line-height:1.6}textarea{resize:vertical}.planner-form select{margin-bottom:22px;background:transparent}.planner-form>.button{width:100%}.plan-output{margin-top:24px;padding-top:24px;border-top:1px solid #cbd2dc}.plan-output h3{font-size:22px}.plan-output p{font-size:13px}.plan-output ul{padding-left:20px;font-size:13px}.plan-output .text-link{display:inline-block;margin-top:12px}.plan-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.plan-actions button,.plan-actions a{font-size:12px;gap:10px;padding:10px 14px}.contact-band{padding:70px 56px;background:#e8f0f3;display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-band>div{margin-left:max(0px,calc((100vw - 1392px)/2))}.contact-band h2{font-size:44px;margin:0}.contact-band>.button{margin-right:max(0px,calc((100vw - 1392px)/2))}footer{padding:58px 56px 20px;background:var(--paper)}.footer-top,.footer-bottom{max-width:1280px;margin-inline:auto}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding-bottom:42px}.footer-top img{width:164px}.footer-top p{margin:20px 0 0;font-size:12px}.footer-top .kicker{font-size:9px;display:block;margin-bottom:20px}.footer-top a{display:block;font-size:13px;margin-bottom:8px}.footer-top>div:last-child p{margin:0 0 10px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;gap:30px;font-size:10px;color:var(--muted)}.footer-bottom>div{display:flex;gap:24px;align-items:center}.footer-bottom button{font-size:10px;border:0;padding:0;background:none;color:var(--muted);min-height:35px}.page-intro{padding-block:90px 60px;border-bottom:1px solid var(--line)}.page-intro h1{margin-bottom:30px}.page-intro .lede{max-width:760px;font-size:18px;margin-bottom:10px}.service-index{padding-top:30px;padding-bottom:70px}.service-detail{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding-block:70px}.detail-heading p{font-size:22px}.detail-heading .button{margin-top:18px}.service-detail h2{font-size:22px;margin-top:36px;margin-bottom:14px}.service-detail h2:first-child{margin-top:0}.service-detail p{font-size:14px}.deliverables{list-style:none;padding:0;margin:0 0 48px}.deliverables li{display:flex;gap:24px;padding:17px 0;border-bottom:1px solid var(--line);font-size:15px}.deliverables span{color:var(--blue);font-size:10px;padding-top:5px}.process{padding-block:50px 70px;border-top:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px}.process-grid span{font-size:11px;color:var(--blue)}.process-grid h3{margin-top:16px}.process-grid p{font-size:14px}.callout{padding-block:20px 70px}.work-filters{display:flex;gap:12px;padding-block:35px 45px;flex-wrap:wrap}.work-filters button{font-size:12px;border:1px solid var(--line);padding:10px 20px;background:none;border-radius:50px;min-height:42px}.work-filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.work-card[hidden]{display:none}.archive-note{margin-block:35px 60px}.case-hero{margin-block:45px}.case-hero img{width:100%;max-height:700px;object-fit:contain;background:#e5edf1}.case-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;padding-block:25px 70px}.case-detail h2{font-size:30px}.case-detail .lede{font-size:18px}.case-detail h3{font-size:20px}.more-work{padding-bottom:70px}.more-work h2{font-size:28px}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:80px 100px}.about-body h2{font-size:30px}.about-body p{font-size:15px}.about-body .button{margin-top:20px}.about-statement{background:#e7f1f6;padding:65px 35px;font:clamp(28px,3.5vw,49px)/1.45 "Noto Sans TC",Arial,sans-serif;letter-spacing:normal;display:flex;flex-direction:column;justify-content:center;color:#0a5e91}.about-statement span{font-size:12px;letter-spacing:0;margin-top:30px}.contact-layout{padding-block:70px;display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.contact-layout h2{font-size:30px}.contact-large{font-size:21px;border-bottom:1px solid var(--line);padding-bottom:8px;display:inline-block;max-width:100%;word-break:break-word}.contact-layout aside>p{font-size:13px;margin-block:26px;line-height:2.2}.contact-layout aside>.fine{font-size:12px}.contact-layout aside a:hover{color:var(--blue)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.checkbox{display:flex;align-items:flex-start;font-size:11px;font-weight:400;line-height:1.8;margin-bottom:25px;gap:10px}.checkbox input{width:16px;min-height:16px;height:16px;flex-shrink:0;margin:3px 0}.checkbox a{text-decoration:underline}.wechat{border-bottom:1px solid var(--line);padding-block:12px;font-size:14px;max-width:320px}.wechat summary{cursor:pointer}.wechat img{margin-top:20px;max-width:240px}.prose{max-width:850px;padding-block:50px 90px}.prose h2{font-size:25px;margin-top:30px}.prose p{font-size:15px}.lab-layout{padding-block:70px 100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.lab-copy h2{font-size:35px}.lab-copy p{font-size:14px}.lab-actions{display:flex;gap:10px;margin-block:25px;flex-wrap:wrap}.lab-actions .button{gap:20px}.lab-game{background:#eef5f7;border:1px solid var(--line)}.lab-hud{padding:18px 22px;border-bottom:1px solid #cbdde6;display:flex;gap:10px;align-items:center;justify-content:space-between;min-height:70px}.lab-hud>span{font-size:12px;max-width:60%}.lab-hud>div{font:24px "Noto Sans TC",Arial,sans-serif;display:flex;align-items:center;gap:8px;font-variant-numeric:tabular-nums}.lab-hud small{font-size:8px;color:var(--muted);margin-right:10px}#lab-scene{height:365px;position:relative;touch-action:pan-y}#lab-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cbdde6;border-top:1px solid #cbdde6}#lab-keys button{border:0;background:#e8f1f5;padding:13px 7px;font-size:11px;min-height:49px;color:var(--ink)}#lab-keys span{font:9px "Noto Sans TC",Arial,sans-serif;margin-right:6px;color:#637ea2}#lab-keys button.is-target{background:#0a5e91;color:white}#lab-keys .is-target span{color:#c6dcff}#lab-keys button.is-hit{background:#c0e8da}#lab-keys button.is-miss{background:#f3d7ce}#lab-result{font-size:14px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);padding:12px 22px;background:var(--navy);color:white;font-size:13px;z-index:50;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.en .hero h1{font-family:Georgia,serif;font-size:80px}html[lang=en] h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.12}html[lang=en] h2{font-family:Georgia,serif;font-weight:400}html[lang=en] .hero h1{font-size:90px;line-height:1.02}html[lang=en] .service-row h3{font-size:23px;letter-spacing:-.025em}html[lang=en] .site-header{gap:24px}html[lang=en] .site-header nav{gap:22px;font-size:12px}html[lang=en] .hero .kicker{letter-spacing:.08em}.contact-preview{white-space:pre-wrap;word-break:break-word;font:12px/1.85 "Noto Sans TC",Arial,sans-serif;color:var(--muted);padding:18px;border:1px solid var(--line);background:white}.contact-confirm{border-top:1px solid var(--line);padding-top:25px;margin-top:28px}.contact-confirm h3{font-size:22px}.contact-confirm p{font-size:13px}[hidden]{display:none!important}
@media(min-width:1600px){.site-header{padding-inline:max(42px,calc((100vw - 1364px)/2))}}@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.site-header{padding:20px 30px;gap:20px}.site-header nav{gap:20px}.nav-actions{gap:18px}.language{padding-left:18px}.nav-contact{padding:10px 14px;gap:12px}.hero{gap:10px;min-height:650px;padding-block:50px}.hero-art{height:510px}.hero-actions{gap:20px}.hero-actions .button{gap:20px}.hero-actions .text-link{font-size:12px}.ai-grid,.planner-section,.contact-layout,.about-body{gap:55px}.service-row{grid-template-columns:35px 1.05fr 1fr 30px}.service-row h3{font-size:21px}.lab-teaser{gap:55px}.footer-top{gap:30px}.service-detail{gap:60px}.lab-layout{gap:35px}.lab-copy h2{font-size:29px}html[lang=en] .site-header nav{gap:15px;font-size:11px}html[lang=en] .site-header .nav-actions{gap:12px}html[lang=en] .site-header .language{padding-left:12px}html[lang=en] .nav-contact{font-size:11px}html[lang=en] .hero h1{font-size:80px}}
@media(max-width:850px){.site-header{padding:17px 24px}.site-header nav{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:24px;flex-direction:column;gap:20px}.site-header nav.is-open{display:flex}.site-header nav a[aria-current]:after{display:none}.nav-actions{margin-left:auto}.menu-toggle{display:block}.nav-contact{display:none}.language{border:0;padding:0}.hero{padding-top:45px;min-height:600px}.hero h1{font-size:47px}.hero-art{height:470px}#hero-scene{min-height:400px}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.hero-desc{font-size:13px}.orbit-caption{font-size:8px}.art-bottom .tiny{display:none}.intro-strip{grid-template-columns:1fr 1fr}.intro-strip a{display:none}.section{padding-top:75px}.section h2{font-size:32px}.service-row{grid-template-columns:25px 1fr 30px;gap:12px}.service-row p{display:none}.service-row h3{font-size:21px}.ai-grid{gap:40px}.ai-feature h2{font-size:39px}.ai-diagram{padding:25px}.ai-line{gap:13px}.ai-line p{font-size:12px}.ai-output{font-size:12px}.lab-teaser{gap:35px;padding-block:80px}.lab-teaser-art{height:320px}.planner-section{gap:40px}.planner-form{padding:23px}.contact-band{padding:55px 36px}.contact-band h2{font-size:34px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{font-size:9px}.footer-bottom>div{gap:16px}.footer-bottom>div>span{display:none}.page-intro{padding-top:65px}.service-detail,.case-detail{gap:40px}.process-grid{gap:30px}.lab-layout{grid-template-columns:1fr}.lab-copy p{max-width:620px}.lab-game{max-width:650px;width:100%;margin:auto}.lab-copy h2{font-size:34px}.contact-layout{gap:40px;grid-template-columns:.9fr 1.1fr}.contact-large{font-size:16px}.about-body{gap:40px}.about-statement{padding-inline:25px;font-size:30px}html[lang=en] .hero h1{font-size:70px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-header{padding:12px 20px}.nav-actions{gap:18px}.hero{display:flex;flex-direction:column;padding-top:42px;padding-bottom:25px;gap:30px;align-items:stretch;min-height:0}.hero h1{font-size:45px;line-height:1.3;margin-bottom:24px}.hero .kicker{font-size:8px;letter-spacing:.07em;margin-bottom:24px}.hero-desc{font-size:14px;margin-bottom:25px}.hero-actions{flex-direction:row;align-items:center;gap:22px}.hero-actions .button{padding:13px 16px;font-size:12px;gap:24px}.hero-actions .text-link{font-size:11px}.hero-art{height:345px;border-left:0;border-top:1px solid var(--line);padding-left:0;margin-top:15px}.orbit-caption{top:16px;left:0;right:0}.art-bottom{left:0;bottom:0}#hero-scene{inset:12px -10px 10px;min-height:0}.intro-strip{grid-template-columns:1fr;gap:12px;padding-block:24px}.intro-strip>p:first-child{font-size:10px;letter-spacing:.07em}.intro-strip>p:last-of-type{font-size:12px}.intro-strip br{display:none}.section{padding-top:65px}.section-head{margin-bottom:28px}.section-head .kicker{font-size:9px;margin-bottom:17px}.section-title{align-items:flex-start;gap:15px}.section-title h2,.section h2{font-size:28px}.section-title .text-link{font-size:10px;margin-top:8px}.work-grid{grid-template-columns:1fr;gap:35px}.work-card h3{font-size:21px}.work-card p{font-size:11px}.work-meta{margin-top:15px;font-size:9px}.work-image{aspect-ratio:1.45}.work-arrow{width:35px;height:35px;right:15px;bottom:15px}.expertise{padding-bottom:65px}.service-row{padding-block:23px}.service-row h3{font-size:20px}.service-row:hover{padding-inline:0}.ai-feature{padding-block:60px}.ai-grid{grid-template-columns:1fr;gap:40px}.ai-feature h2{font-size:39px}.ai-feature p{font-size:14px}.ai-diagram{padding:26px}.ai-line{padding:21px 0}.ai-line p,.ai-output{font-size:14px}.lab-teaser{grid-template-columns:1fr;gap:30px;padding-block:65px}.lab-teaser h2{font-size:33px}.lab-teaser-art{height:290px}.planner-section{grid-template-columns:1fr;padding-block:55px;gap:20px}.planner-copy h2{font-size:32px}.planner-copy>.fine{max-width:none}.planner-copy>p{max-width:none}.planner-form{padding:23px 20px}.planner-form label{font-size:11px}.contact-band{padding:45px 20px;display:block}.contact-band h2{font-size:33px;margin-bottom:25px}.contact-band .kicker{font-size:9px;margin-bottom:20px}.contact-band>.button{font-size:12px;padding:13px 19px}footer{padding:40px 20px 16px}.footer-top{gap:30px 15px;padding-bottom:30px}.footer-top img{width:155px}.footer-top p{font-size:11px;margin-top:15px}.footer-top a{font-size:11px;word-break:break-word}.footer-top .kicker{font-size:8px;margin-bottom:15px}.footer-bottom{flex-direction:column;gap:5px;font-size:9px;padding-top:15px}.footer-bottom>div{justify-content:space-between}.page-intro{padding-block:50px 35px}.page-intro h1{font-size:40px;margin-bottom:23px}.page-intro .lede{font-size:15px}.page-intro .kicker{font-size:9px;margin-bottom:22px}.service-index{padding-bottom:35px}.service-detail,.case-detail{grid-template-columns:1fr;gap:40px;padding-block:40px}.detail-heading p{font-size:20px}.service-detail h2{font-size:21px}.process{padding-block:35px}.process-grid{grid-template-columns:1fr;gap:20px}.process-grid h3{font-size:22px;margin-top:8px;margin-bottom:10px}.process-grid p{margin-bottom:0}.process-grid>div{padding-bottom:20px;border-bottom:1px solid var(--line)}.work-filters{padding-block:25px 30px;gap:8px}.work-filters button{padding:9px 14px;font-size:11px}.case-hero{margin-block:30px 0}.case-hero img{min-height:220px;object-fit:contain}.case-detail h2{font-size:26px}.case-detail .lede{font-size:16px}.case-detail .kicker{margin-bottom:14px}.case-detail>div:first-child{border-bottom:1px solid var(--line);padding-bottom:10px}.more-work{padding-bottom:45px}.more-work h2{font-size:25px}.about-body{grid-template-columns:1fr;gap:35px;padding-block:40px 55px}.about-statement{font-size:34px;padding:38px 28px;min-height:290px}.about-body h2{font-size:28px}.contact-layout{grid-template-columns:1fr;gap:40px;padding-block:40px}.contact-layout aside{border-bottom:1px solid var(--line);padding-bottom:25px}.contact-large{font-size:21px}.contact-layout aside>p{font-size:13px}.field-row{grid-template-columns:1fr;gap:0}.contact-layout label{font-size:12px}.prose{padding-block:30px 55px}.prose h2{font-size:23px}.prose p{font-size:14px}.lab-layout{padding-block:40px 55px;gap:30px}.lab-copy h2{font-size:30px}.lab-copy .kicker{font-size:9px}.lab-actions{margin-block:20px}.lab-hud{padding:15px;min-height:78px}.lab-hud>span{font-size:11px}.lab-hud>div{font-size:21px;gap:5px}.lab-hud small{margin-right:3px;font-size:7px}#lab-scene{height:300px}#lab-keys button{font-size:11px;padding:12px 5px}#lab-keys span{margin-right:4px;font-size:8px}html[lang=en] .hero h1{font-size:70px}html[lang=en] .service-row h3{font-size:22px}.contact-preview{padding:12px;font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.work-card a:hover .work-image img{transform:none}.button:hover{transform:none}}body.motion-paused{scroll-behavior:auto}
.archive-heading{margin-top:85px;padding-top:45px;border-top:1px solid var(--line)}.archive-heading h2{margin-bottom:14px}.archive-heading>p:last-child{font-size:14px}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 26px;margin-top:35px}.archive-card .work-image{aspect-ratio:1.35}.archive-card h3{font-size:19px}.archive-card .work-meta{margin-top:14px}.archive-gallery{padding-block:40px;max-width:1000px}.archive-gallery figure{margin:0 0 35px;background:#e5edf1}.archive-gallery img{width:100%;height:auto;max-height:1400px;object-fit:contain}.more-work .work-grid{margin-bottom:35px}@media(max-width:850px){.archive-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.archive-heading{margin-top:55px;padding-top:35px}.archive-heading h2{font-size:28px}.archive-grid{grid-template-columns:1fr;gap:35px}.archive-gallery{padding-block:25px}.archive-gallery figure{margin-bottom:20px}}

/* Official MacauEC 2026 VI aliases. Logo geometry lives in the supplied SVG. */
:root{--brand-blue:#0A5E91;--brand-pale:#EDF4F8;--brand-silver:#D5E3EC;--brand-cyan:#70B3CE}
.hero h1{font-weight:600}.hero-art{background:radial-gradient(ellipse at 54% 52%,#e4f0f6 0,transparent 62%)}
.hero .status-dot{box-shadow:0 0 0 4px #0a5e9110}.nav-contact,.button{background:var(--brand-blue);border-color:var(--brand-blue)}
.nav-contact:hover,.button:hover{background:var(--navy);border-color:var(--navy)}
.button.secondary{background:transparent;border-color:var(--line)}.button.secondary:hover{background:var(--brand-pale)}
.service-open{color:var(--brand-blue)}.service-row:hover{background:linear-gradient(90deg,#e8f1f555,transparent)}
.ai-feature{background:var(--navy)}.ai-feature .kicker{color:#a8cedf}.ai-feature .button{color:white;border-color:#7191a2;background:transparent}.ai-feature .button:hover{background:#20465b}
.ai-diagram{border-color:#496577;background:linear-gradient(135deg,#315c762b,transparent)}.ai-diagram:before{color:#a8cedf}.ai-line{border-color:#375363}.ai-line>span,.ai-diagram>.tiny{color:#96bbc9}.ai-line b{color:#8cbbc9}.ai-output{color:#a7d8e7}
.lab-teaser-art{background:#e8f1f5}.lab-orbit{border-color:#7da8c0}.lab-teaser-art:before,.lab-teaser-art:after{background:var(--brand-blue)}
.contact-band{background:#e4eef3;border-top:1px solid #d1e1e9}.contact-band .kicker{color:var(--brand-blue)}
.about-brand-panel{background:var(--brand-blue);padding:45px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:470px;color:white}
.about-brand-panel img{width:min(100%,440px);height:auto}.about-brand-panel>span{font-family:"Noto Sans TC",Arial,sans-serif;font-size:9px;letter-spacing:.15em;padding-top:18px;color:#c1dbe7;text-align:center}
@media(max-width:600px){.about-brand-panel{min-height:320px;padding:25px 20px}.about-brand-panel img{width:100%;max-width:340px}.about-brand-panel>span{font-size:8px;padding-top:12px}}
#lab-keys span{color:var(--muted)}#lab-keys .is-target span{color:#c6dcff}
.work-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-top:32px}.work-toolbar>div{width:min(500px,100%)}.work-toolbar label{font-size:11px;margin-bottom:8px}.work-toolbar input{margin-bottom:0;background:transparent;padding:12px 15px;min-height:48px}.work-toolbar>p{font-size:11px;color:var(--muted);margin:0 0 12px;font-variant-numeric:tabular-nums;white-space:nowrap}.work-empty{background:var(--brand-pale);padding:30px;margin-block:10px 50px;font-size:14px}.source-date{font-size:11px;color:var(--muted);margin:22px 0 0;letter-spacing:.02em}.source-date time{margin-left:12px;font-variant-numeric:tabular-nums}.related-services{margin-block:25px}.related-services .kicker{font-size:10px;margin-bottom:12px}.related-services a{font-size:13px;display:flex;gap:25px;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0;max-width:360px;color:var(--brand-blue)}.related-services a:hover{color:var(--navy)}@media(max-width:600px){.work-toolbar{display:block;margin-top:25px}.work-toolbar>div{width:100%}.work-toolbar>p{margin:12px 0 0}.source-date{margin-top:16px;font-size:10px}.work-empty{padding:22px;font-size:13px}.related-services{margin-block:20px}}
