/* All introductory styles are scoped; no-JS and reduced-motion start uncovered. */
.brand-intro{display:none}
html.intro-pending,html.intro-pending body{overflow:hidden;overscroll-behavior:none}
.intro-pending .brand-intro{display:block;position:fixed;inset:0;z-index:10000;isolation:isolate;overflow:hidden;color:#fff;font-family:Arial,"PingFang SC",sans-serif;touch-action:none}
.intro-black,.intro-white{position:absolute;inset:0}
.intro-black{background:#000}
.intro-white{background:#fff;visibility:hidden;will-change:transform}
.intro-dot{position:absolute;left:50%;top:50%;width:2px;height:2px;margin:-1px;border-radius:50%;background:#fff;opacity:.24}
.intro-meta{position:absolute;inset:40px 48px auto;display:flex;justify-content:space-between;font:10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;overflow:hidden;visibility:hidden}
.intro-meta span:last-child{color:#858585}
.intro-identity{position:absolute;left:50%;top:46%;width:300px;height:238px;transform:translate(-50%,-50%);pointer-events:none}
.intro-symbol{position:absolute;left:98.4375px;top:3.75px;width:105px;height:116.25px;transform-origin:50% 50%;will-change:transform}
.intro-symbol__svg{display:block;width:100%;height:100%;overflow:visible}
[data-intro-piece],[data-intro-solid]{visibility:hidden}
.intro-wordmark{position:absolute;left:5.625px;top:135px;width:289.69px}
.intro-mask{overflow:hidden}
.intro-chinese{display:block;width:100%;height:auto;transform:translateY(110%)}
.intro-mask--english{margin:3.75px .94px 0}
.intro-english{display:block;width:100%;height:auto;transform:translateY(110%)}
.intro-loading{position:absolute;top:calc(46% + 156px);left:50%;width:min(300px,70vw);transform:translateX(-50%)}
.intro-line{display:block;height:1px;overflow:hidden}
.intro-line>span{display:block;width:100%;height:1px;background:#fff;transform:scaleX(0);transform-origin:left}
.intro-phase{display:block;margin-top:17px;overflow:hidden;text-align:center;font:9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.19em;color:#888}
.intro-phase>span{display:block;transform:translateY(110%)}
.intro-footer{position:absolute;inset:auto 48px 44px;display:flex;justify-content:space-between;align-items:flex-end}
.intro-counter{display:flex;align-items:flex-end;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-weight:400;font-size:clamp(64px,7.25vw,112px);line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums}
.intro-counter__window{display:block;width:.61em;height:1em;overflow:hidden;contain:paint}
.intro-counter__reel{display:block;will-change:transform}
.intro-counter__reel>span{display:block;height:1em;line-height:1}
.intro-counter__unit{margin:0 0 .48em 1.25em;font-size:10px;line-height:1;letter-spacing:.02em;color:#717171}
.intro-caption{margin:0;text-align:right;font:11px/1.8 Arial,sans-serif;letter-spacing:.16em;color:#b3b3b3}
.intro-caption>span{font:9px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;color:#747474}
.intro-hero-mask{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.intro-hero-line{display:block;will-change:transform}
.intro-pending .site-header{transition:none}
.intro-pending .hero{overflow:hidden}
.intro-pending .floating-consult{visibility:hidden}
/* The first screen carries the monochrome identity through the hand-off. */
.brand-experience .hero-kicker,.brand-experience .hero-accent{color:#fff}
.brand-experience .hero .button--primary,.brand-experience .header-consult{color:#000;background:#fff;border-color:#fff}
.brand-experience .hero .button--primary:hover,.brand-experience .header-consult:hover{background:#dedede;border-color:#dedede}
.brand-experience .hero .button--light{color:#fff;background:transparent;border-color:#ffffff70}
.brand-experience .hero .button--light:hover{background:#fff;color:#000}
.brand-experience .site-header.is-scrolled .header-consult{color:#fff;background:#111;border-color:#111}
/* Only mounted by the runtime on localhost with ?intro=preview. */
.intro-preview{position:fixed;z-index:20000;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100vw - 20px);padding:7px 10px;border:1px solid #777;border-radius:4px;background:#181818;color:#fff;font:11px/1.3 ui-monospace,monospace}
.intro-preview button{white-space:nowrap;border:1px solid #666;padding:5px 8px;background:#222;color:#fff;cursor:pointer;font:inherit}
.intro-preview input{width:120px;accent-color:#fff}
.intro-preview output{width:4em}
@media(max-width:767px){
 .intro-meta{inset:28px 24px auto;font-size:8px}
 .intro-meta span:last-child{max-width:150px;text-align:right}
 .intro-identity{transform:translate(-50%,-50%) scale(.8)}
 .intro-loading{top:calc(46% + 132px);width:240px}
 .intro-footer{inset:auto 24px max(32px,env(safe-area-inset-bottom))}
 .intro-caption{font-size:9px}
 .intro-caption>span{font-size:7px}
 .intro-counter__unit{margin-left:.8em;font-size:8px}
 .intro-preview{gap:4px;font-size:9px}
 .intro-preview input{width:70px}
 .intro-preview button{padding:5px}
}
@media(max-height:520px){
 .intro-identity{top:43%;transform:translate(-50%,-50%) scale(.65)}
 .intro-loading{top:calc(43% + 96px)}
 .intro-footer{bottom:22px}
 .intro-counter{font-size:56px}
 .intro-meta{top:22px}
}
@media(prefers-reduced-motion:reduce){
 html.intro-pending,html.intro-pending body{overflow:revert;overscroll-behavior:auto}
 .intro-pending .brand-intro{display:none}
 .intro-hero-line{transform:none!important}
}