@font-face{font-family:'Company Sans';src:url('/assets/company-zh-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Company Sans';src:url('/assets/company-zh-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Company Sans';src:url('/assets/company-zh-600.ttf') format('truetype');font-weight:600 900;font-display:swap}
html{scroll-padding-top:80px}
.company-cjk{font-family:'DM Sans','Company Sans',sans-serif!important;letter-spacing:-.035em!important}
.company-bodycopy{letter-spacing:0!important}
.company-social-label{display:grid;place-items:center;width:24px;height:24px;font:500 13px 'Company Sans',sans-serif;border:1px solid currentColor;border-radius:50%}
a[href^='mailto:'] p{overflow-wrap:anywhere;font-size:clamp(12px,1.4vw,20px)!important;letter-spacing:-.025em!important}
[data-framer-name='Awards wrapper'] img[src^='data:'],[data-framer-name='ReviewItem']>div[data-framer-background-image-wrapper],#company-collaboration [data-framer-name='Social']{display:none!important}
[data-company-metric]>:not(.company-metric),[data-company-price]>:not(.company-price),[data-company-topics]>:not(.company-topics),[data-company-follow]>:not(.company-follow-buttons){display:none!important}
#company-engagement [data-framer-name='Switcher']{display:none!important}
.company-metric{display:flex;flex-direction:column;gap:16px;justify-content:center;width:100%;min-height:150px;color:inherit}
.company-metric strong{font:500 clamp(58px,7.8vw,110px)/1 'DM Sans','Company Sans',sans-serif;letter-spacing:-.065em}
.company-metric span{font:400 13px/1.5 'Company Sans',sans-serif;opacity:.7;letter-spacing:0}
#company-facts .company-metric strong{font-size:150px;color:white}
.company-price{display:flex;flex-direction:column;gap:20px;min-height:130px;padding-top:20px}
.company-price strong{font:500 clamp(30px,3.4vw,54px)/1.2 'Company Sans',sans-serif;letter-spacing:-.055em}
.company-price span{font:400 12px/1.5 'Company Sans',sans-serif;opacity:.5}
.company-topics{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:28px;width:100%;padding:40px 20px;font:600 clamp(18px,2vw,28px)/1.3 'Company Sans',sans-serif;color:#777}
.company-follow-buttons{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding:25px 0}
.company-follow-buttons button{background:transparent;border:1px solid #777;color:inherit;padding:18px 26px;cursor:pointer;font:400 15px/1.5 'Company Sans',sans-serif;border-radius:0}
.company-follow-buttons button:hover{background:#b50a22;color:white;border-color:#b50a22}
.company-dialog{width:min(760px,calc(100vw - 32px));max-height:90dvh;border:0;border-radius:0;background:#f1f1ee;color:#111;padding:28px;box-shadow:0 20px 80px #0005;font-family:'DM Sans','Company Sans',sans-serif}
.company-dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}
.company-dialog-open{overflow:hidden}
.company-dialog-head{display:flex;gap:25px;justify-content:space-between;align-items:start;margin-bottom:26px;border-bottom:1px solid #ccc;padding-bottom:22px}
.company-dialog-head h2{font:500 clamp(19px,2.4vw,30px)/1.4 'Company Sans',sans-serif;letter-spacing:-.035em;max-width:80%;margin:0}
.company-dialog-head button{border:0;background:transparent;white-space:nowrap;cursor:pointer;padding:8px 0;color:#555;font:400 13px/1.4 'Company Sans',sans-serif}
.company-note{font:400 16px/1.9 'Company Sans',sans-serif;letter-spacing:0}
.company-note p{margin:0 0 20px}
.company-qr{text-align:center}
.company-qr img{width:min(300px,80vw);height:300px;object-fit:contain}
.company-qr p{margin:22px 0 10px;font-size:14px}
.company-demo-dialog{width:min(1420px,calc(100vw - 24px));max-height:96dvh;padding:16px;height:92dvh;overflow:hidden}
.company-demo-dialog .company-dialog-head{margin-bottom:0;padding:0 8px 10px;min-height:42px}
.company-demo-dialog .company-dialog-head h2{font-size:15px;line-height:28px}
.company-demo-dialog iframe{border:0;width:100%;height:calc(100% - 50px);background:#f7f6f2}
.company-draft{width:100%;padding:24px 0;font:400 14px/1.7 'Company Sans',sans-serif}
.company-draft textarea{width:100%;min-height:180px;display:block;margin:12px 0;border:1px solid #aaa;padding:14px;background:transparent;font:400 14px/1.7 'Company Sans',sans-serif;color:inherit}
.company-draft a,.company-draft button{display:inline-block;margin-right:20px;border:0;background:none;font:500 14px/1.6 'Company Sans',sans-serif;color:#a40923;text-decoration:underline;cursor:pointer}
@media(max-width:809px){.company-topics{justify-content:flex-start;padding:30px 20px}.company-metric strong{font-size:68px}#company-facts .company-metric strong{font-size:110px}.company-follow-buttons{gap:10px}.company-follow-buttons button{padding:14px 17px;font-size:13px}.company-dialog{padding:20px}.company-demo-dialog{padding:8px;height:96dvh;width:calc(100vw - 10px)}.company-demo-dialog .company-dialog-head h2{font-size:12px}.company-cjk{word-break:normal;overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.company-dialog::backdrop{backdrop-filter:none}}
[data-framer-name='Hero Section'] [data-framer-name='Description'] p{color:#fff!important;--framer-text-color:#fff!important;font-size:18px!important;line-height:1.6!important}
[data-framer-name='Logo ticker']{visibility:hidden!important}
[data-framer-name='Hero Section'] a,.company-social-label{color:inherit}
[data-framer-name='Hero Section'] .company-social-label{color:white}
[data-framer-name='Hero Section'] [data-framer-name='Services'] p{white-space:nowrap}
#company-contact [data-company-time]{font:400 12px/1.5 'DM Sans',sans-serif!important}
#company-follow [data-company-follow]{align-items:center!important}
@media(max-width:809px){[data-framer-name='Hero Section'] [data-framer-name='Description'] p{font-size:16px!important}}
.framer-A0uyS .framer-1fj5aq9{display:none!important}
.framer-A0uyS .framer-18hojze{gap:0!important}
[data-framer-name='Hero Section'] [data-framer-name='Description'] p{white-space:pre-line}

[data-framer-name="Hero Section"] .framer-1a6v02r p{font-size:clamp(26px,6.6vw,108px)!important}
a[href="https://behance.net"]{display:none!important}
#company-scenes .framer-xd5mhb svg,#company-scenes .framer-j6i09u svg{visibility:hidden!important}
#company-scenes .framer-xd5mhb,#company-scenes .framer-j6i09u{background:url(/assets/favicon.svg) center / contain no-repeat!important}
#company-tasks [data-framer-name="ReviewItem"] img[src^="data:"]{visibility:hidden!important}
a[data-company-qr]>:not(.company-social-label){display:none!important}
a[data-company-qr]{color:#ddd!important}
a[href^='mailto:'] p{font-size:14px!important;letter-spacing:-.025em!important;white-space:nowrap!important}
header p.company-menu-icp{display:none!important}
@media(max-width:809px){a[href^='mailto:'] p{font-size:12px!important}}
header .framer-1bnrmpw{background:url(/assets/favicon.svg) center / contain no-repeat}
header .framer-1bnrmpw svg{visibility:hidden}
@media(max-width:809px){header .framer-jelrhr p,header .framer-b5irox p,header .framer-1ekae0y p{font-size:10px!important;white-space:nowrap!important}}
#company-contact .framer-1hhp1fp-container,#company-contact .framer-1hhp1fp-container>div{width:100%!important;max-width:100%}
@media(max-width:809px){#company-contact h2{font-size:clamp(38px,12.4vw,58px)!important}}

/* Chinese headings need their full glyph height, including the reveal wrappers. */
.company-section-heading{font-family:'DM Sans','Company Sans',sans-serif!important;line-height:1.15!important;letter-spacing:-.045em!important;white-space:normal!important;word-break:keep-all}
#company-principles .framer-148fcd,#company-engagement .framer-bdi024,#company-notes .framer-10urzsu{height:auto!important;min-height:0!important;overflow:visible!important}
#company-principles .framer-14yup85,#company-engagement .framer-1a1i3km,#company-notes .framer-s47qmk{width:100%!important;height:auto!important}

/* Read these two section titles once, without clipping a moving copy at the grid. */
#company-scenes .framer-1l0x2p,#company-collaboration .framer-1hgelcp{height:auto!important;overflow:visible!important}
#company-scenes .framer-1l0x2p>ul,#company-collaboration .framer-1hgelcp>ul{transform:none!important;will-change:auto!important;height:auto!important;max-height:none!important;width:100%!important;gap:0!important}
#company-scenes .framer-1l0x2p .clone-item,#company-collaboration .framer-1hgelcp .clone-item{display:none!important}
#company-scenes .framer-1l0x2p .ticker-item,#company-collaboration .framer-1hgelcp .ticker-item{width:100%!important}
#company-scenes .framer-123yemn,#company-collaboration .framer-1h2vwm0{width:100%!important;height:auto!important;padding:0!important;overflow:visible!important}
#company-scenes .framer-guybaa,#company-collaboration .framer-1plw0mq{width:100%!important;height:auto!important}
#company-scenes .framer-1pnvlgj,[data-framer-name='Showreel'] .framer-y495kw{display:none!important}

/* About heading, label and body share the same grid column. */
#e3sqjn{--company-about-offset:33.333333%;--company-about-column:33.333333%}
#e3sqjn .framer-1s13if6{display:flex!important;justify-content:flex-start!important}
#e3sqjn .framer-82kouk{display:none!important}
#e3sqjn .framer-3cblkl-container,#e3sqjn .framer-8e69xh-container{margin-left:var(--company-about-offset)!important;width:var(--company-about-column)!important}
#e3sqjn .framer-8e69xh-container section{justify-content:flex-start!important}
#e3sqjn .framer-8e69xh-container section>div{width:100%!important;font-size:clamp(44px,3.9vw,66px)!important;line-height:1.2!important}
#e3sqjn [data-framer-name='Images'] svg,#e3sqjn .framer-1q1vv6i{display:none!important}
@media(min-width:810px) and (max-width:1199px){
  .company-section-heading{font-size:clamp(56px,7.2vw,80px)!important}
  #e3sqjn{--company-about-offset:50%;--company-about-column:50%}
  #e3sqjn .framer-8e69xh-container section>div{font-size:clamp(40px,4.8vw,54px)!important}
}
@media(max-width:809px){
  .company-section-heading{font-size:clamp(36px,13vw,60px)!important}
  #e3sqjn{--company-about-offset:20px;--company-about-column:calc(100% - 40px)}
  #e3sqjn .framer-8e69xh-container section>div{font-size:clamp(28px,7.8vw,42px)!important}
}