/* Fensyx home 0.4.14  Scroll triggers an independent travelling line */
.home-editorial{--blue:#4BABCC;--editorial-blue:var(--blue);--editorial-ink:#173646;--editorial-paper:#fff;--editorial-ease:cubic-bezier(.22,1,.36,1);background:#fff;color:var(--editorial-ink)}
.home-editorial ::selection{background:#4BABCC55;color:var(--editorial-ink)}
.home-editorial header{inset:0 0 auto;min-height:var(--header);padding-inline:var(--space);border:0;border-bottom:1px solid #c8d5da45;border-radius:0;background:#ffffffde;box-shadow:none;backdrop-filter:blur(24px);transition:background .5s,border-color .5s}
.home-editorial header .brand{font-weight:650;letter-spacing:-1px}
.home-editorial header nav{font-size:14px;gap:36px;color:#3b535f}
.home-editorial #language{border:0;border-left:1px solid #b8cbd36b;border-radius:0;padding-left:24px;color:#247b98;min-width:64px}
.home-editorial #language:hover{background:#e8f3f680}
.home-editorial[data-home-phase=content] header{background:#fffffff0;border-color:#b7c9d066}
.home-editorial .logo-intro{background:radial-gradient(ellipse at 50% 45%,#d7f6fc 0,#f2fbfd 45%,#fbfdfe 78%)}
.home-editorial .visual-tools{bottom:32px;left:var(--space);right:var(--space);display:flex;align-items:center}
.home-editorial .scroll-cue{font-size:16px;letter-spacing:0;white-space:nowrap}

/* The line reaches the Logo disappearance point only after the Logo has left */
.home-editorial .home-content{position:relative;isolation:isolate;background:linear-gradient(to bottom,#fff 0,#fff var(--flow-about-start,860px),#f3fafd var(--flow-about-start,860px),#f3fafd 100%)}
.home-editorial #home-flow{position:absolute;inset:auto 0 auto;top:calc(-1 * var(--flow-origin-pad,0px));z-index:0;display:block;width:100%;height:calc(100% + var(--flow-origin-pad,0px));overflow:hidden;pointer-events:none;fill:none;stroke:var(--blue);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.home-editorial #home-flow-path{vector-effect:non-scaling-stroke;visibility:hidden;filter:drop-shadow(0 0 4px #4BABCC66)}
body.home-editorial .hero{position:relative;z-index:1;min-height:700px;padding:98px var(--space) 86px;display:flex;align-items:center;text-align:left;background:transparent;isolation:auto;overflow:hidden}
.home-editorial .hero-copy{position:relative;width:100%;max-width:1440px;margin-inline:auto;min-width:0;pointer-events:none}
.home-editorial .hero h1{max-width:750px;margin:0!important;font-family:ui-rounded,"SF Pro Rounded",-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC",sans-serif;font-size:clamp(72px,8.4vw,128px)!important;font-weight:600;line-height:1.03!important;letter-spacing:-.055em!important;color:var(--editorial-ink);text-wrap:nowrap;pointer-events:auto}
.home-editorial .hero h1 .editorial-second{display:block;padding-left:10%;margin-top:14px;color:var(--blue);font-family:inherit;font-size:.97em;font-weight:500;line-height:1.14;letter-spacing:-.055em;transform:translateX(var(--editorial-drift,0px)) rotate(-1.2deg);transform-origin:left center}
.home-editorial .hero .intro{max-width:420px;margin:48px 0 0;font-size:18px;line-height:1.85;color:#536f7d;text-wrap:pretty;pointer-events:auto}
.home-editorial .hero .button{position:relative;gap:16px;margin-top:28px;padding:0 0 4px;min-height:48px;border:0;border-radius:0;background:none;box-shadow:none;color:var(--editorial-ink);font-size:17px;font-weight:550;pointer-events:auto;transition:opacity .8s var(--editorial-ease) var(--reveal-delay,0ms),transform .8s var(--editorial-ease) var(--reveal-delay,0ms),color .25s}
.home-editorial .hero .button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--blue);transform:scaleX(.3);transform-origin:left;transition:transform .45s var(--editorial-ease)}
.home-editorial .hero .button>span{display:inline-block;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;font-size:25px;font-weight:350;line-height:1;transition:transform .45s var(--editorial-ease)}
.home-editorial .flow-ribbon-space{position:absolute;right:0;top:0;bottom:0;width:53%;pointer-events:none}

.home-editorial .about{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(32px,6vw,100px);text-align:left;padding:82px var(--space) 60px;background:transparent;border-radius:0;isolation:auto}
.home-editorial .about h2{grid-column:1;grid-row:1;max-width:650px;font-size:clamp(31px,3.6vw,56px);font-weight:450;line-height:1.22;letter-spacing:-.05em;color:#2d444c;text-wrap:initial}
.home-editorial .about h2 span{color:#247b98;font-weight:550}
.home-editorial .about>p:not(.eyebrow){grid-column:2;grid-row:1;max-width:440px;margin:8px 0 0;font-size:16px;line-height:1.95;color:#637780;text-wrap:pretty}
.home-editorial .about .values{position:relative;grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:28px;margin-top:32px;border:0;color:#395769}
.home-editorial .value-module{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;position:relative;min-width:0;width:100%;min-height:244px;padding:16px 8px 18px;border:0;border-radius:12px;background:none;color:inherit;cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .25s,background .25s}
.home-editorial .value-module:nth-child(2){margin-top:22px}
.home-editorial .value-module:nth-child(3){margin-top:44px}
.home-editorial .value-label{font-size:clamp(20px,1.8vw,27px);font-weight:500;letter-spacing:-.035em;line-height:1.3;max-width:100%;text-wrap:balance}
.home-editorial .value-art{display:block;flex-shrink:0;width:min(100%,220px);height:auto;aspect-ratio:260/190;overflow:visible;fill:none;stroke:#4BABCC;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s var(--editorial-ease),color .25s}
.home-editorial .experience-target{fill:#4BABCC00;stroke-opacity:.5;transition:fill .3s,stroke-opacity .3s}
.home-editorial [data-value=experience][aria-pressed=true] .experience-target{fill:#4BABCC33;stroke-opacity:1}
.home-editorial .experience-ripple{opacity:0;transform-box:fill-box;transform-origin:center}
.home-editorial .design-ink{stroke-dasharray:1;stroke-dashoffset:0;opacity:.4;transition:opacity .3s}
.home-editorial .is-drawn .design-ink{opacity:1}
.home-editorial .bulb-glass{fill:#4BABCC05;transition:fill .4s,filter .4s}
.home-editorial .bulb-halo{opacity:0;transition:opacity .4s;filter:blur(8px)}
.home-editorial .bulb-rays{opacity:.4;transform-box:fill-box;transform-origin:center;transition:opacity .3s}
.home-editorial [data-value=build][aria-pressed=true] .bulb-glass{fill:#b9edf5;filter:drop-shadow(0 0 6px #4BABCC50)}
.home-editorial [data-value=build][aria-pressed=true] .bulb-halo{opacity:.55}
.home-editorial [data-value=build][aria-pressed=true] .bulb-rays{opacity:1}
.home-editorial .value-module:focus-visible{outline:2px solid #4BABCC;outline-offset:4px}
.home-editorial .value-module:active .value-art{transform:scale(.97)}
.home-editorial .about-link{grid-column:1 / -1;grid-row:3;justify-self:start;justify-content:flex-start;gap:12px;max-width:100%;min-height:62px;margin-top:28px;font-size:23px;letter-spacing:-.035em;color:#315b6d}
.home-editorial footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px 32px;padding:28px var(--space) max(28px,env(safe-area-inset-bottom,0px));background:#fff;color:#657780;border-top:1px solid #dce7eb;font-size:14px}
.home-editorial footer .footer-contact{min-width:0}
.home-editorial footer .footer-email{display:inline-flex;width:auto;align-items:center;min-height:44px;padding:0;color:#536f7d;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0;transition:color .25s}
.home-editorial footer .footer-copy-status{font-size:14px}
.home-editorial footer>.brand{width:auto;font-size:22px;font-weight:500;color:#35505e}
.home-editorial footer>span{margin-right:auto;max-width:none;font-size:14px}
.home-editorial footer>a:last-child{font-size:14px}
html[lang^=zh] .home-editorial .hero h1{font-size:clamp(68px,7.2vw,108px)!important;letter-spacing:-.04em!important;line-height:1.08!important}
html[lang^=zh] .home-editorial .hero h1 .editorial-second{font-size:.98em;letter-spacing:-.05em;line-height:1.2;padding-left:10%;margin-top:14px}
@media(hover:hover) and (pointer:fine){
.home-editorial .hero .button:hover{transform:none;background:none;box-shadow:none;color:#247b98}
.home-editorial .hero .button:hover::after{transform:scaleX(1)}
.home-editorial .hero .button:hover>span{transform:translate(4px,-3px);background:none}
.home-editorial .value-module:hover{color:#247b98}
.home-editorial .value-module:hover .value-art{transform:translateY(-4px)}
.home-editorial footer .footer-email:hover{opacity:1;color:#247b98;text-decoration-line:underline}
}
@media(max-width:1100px){
.home-editorial .hero h1{font-size:clamp(68px,8.5vw,100px)!important}
}
@media(max-width:760px){
.home-editorial header{min-height:var(--header);padding:calc(8px + env(safe-area-inset-top,0px)) var(--space) 8px}
.home-editorial header .brand{font-size:23px}
.home-editorial header nav{gap:22px;font-size:13px}
.home-editorial header .nav-settings{right:var(--space);top:calc(8px + env(safe-area-inset-top,0px))}
.home-editorial #language{min-height:40px;min-width:52px;padding-left:14px}
.home-editorial .visual-tools{bottom:max(24px,env(safe-area-inset-bottom,0px))}
.home-editorial .scroll-cue{font-size:15px}
body.home-editorial .hero{min-height:0;padding-block:66px 34px;display:flex;flex-direction:column}
.home-editorial .hero-copy{order:0}
.home-editorial .hero h1{max-width:100%;font-size:clamp(44px,10.4vw,78px)!important;letter-spacing:-.065em!important}
.home-editorial .hero h1 .editorial-second{padding-left:8%;margin-top:12px;font-size:1.05em}
.home-editorial .hero .intro{font-size:16px;max-width:100%;margin-top:24px}
.home-editorial .hero .button{gap:14px;margin-top:18px;font-size:17px}
.home-editorial .hero .button>span{font-size:25px}
.home-editorial .flow-ribbon-space{position:relative;order:1;right:auto;top:auto;bottom:auto;width:calc(100% + 2 * var(--space));height:clamp(210px,49vw,285px);margin-top:0;flex-shrink:0}
.home-editorial footer{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding-top:22px;padding-bottom:max(22px,env(safe-area-inset-bottom,0px))}
.home-editorial footer>.brand{width:auto;font-size:20px}
.home-editorial footer>span{margin-left:auto;margin-right:0;font-size:13px}
.home-editorial footer .footer-contact{grid-column:1;grid-row:2}
.home-editorial footer>a:last-child{font-size:13px}
html[lang^=zh] .home-editorial .hero h1{font-size:clamp(44px,10.7vw,80px)!important}
html[lang^=zh] .home-editorial .hero h1 .editorial-second{padding-left:8%;font-size:.96em;letter-spacing:-.03em}
}
@media(prefers-reduced-motion:reduce){
.home-editorial #home-flow{display:none}
.home-editorial header,.home-editorial .hero .button,.home-editorial .hero .button::after,.home-editorial .hero .button>span,.home-editorial .value-module,.home-editorial .value-art,.home-editorial .experience-target,.home-editorial .design-ink,.home-editorial .bulb-glass,.home-editorial .bulb-halo,.home-editorial .bulb-rays,.home-editorial footer .footer-email{transition:none}
.home-editorial .hero h1 .editorial-second{transform:none!important}
.home-editorial .hero .button:is(:hover,:active)>span,.home-editorial .value-module:hover .value-art{transform:none}
}


/* Compact compositions retain their proportions on tablets, phones and short windows. */
@media(max-width:1000px){
.home-editorial .about{grid-template-columns:minmax(0,1fr);gap:0;padding-top:66px}
.home-editorial .about h2{grid-column:1;grid-row:1;font-size:clamp(30px,4.4vw,45px)}
.home-editorial .about>p:not(.eyebrow){grid-column:1 / -1;grid-row:2;max-width:720px;margin:18px 0 0;font-size:16px;line-height:1.8}
.home-editorial .about .values{grid-column:1 / -1;grid-row:3;margin-top:28px;gap:20px}
.home-editorial .about-link{grid-column:1 / -1;grid-row:4;margin-top:24px}
.home-editorial .value-module{min-height:220px;padding-inline:0}
.home-editorial .value-label{font-size:21px}
}
@media(max-width:600px){
.home-editorial{--space:max(20px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}
.home-editorial .about{grid-template-columns:minmax(0,1fr);column-gap:0;padding-block:44px}
.home-editorial .about h2{font-size:clamp(29px,6.8vw,38px);line-height:1.3;letter-spacing:-.04em}
.home-editorial .about>p:not(.eyebrow){margin-top:12px;font-size:15px;line-height:1.85}
.home-editorial .about .values{display:flex;flex-direction:column;gap:8px;margin-top:24px}
.home-editorial .value-module:nth-child(n){display:grid;grid-template-columns:minmax(0,1fr) 122px;align-items:center;gap:12px;min-height:120px;margin:0;padding:10px 4px;text-align:left}
.home-editorial .value-label{font-size:21px;justify-self:start}
.home-editorial .value-art{width:122px;height:auto;justify-self:end}
.home-editorial .about-link{font-size:19px;min-height:54px;margin-top:24px}
.home-editorial footer{gap:8px 16px}
.home-editorial footer>span{font-size:14px}
.home-editorial footer>.brand{font-size:20px}
.home-editorial footer .footer-email{font-size:14px}
}
@media(max-height:540px) and (min-width:761px){
body.home-editorial .hero{min-height:600px;padding-block:72px 64px}
.home-editorial .hero h1{font-size:clamp(64px,7.2vw,104px)!important}
.home-editorial .hero .intro{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){.home-editorial .value-module:active .value-art{transform:none}}
