@font-face{font-family:HHBrand;src:url('/motions/brand-type/brand-tc.woff2') format('woff2');font-weight:700;font-display:swap}
.contact-footer .brand-type-heading{display:flex;justify-content:space-between;gap:16px;color:#b4c2b8;font:400 12px/1.7 Arial,"Microsoft JhengHei",sans-serif;letter-spacing:.035em}
.contact-footer .brand-type{position:relative;width:100%;height:clamp(190px,19.5vw,390px);margin:20px 0 6px;touch-action:pan-y;cursor:crosshair!important;isolation:isolate;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.contact-footer .brand-type *{cursor:crosshair!important}.contact-footer .brand-type:focus{outline:none}.contact-footer .brand-type:focus-visible{outline:1px solid #b4c2b8;outline-offset:8px}
.contact-footer .brand-type__text{position:absolute;inset:0;margin:0;padding:0;display:flex;justify-content:center;align-items:center;font-family:HHBrand,"PingFang TC","Microsoft JhengHei",sans-serif;font-size:clamp(44px,11.6vw,220px);font-weight:700;letter-spacing:-.04em;white-space:nowrap;line-height:1.1;color:#eee9da;pointer-events:none}
.contact-footer .brand-type__locale[lang=en]{font:400 clamp(28px,6.7vw,128px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.04em}.contact-footer .brand-type__locale[lang=en]>span+span:before{content:' '}
.contact-footer .brand-type__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}.contact-footer .brand-type.is-ready .brand-type__canvas{opacity:1}.contact-footer .brand-type.is-ready .brand-type__text{opacity:0}
.contact-footer .interaction-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:54px;color:#b4c2b8;font:400 11px/1.8 Arial,"Microsoft JhengHei",sans-serif;letter-spacing:.04em}
.contact-footer .interaction-bar p{display:flex;align-items:center;gap:10px;margin:0;font:inherit;color:inherit}.contact-footer .signal{width:4px;height:4px;border-radius:50%;background:#b4c2b8;flex:none}.contact-footer .touch-hint{display:none}.contact-footer .type-controls{display:flex;gap:14px;align-items:center;flex:none}
.contact-footer .type-controls button{border:0;background:none;color:#b4c2b8;font:400 11px/1.5 Arial,"Microsoft JhengHei",sans-serif;padding:8px 0;min-height:40px;letter-spacing:.04em;opacity:.9;touch-action:manipulation;cursor:pointer!important}.contact-footer .type-controls button *{cursor:pointer!important}.contact-footer .type-controls button:hover{color:#eee9da;opacity:1}.contact-footer .type-controls button:focus-visible{outline:2px solid #eee9da;outline-offset:5px}.contact-footer .replay-symbol{font-size:18px;vertical-align:-1px;margin-right:5px}.contact-footer .type-controls .motion-toggle{display:flex;align-items:center;justify-content:center;width:40px;min-width:40px;border:1px solid #3c5550;border-radius:50%;padding:0}.contact-footer .motion-toggle svg{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.contact-footer .play-symbol{display:none}.contact-footer [aria-pressed=true] .pause-symbol{display:none}.contact-footer [aria-pressed=true] .play-symbol{display:block}
body.hhd-type-pointer .cursor-dot{opacity:0!important}
@media(hover:none),(pointer:coarse){.contact-footer .mouse-hint{display:none}.contact-footer .touch-hint{display:inline}}
@media(max-width:699px){.contact-footer .brand-type-heading{font-size:10px;gap:10px;flex-wrap:wrap}.contact-footer .brand-type{height:clamp(254px,80vw,510px);margin-top:14px;margin-bottom:6px}.contact-footer .brand-type__text{font-size:19vw;letter-spacing:-.04em}.contact-footer .brand-type__locale>span{display:block;text-align:center}.contact-footer .brand-type__locale[lang=zh-Hant]>span:first-child{font-size:43vw}.contact-footer .brand-type__locale[lang=zh-Hant]>span:last-child{font-size:16.4vw}.contact-footer .brand-type__locale[lang=en]{font-size:13.5vw;line-height:1.5}.contact-footer .brand-type__locale[lang=en]>span+span:before{content:none}html[data-language=en] .contact-footer .brand-type{height:clamp(200px,57vw,320px)}.contact-footer .interaction-bar{font-size:10px;letter-spacing:0;gap:8px}.contact-footer .interaction-bar p{gap:7px;max-width:190px;line-height:1.8}.contact-footer .type-controls{gap:8px}.contact-footer .type-controls button{font-size:10px}.contact-footer .brand-type:focus-visible{outline-offset:4px}}