.hero-background-slider{position:relative;background:#062e61;color:#fff;isolation:isolate}
.hero-background-slider:before{content:none}
.hero-background-slider:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,25,57,.98) 0%,rgba(4,49,98,.62) 48%,rgba(0,55,81,.16) 100%);z-index:-1;transition:background .35s ease}
.hero-background-slider.hero-theme-hudu-mask{--hero-mask-axis:50%;color:#122943}
.hero-background-slider.hero-theme-hudu-mask:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--hero-mask-axis);background:#fff;z-index:-1}
.hero-background-slider.hero-theme-hudu-mask:after{inset:auto;top:0;bottom:0;left:var(--hero-mask-axis);height:100%;aspect-ratio:694/1072;background:url('/static/default/images/hudu.png') center/119% no-repeat;transform:translateX(-56.05%)}
.hero-background-slider.hero-theme-light-panel{background:#edf5fa;color:#122943}
.hero-background-slider.hero-theme-light-panel:after{display:none}
.hero-background-slider.hero-theme-factory{background:#031d43}
.hero-background-slider.hero-theme-factory:after{background:linear-gradient(90deg,#031d43 0%,#031d43 34%,rgba(3,29,67,.98) 41%,rgba(3,29,67,.86) 48%,rgba(3,29,67,.66) 56%,rgba(3,29,67,.44) 64%,rgba(3,29,67,.24) 71%,rgba(3,29,67,.1) 77%,rgba(3,29,67,0) 83%,rgba(3,29,67,0) 100%)}
.hero-bg-slider{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero-bg-slide{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transform:scale(1.03);transition:opacity .8s ease,transform 6s ease}
.hero-bg-slide-exhibition{background-position:center 12%}
.hero-bg-slide-factory{background-position:right center;background-size:auto 100%;background-repeat:no-repeat}
.hero-bg-slide.is-active{opacity:1;transform:scale(1)}
.hero-background-slider.hero-theme-light-panel .hero-bg-slide.is-active{inset:0 0 0 auto;width:50.5%;border-top-left-radius:13.5% 50%;border-bottom-left-radius:13.5% 50%}
.hero-background-slider{min-height:clamp(720px,42vw,840px)}
.hero-background-slider .hero-grid{position:relative;z-index:1;grid-template-columns:1fr;min-height:clamp(720px,42vw,840px)}
.hero-copy-track{display:grid;width:100%;max-width:700px}
.hero-copy-track .hero-copy{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:opacity .35s ease,transform .35s ease,visibility .35s ease}
.hero-copy-track .hero-copy.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.hero-background-slider .hero-copy{max-width:700px;padding:72px 0}
.hero-background-slider .hero-copy h1{max-width:700px;font-size:clamp(40px,3.6vw,54px);line-height:1.08}
.hero-background-slider .hero-copy .eyebrow{margin-bottom:18px;font-size:11px;line-height:1.5}
.hero-background-slider .hero-copy .hero-text{max-width:620px;margin:28px 0 0;font-size:16px;line-height:1.7}
.hero-background-slider .hero-copy .hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.hero-background-slider .hero-copy .hero-actions .button-ghost{margin-left:0}
.hero-background-slider .hero-copy .hero-proof{margin-top:44px}
.hero-theme-hudu-mask .hero-copy h1{color:#062e61}
.hero-theme-hudu-mask .hero-text{color:#40566d}
.hero-theme-hudu-mask .hero-service-line{border-color:#cbdce8;color:#194b78}
.hero-theme-hudu-mask .hero-service-line span{color:#00a49e}
.hero-theme-hudu-mask .button-ghost{border-color:#064da8;background:#fff;color:#064da8}
.hero-theme-hudu-mask .button-ghost:hover{border-color:#00a49e;background:#00a49e;color:#fff}
.hero-service-line{max-width:680px;margin:26px 0 0;padding:14px 0;border-top:1px solid rgba(255,255,255,.28);border-bottom:1px solid rgba(255,255,255,.28);color:#dcecf6;font-size:13px;font-weight:700;line-height:1.7}
.hero-service-line span{margin:0 8px;color:#74e5da}
.hero-copy-light-panel h1{color:#062e61}
.hero-copy-light-panel .hero-text{color:#40566d}
.hero-copy-light-panel .hero-service-line{border-color:#cbdce8;color:#194b78}
.hero-copy-light-panel .hero-service-line span{color:#00a49e}
.hero-copy-light-panel .button-ghost{border-color:#064da8;background:#fff;color:#064da8}
.hero-copy-light-panel .button-ghost:hover{border-color:#00a49e;background:#00a49e;color:#fff}
.hero-theme-light-panel .hero-switch-nav button i{background:rgba(6,77,168,.42);box-shadow:0 0 0 1px rgba(6,77,168,.18)}
.hero-theme-light-panel .hero-switch-nav button.is-active i{background:#00a49e;box-shadow:0 0 0 3px rgba(0,164,158,.2)}
.hero-switch-nav{position:absolute;z-index:10;left:50%;bottom:34px;transform:translateX(-50%);display:flex;justify-content:center;gap:12px;pointer-events:auto}
.hero-switch-nav button{width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}
.hero-switch-nav button i{display:block;width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.58);box-shadow:0 0 0 1px rgba(255,255,255,.2);transition:width .25s ease,height .25s ease,background .25s ease,transform .25s ease}
.hero-switch-nav button:hover i{background:#fff;transform:scale(1.15)}
.hero-switch-nav button.is-active i{width:13px;height:13px;background:#74e5da;box-shadow:0 0 0 3px rgba(116,229,218,.2)}
.hero-theme-hudu-mask .hero-switch-nav button i{background:rgba(6,77,168,.42);box-shadow:0 0 0 1px rgba(6,77,168,.18)}
.hero-theme-hudu-mask .hero-switch-nav button.is-active i{background:#00a49e;box-shadow:0 0 0 3px rgba(0,164,158,.2)}
@media(max-width:760px){.hero-switch-nav{bottom:20px;gap:8px}.hero-switch-nav button{width:26px;height:26px}}
@media(max-width:760px){.hero-background-slider{min-height:0}.hero-background-slider.hero-theme-hudu-mask{--hero-mask-axis:84%}.hero-background-slider .hero-grid{min-height:auto}.hero-background-slider .hero-copy{max-width:none}}
@media(max-width:760px){.hero-background-slider .hero-copy{padding:58px 0 42px}.hero-background-slider .hero-copy h1{font-size:clamp(34px,9vw,42px);line-height:1.1}.hero-background-slider .hero-copy .hero-text{max-width:80vw;margin-top:22px;font-size:14px}.hero-background-slider .hero-copy .hero-actions{margin-top:20px;gap:10px}.hero-background-slider .hero-copy .hero-proof{margin-top:34px}.hero-service-line{max-width:80vw;margin-top:20px;padding:12px 0;font-size:12px}.hero-service-line span{margin:0 4px}}
@media(max-width:760px){.hero-background-slider.hero-theme-light-panel .hero-bg-slide.is-active{width:27%;border-top-left-radius:38% 50%;border-bottom-left-radius:38% 50%}.hero-copy-light-panel .hero-text{color:#314b64}}
@media(max-width:760px){.hero-background-slider.hero-theme-hudu-mask{color:#fff}.hero-background-slider.hero-theme-hudu-mask:before{content:none}.hero-background-slider.hero-theme-hudu-mask:after{inset:0;height:auto;aspect-ratio:auto;background:linear-gradient(90deg,rgba(3,25,57,.98) 0%,rgba(4,49,98,.62) 48%,rgba(0,55,81,.16) 100%);transform:none}.hero-theme-hudu-mask .hero-copy h1{color:inherit}.hero-theme-hudu-mask .hero-text{color:#d5e4f6}.hero-theme-hudu-mask .hero-service-line{border-color:rgba(255,255,255,.28);color:#dcecf6}.hero-theme-hudu-mask .hero-service-line span{color:#74e5da}.hero-theme-hudu-mask .button-ghost{border-color:rgba(255,255,255,.5);background:transparent;color:#fff}.hero-theme-hudu-mask .hero-switch-nav button i{background:rgba(255,255,255,.58);box-shadow:0 0 0 1px rgba(255,255,255,.2)}.hero-theme-hudu-mask .hero-switch-nav button.is-active i{background:#74e5da;box-shadow:0 0 0 3px rgba(116,229,218,.2)}}
@media(prefers-reduced-motion:reduce){.hero-copy-track .hero-copy{transition:none;transform:none}}
