/* Use the supplied mark itself, preserving its original disconnected branches.
   The viewport excludes the original plaque and Chinese line. Color is presentation-only. */
.brand-emblem{position:relative;display:block;flex:none;width:61px;aspect-ratio:655/625;overflow:hidden;mix-blend-mode:screen}
.brand-emblem img{position:absolute;max-width:none;width:244.27481%;height:auto;left:-78.62595%;top:-58.4%;filter:grayscale(1) brightness(1.55) contrast(1.45) brightness(.94) sepia(.1) hue-rotate(85deg);pointer-events:none}
.identity{flex-direction:row;align-items:center;gap:15px}
.landing-header .wordmark{font-size:24px;letter-spacing:2px;word-spacing:4px}
.landing-header .header-caption{font-size:14px;letter-spacing:1px}
.inner-page .brand{align-items:center;gap:14px}
.inner-page .site-header .brand-emblem{width:48px}
.inner-page .footer-brand .brand-emblem{width:64px}
.inner-page .footer-brand .brand-word{font-size:29px}
@media(max-width:1100px){.landing-header .wordmark{font-size:22px;letter-spacing:1.6px}.brand-emblem{width:55px}.identity{gap:13px}.inner-page .site-header .brand-word{font-size:20px;letter-spacing:1px}}
@media(max-width:760px){.brand-emblem{width:49px}.identity{gap:12px}.landing-header .wordmark{font-size:20px;letter-spacing:1.2px;word-spacing:3px}}
@media(max-width:480px){.brand-emblem{width:43px}.identity{gap:10px}.landing-header .wordmark{font-size:17px;letter-spacing:1.1px;word-spacing:2px}.inner-page .site-header .brand-emblem{width:36px}.inner-page .site-header .brand{gap:9px}.inner-page .site-header .brand-word{font-size:16px;letter-spacing:.8px;word-spacing:2px}.inner-page .footer-brand .brand-emblem{width:48px}.inner-page .footer-brand .brand-word{font-size:21px;letter-spacing:.5px;word-spacing:2px}}
@media(max-width:350px){.brand-emblem{width:37px}.identity{gap:9px}.landing-header .wordmark{font-size:14px;letter-spacing:1px;word-spacing:2px}.inner-page .site-header .brand-word{font-size:14px;letter-spacing:.7px}.inner-page .site-header .brand-emblem{width:32px}.inner-page .footer-brand .brand-word{font-size:18px}}
@media(max-height:500px) and (min-width:650px){.brand-emblem{width:36px}.identity{gap:11px}.landing-header .wordmark{font-size:18px;letter-spacing:1px;word-spacing:2px}}
/* Luminance masking removes the source's dark field without changing its geometry. */
@supports(mask-mode:luminance){.brand-emblem{background:#e3f2eb;mix-blend-mode:normal;mask-image:url('assets/logo-original.webp');mask-mode:luminance;mask-repeat:no-repeat;mask-size:244.27481% 248.625%;mask-position:54.49735% 39.29487%}.brand-emblem img{opacity:0}}

/* Keep the complete company name beside the mark at every viewport width. */
.identity-copy{display:flex;flex-direction:column;gap:9px;min-width:0}
.landing-header .company-name{display:block;font-size:14px;letter-spacing:1.2px;color:#d2dfdf;white-space:nowrap;line-height:1.3}
@media(max-width:760px){.identity-copy{gap:7px}.landing-header .company-name{font-size:12px;letter-spacing:.6px}}
@media(max-width:350px){.identity-copy{gap:6px}.landing-header .company-name{letter-spacing:0}}
@media(max-height:500px) and (min-width:650px){.identity-copy{gap:5px}.landing-header .company-name{font-size:12px;letter-spacing:.4px}}

/* Restore the ground stroke beneath the tree, outside the image mask. */
.brand-symbol{position:relative;display:block;flex:none;padding-bottom:1px}
.brand-symbol:after{content:"";position:absolute;left:1.5%;bottom:0;width:82%;height:2px;border-radius:1px;background:#e3f2eb}
.landing-header .wordmark{font-size:21px;letter-spacing:1.8px;word-spacing:4px}
.landing-header .identity{gap:17px}
@media(max-width:760px){.landing-header .wordmark{font-size:18px;letter-spacing:1.2px;word-spacing:2px}.landing-header .identity{gap:12px}}
@media(max-width:480px){.landing-header .wordmark{font-size:16px;letter-spacing:1px}.landing-header .identity{gap:10px}}
@media(max-width:350px){.landing-header .wordmark{font-size:14px;letter-spacing:.7px}.landing-header .identity{gap:9px}.brand-symbol:after{height:1.5px}}

/* Keep the company signature in the brand lockup, away from the main statement. */
.landing-header .identity-copy{gap:9px}
.landing-header .company-name{font-size:12px;letter-spacing:1px;color:#a9bcc3;line-height:1.3}
@media(max-width:350px){.landing-header .identity-copy{gap:7px}.landing-header .company-name{letter-spacing:0}}

/* The supplied emblem is a standalone transparent asset, with its own ground stroke. */
.landing-page .brand-symbol{display:block;width:70px;flex:none;padding:0;line-height:0}
.landing-page .brand-symbol:after{display:none}
.landing-page .brand-mark{display:block;width:100%;height:auto;max-height:82px;object-fit:contain}
.landing-page .landing-header .identity{gap:19px}
.landing-page .landing-header .identity-copy{gap:9px}
.landing-page .landing-header .company-name{font-family:"Yuein Sans","PingFang SC","Microsoft YaHei",sans-serif;font-size:17px;font-weight:500;letter-spacing:.055em;line-height:1.5;color:#e5ece8}
.landing-page .landing-header .wordmark{font-family:Barlow,sans-serif;font-size:12px;font-weight:500;letter-spacing:.16em;word-spacing:.17em;line-height:1.3;color:#9fb2bb}
@media(max-width:1100px){.landing-page .brand-symbol{width:62px}.landing-page .landing-header .identity{gap:16px}.landing-page .landing-header .company-name{font-size:16px}}
@media(max-width:760px){.landing-page .brand-symbol{width:56px}.landing-page .landing-header .identity{gap:13px}.landing-page .landing-header .company-name{font-size:14px;letter-spacing:.025em}.landing-page .landing-header .wordmark{font-size:12px;letter-spacing:.1em;word-spacing:.12em}.landing-page .landing-header .identity-copy{gap:7px}.landing-page .landing-header{gap:14px}}
@media(max-width:380px){.landing-page .brand-symbol{width:44px}.landing-page .landing-header .identity{gap:11px}.landing-page .landing-header .company-name{font-size:12px;letter-spacing:.01em}.landing-page .landing-header .wordmark{font-size:12px;letter-spacing:.04em;word-spacing:.06em}.landing-page .landing-header .identity-copy{gap:6px}.landing-page .landing-header{gap:10px}}
@media(max-height:500px) and (min-width:650px){.landing-page .brand-symbol{width:46px}.landing-page .landing-header .identity{gap:14px}.landing-page .landing-header .identity-copy{gap:5px}.landing-page .landing-header .company-name{font-size:14px}.landing-page .landing-header .wordmark{font-size:12px;letter-spacing:.1em}}