/* Shared typography: matches the homepage hero and introduction. */
:root{--site-font:Arial,"Microsoft JhengHei","PingFang TC",sans-serif;--weight-copy:400;--weight-heading:600}
body,button,input,textarea,select,h1,h2,h3,p,a,span,em,strong,header,nav,footer,div{font-family:var(--site-font)}
body,p,nav,a,button{font-weight:var(--weight-copy)}
.copy-left h1,.footer-headline,.service-type,.service-card h3,.glass-copy h2,.service-list h2 button,.service-watermark{font-weight:var(--weight-heading)}
.footer-headline em,.glass-copy h2 em{font-family:var(--site-font);font-style:normal;font-weight:inherit}
.service-count,.service-meta,.service-note,.service-card header,.service-tabs button,.glass-foot,.glass-eyebrow,.number,.detail span,.bottom,#replay,.reel-caption{font-family:var(--site-font);font-weight:var(--weight-copy)}
.footer-nav a,.contact-button,.reel-close,.service-card a{font-weight:var(--weight-copy)}
.studio-label .studio-name-zh{font-weight:700}

@font-face{font-family:"Void Hand";src:url('/assets/fonts/caveat.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
.footer-headline em,.bn-contact .handwritten{font-family:"Void Hand",cursive;font-weight:600;font-style:normal;letter-spacing:-.025em}
.footer-headline em{display:inline-block;color:#f76200;font-size:1.2em;line-height:.75;transform:rotate(-5deg);padding:0 .06em}
.bn-contact .handwritten{display:inline-block;color:#181818;font-size:1.2em;line-height:.75;transform:rotate(-5deg)}