:root{--blue:#1677d2;--navy:#102c4d;--ink:#17263a;--muted:#718096;--line:#e9eef5;--paper:#f5f8fc;--radius:12px;--shadow:0 8px 20px rgba(31,66,104,.07)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:var(--ink);font-family:"Microsoft YaHei",system-ui,sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{display:block;width:100%}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}main>section{content-visibility:auto;contain-intrinsic-size:auto 600px}
.site-header{height:76px;padding:0 max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:34px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(230,236,244,.8);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{width:44px;height:38px;border-radius:5px 13px 13px 5px;background:linear-gradient(135deg,#19b7d5,var(--blue));color:#fff;font-size:27px;font-weight:800;font-style:italic;display:grid;place-items:center;box-shadow:inset -7px 0 rgba(255,255,255,.16)}.brand strong{font-size:18px;display:block;letter-spacing:.08em}.brand small{font-size:8px;letter-spacing:.17em;color:#557087}.main-nav{display:flex;align-items:center;gap:35px;font-size:14px;font-weight:500}.main-nav a{height:76px;display:grid;place-items:center;position:relative}.main-nav a:after{content:"";position:absolute;bottom:12px;left:50%;width:0;height:2px;background:var(--blue);transition:.2s}.main-nav a:hover:after,.main-nav a.active:after{left:15%;width:70%}.main-nav a.active{color:var(--blue)}.search-button,.menu-button{border:0;background:none;font-size:25px;color:#47617c;cursor:pointer}.menu-button{display:none}
.hero{height:550px;margin-top:22px;border-radius:var(--radius);overflow:hidden;position:relative}.hero>img{height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,248,253,.98) 0%,rgba(244,248,253,.9) 32%,rgba(244,248,253,.05) 67%)}.hero-content{position:absolute;left:6.5%;top:50%;transform:translateY(-50%);max-width:460px}.eyebrow,.section-kicker{color:var(--blue);font-weight:700;font-size:12px;letter-spacing:.17em}.hero h1{font-size:54px;line-height:1.18;letter-spacing:.04em;margin:15px 0 22px;color:#112e52}.hero p:not(.eyebrow){font-size:16px;line-height:2;color:#53677e}.button{display:inline-flex;gap:16px;align-items:center;margin-top:18px;padding:12px 23px;border-radius:99px;background:var(--blue);color:#fff;font-size:14px;box-shadow:0 8px 18px rgba(22,119,210,.25)}
.intro{text-align:center;padding:55px 0 30px}.intro h2,.custom-section>h2,.products-section>h2,.news>h2{font-size:31px;margin:4px 0 8px}.intro p:last-child,.custom-section>p:last-of-type,.products-section>p:last-of-type{font-size:14px;color:var(--muted)}
.feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.feature{height:330px;position:relative;overflow:hidden;border-radius:var(--radius);background:#eef4f9}.feature>img{height:100%;object-fit:cover;transition:transform .5s}.feature:hover>img{transform:scale(1.03)}.feature-wide{grid-row:span 1}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,251,254,.97),rgba(248,251,254,.77) 46%,transparent 78%)}.feature-copy{position:absolute;left:6%;top:50%;transform:translateY(-50%);width:48%}.feature-copy h3{font-size:25px;margin:0 0 14px}.feature-copy p{font-size:13px;color:#65768a;line-height:1.9}.feature-copy a{color:var(--blue);font-size:13px;font-weight:600}.feature:nth-child(2) .feature-copy,.feature:nth-child(3) .feature-copy{width:52%}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;gap:16px}.mini-grid article{position:relative;padding:30px 35px;background:linear-gradient(135deg,#f7fafe,#eef5fb);border-radius:var(--radius);min-height:175px;overflow:hidden}.mini-grid span{position:absolute;right:18px;top:6px;font-size:66px;font-weight:800;color:rgba(22,119,210,.07)}.mini-grid h3{margin:0 0 10px;font-size:19px}.mini-grid p{font-size:13px;line-height:1.8;color:var(--muted)}
.custom-section,.products-section,.news{text-align:center;padding-top:78px}.custom-grid{display:grid;grid-template-columns:repeat(5,1fr);margin-top:35px;border-top:1px solid var(--line)}.custom-grid article{padding:26px 12px 0;border-right:1px solid var(--line)}.custom-grid article:last-child{border:0}.custom-grid b{font-size:17px}.custom-grid h3{font-size:15px;margin:3px}.custom-grid p{font-size:11px;color:var(--muted);margin:6px 0 18px}.custom-grid img{height:175px;object-fit:cover;border-radius:8px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px}.product-grid article{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 8px 25px rgba(33,70,108,.06);transition:.25s}.product-grid article:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-grid img{height:180px;object-fit:cover}.product-grid h3{font-size:16px;margin:13px 0 4px}.product-grid p{font-size:12px;color:var(--muted);margin:0 0 15px}
.banner{height:310px;position:relative;margin-top:75px;border-radius:var(--radius);overflow:hidden}.banner>img{height:100%;object-fit:cover}.banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,40,75,.95),rgba(5,40,75,.64) 55%,transparent)}.banner-copy{position:absolute;z-index:1;left:4%;top:50%;transform:translateY(-50%);color:#fff;text-align:left;max-width:650px}.banner-copy h2{font-size:27px;margin:0 0 13px}.banner-copy p{font-size:13px;opacity:.78}.banner-copy .button{font-size:12px;padding:10px 20px}
.news{padding-bottom:90px}.news-layout{display:grid;grid-template-columns:1fr 1fr 1.7fr;gap:22px;text-align:left;margin-top:30px}.news-lead img{height:165px;object-fit:cover;border-radius:9px}.news-lead h3{font-size:17px;margin:12px 0 6px}.news-lead p{font-size:12px;line-height:1.7;color:var(--muted)}.news-list{display:flex;flex-direction:column}.news-list a{font-size:13px;display:flex;justify-content:space-between;gap:20px;padding:13px 5px;border-bottom:1px solid var(--line)}.news-list a span:before{content:"•";color:var(--blue);margin-right:9px}.news-list time{font-size:11px;color:#a1acb8;white-space:nowrap}
footer{background:#f6f8fb;padding:55px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:45px}.footer-brand p{font-size:13px;color:#718096;margin-top:20px}.footer-grid h4{font-size:14px;margin:5px 0 15px}.footer-grid>div>a{display:block;font-size:12px;color:#758599;margin:9px 0}.copyright{text-align:center;border-top:1px solid #e5eaf0;margin:45px auto 0;padding-top:20px;font-size:11px;color:#9aa6b2;max-width:1180px}
.editor-panel{position:fixed;z-index:50;right:18px;bottom:18px;display:flex;gap:6px;padding:8px;border-radius:13px;background:rgba(15,38,64,.95);box-shadow:0 12px 32px rgba(0,0,0,.24);backdrop-filter:blur(12px)}.editor-panel button,.import-label{border:0;padding:9px 12px;border-radius:8px;background:#fff;color:#25415f;font:600 12px inherit;cursor:pointer}.editor-panel .editor-primary{background:var(--blue);color:#fff}.import-label input{display:none}.editing [data-editable]{outline:1px dashed rgba(22,119,210,.55);outline-offset:3px;cursor:text}.editing [data-editable]:hover{outline:2px solid var(--blue);background:rgba(22,119,210,.06)}.editing [data-editable-image]{cursor:pointer;outline:3px dashed var(--blue);outline-offset:-5px}.editing [data-editable-image]:hover{filter:brightness(.78)}#toast{position:fixed;left:50%;bottom:80px;z-index:60;transform:translate(-50%,20px);padding:11px 18px;border-radius:9px;background:#172d45;color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:10px 24px 22px;box-shadow:0 15px 25px rgba(0,0,0,.08)}.main-nav.open{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.main-nav a{height:45px}.menu-button{display:block;order:3}.search-button{display:none}.hero{height:480px}.hero h1{font-size:44px}.custom-grid{grid-template-columns:repeat(3,1fr)}.custom-grid article:nth-child(3){border-right:0}.custom-grid article{border-bottom:1px solid var(--line)}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 24px,1180px)}.site-header{height:66px;padding:0 15px}.main-nav{top:66px}.hero{margin-top:12px;height:500px}.hero>img{object-position:65% center}.hero-overlay{background:linear-gradient(0deg,rgba(242,247,252,.98),rgba(242,247,252,.28))}.hero-content{left:8%;right:8%;top:auto;bottom:8%;transform:none}.hero h1{font-size:37px;margin:8px 0}.hero p:not(.eyebrow){font-size:13px;line-height:1.7}.feature-grid{grid-template-columns:1fr}.feature{height:300px}.mini-grid{grid-template-columns:1fr}.custom-grid{grid-template-columns:repeat(2,1fr)}.custom-grid article:nth-child(3){border-right:1px solid var(--line)}.custom-grid article:nth-child(even){border-right:0}.product-grid{gap:10px}.product-grid img{height:130px}.banner{height:360px}.banner-copy{left:7%;right:7%}.banner-copy h2{font-size:23px}.news-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.editor-panel{left:8px;right:8px;bottom:8px;overflow-x:auto}.editor-panel button,.import-label{flex:1;white-space:nowrap}.intro h2,.custom-section>h2,.products-section>h2,.news>h2{font-size:27px}}
.admin-link{border:0;padding:9px 12px;border-radius:8px;background:#1677d2;color:#fff;font:600 12px inherit;cursor:pointer;white-space:nowrap}
.editor-panel,#toast,#imageInput{display:none!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.site-header,.editor-panel{backdrop-filter:none!important}

/* CMS layout controls and unified navigation */
:root{--section-gap:64px}
.brand-logo{width:210px;height:58px;object-fit:contain;object-position:left center}.main-nav{gap:48px}
.container{width:min(var(--module-width,1180px),calc(100% - 40px))}
main>section[data-cms-module]{content-visibility:auto;contain-intrinsic-size:auto 600px;min-height:var(--module-min-height,auto);margin-top:var(--module-margin-top,var(--section-gap));margin-bottom:var(--module-margin-bottom,0);padding-top:var(--module-padding-top,0);padding-bottom:var(--module-padding-bottom,0)}
main>section[data-cms-module]:first-child{margin-top:22px}.custom-section,.products-section,.news{padding-top:0}
footer[data-cms-module]{margin-top:var(--module-margin-top,var(--section-gap));min-height:var(--module-min-height,auto);padding-top:var(--module-padding-top,55px);padding-bottom:var(--module-padding-bottom,25px)}
.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:70px}.footer-nav a,.footer-contact a{display:block}
[data-cms-module] h1,[data-cms-module] h2,[data-cms-module] h3,[data-cms-module] h4{transition:transform .25s ease,color .25s ease,text-shadow .25s ease}
[data-cms-module]:hover h1,[data-cms-module]:hover>h2,[data-cms-module]:hover .feature-copy h3,[data-cms-module]:hover .banner-copy h2{transform:scale(1.025);color:var(--blue);text-shadow:0 5px 18px rgba(22,119,210,.14)}
@media(max-width:650px){.brand-logo{width:158px;height:48px}.main-nav{gap:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}

/* Homepage header and footer logos: 2x */
.home-page>.site-header{height:132px}
.home-page>.site-header .brand-logo,
.home-page>footer .brand-logo{width:420px;height:116px;max-width:none}
.home-page>.site-header .main-nav a{height:132px}
.home-page>footer .footer-grid{grid-template-columns:minmax(420px,2fr) repeat(4,1fr)}
@media(max-width:950px){
  .home-page>.site-header .main-nav{top:132px}
  .home-page>footer .footer-grid{grid-template-columns:minmax(420px,2fr) repeat(2,1fr)}
}
@media(max-width:650px){
  .home-page>.site-header{height:106px}
  .home-page>.site-header .brand-logo,
  .home-page>footer .brand-logo{width:316px;height:96px}
  .home-page>.site-header .main-nav{top:106px}
.home-page>footer .footer-grid{grid-template-columns:1fr 1fr}
}

/* Unified homepage/secondary-page logo sizing */
body>.site-header{height:132px}
body>.site-header .brand-logo,
body>footer .brand-logo{width:420px;height:116px;max-width:none}
body>.site-header .main-nav a{height:132px}
body>footer .footer-grid{grid-template-columns:minmax(420px,2fr) repeat(4,1fr)}
@media(max-width:950px){
  body>.site-header .main-nav{top:132px}
  body>footer .footer-grid{grid-template-columns:minmax(420px,2fr) repeat(2,1fr)}
}
@media(max-width:650px){
  body>.site-header{height:106px}
  body>.site-header .brand-logo,
  body>footer .brand-logo{width:316px;height:96px}
  body>.site-header .main-nav{top:106px}
  body>footer .footer-grid{grid-template-columns:1fr 1fr}
}
main>section{min-height:var(--module-min-height,auto);margin-top:var(--module-margin-top,var(--section-gap));margin-bottom:var(--module-margin-bottom,0);padding-top:var(--module-padding-top,0);padding-bottom:var(--module-padding-bottom,0)}
[data-cms-module]{color:var(--module-text-color,inherit)}[data-cms-module] .section-kicker{color:var(--module-accent-color,#0081cc)}

/* Unified clickable card interaction */
[data-cms-module]:hover h1,[data-cms-module]:hover>h2,[data-cms-module]:hover .feature-copy h3,[data-cms-module]:hover .banner-copy h2{transform:none;color:inherit;text-shadow:none}
.detail-card{--card-hover-color:var(--module-hover-color,#0081cc);position:relative;cursor:pointer;border:1px solid transparent;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease;outline:none}
.detail-card img{transition:transform .3s ease,filter .3s ease}.detail-card h3,.detail-card h4,.detail-card p,.detail-card span{transition:color .25s ease,transform .25s ease}
.detail-card:hover,.detail-card:focus-visible{transform:translateY(-5px);border-color:var(--card-hover-color)!important;background-color:color-mix(in srgb,var(--card-hover-color) 4%,white)!important;box-shadow:0 14px 30px color-mix(in srgb,var(--card-hover-color) 14%,transparent)!important}
.detail-card:hover img,.detail-card:focus-visible img{transform:translateY(-7px) scale(1.025);filter:saturate(1.08)}
.detail-card:hover h3,.detail-card:hover h4,.detail-card:focus-visible h3,.detail-card:focus-visible h4{color:var(--card-hover-color)!important;transform:scale(1.025)}
.detail-card:active{transform:translateY(-2px) scale(.99);background:#edf7ff!important}
.feature.detail-card{border-radius:var(--radius);overflow:hidden}.feature.detail-card:hover .feature-copy h3{color:var(--card-hover-color)!important}.news-list>a.detail-card{padding-left:10px;padding-right:10px;border-radius:7px}.news-list>a.detail-card:hover span{color:var(--card-hover-color)}
.hero.detail-card,.banner.detail-card{overflow:hidden;border-radius:var(--radius)}.hero.detail-card:hover,.hero.detail-card:focus-visible,.banner.detail-card:hover,.banner.detail-card:focus-visible{border-color:transparent!important;background:transparent!important;box-shadow:none!important}.hero.detail-card:hover>img,.banner.detail-card:hover>img{transform:translateY(-4px) scale(1.018)}.hero.detail-card:hover h1,.banner.detail-card:hover h2{color:var(--card-hover-color)!important;text-shadow:none}.banner.detail-card:hover .button,.hero.detail-card:hover .button{transform:translateY(-2px);box-shadow:none}

/* Full-width banners and image-first content cards */
.hero.container,.banner.container{width:100%;max-width:none;border-radius:0;margin-left:0;margin-right:0}.hero{margin-top:0;height:min(720px,calc(100vh - 78px))}.banner{height:430px}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,310px);gap:18px}.feature{height:auto!important;border-radius:0}.feature:nth-child(1),.feature:nth-child(4){grid-column:span 2}.feature .shade{background:linear-gradient(0deg,rgba(5,20,38,.82),rgba(5,20,38,.04) 72%)}.feature-copy,.feature:nth-child(2) .feature-copy,.feature:nth-child(3) .feature-copy{left:5%;right:5%;top:auto;bottom:6%;transform:none;width:auto;color:#fff}.feature-copy h3{font-size:21px;color:#fff;margin-bottom:7px}.feature-copy p{font-size:12px;line-height:1.6;color:rgba(255,255,255,.8);margin:0 0 7px}.feature-copy a{font-size:12px;color:#fff}.mini-grid{width:100%;max-width:none;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.mini-grid article{height:360px;padding:0;border-radius:0;background:#101c28}.mini-grid article>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mini-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,17,31,.88),transparent 68%)}.mini-grid article>div{position:absolute;z-index:2;left:28px;right:28px;bottom:24px;color:#fff;text-align:left}.mini-grid span{z-index:2;color:rgba(255,255,255,.72);font-size:13px;top:20px;right:22px}.mini-grid h3{font-size:18px;margin:0 0 6px}.mini-grid p{font-size:12px;color:rgba(255,255,255,.75);margin:0}.custom-grid{gap:14px;border:0}.custom-grid article,.product-grid article{position:relative;padding:0;border:0!important;border-radius:0;background:#132536;min-height:250px;overflow:hidden;box-shadow:none}.custom-grid img,.product-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}.custom-grid article:after,.product-grid article:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,19,34,.84),transparent 65%)}.custom-grid b,.custom-grid h3,.custom-grid p,.product-grid h3,.product-grid p{position:relative;z-index:2;color:#fff}.custom-grid b{display:block;text-align:left;padding:17px}.custom-grid h3,.custom-grid p,.product-grid h3,.product-grid p{position:absolute;left:18px;right:18px;text-align:left}.custom-grid h3,.product-grid h3{bottom:37px;font-size:15px;margin:0}.custom-grid p,.product-grid p{bottom:15px;font-size:11px;margin:0;color:rgba(255,255,255,.75)}
@media(max-width:950px){.feature-grid{grid-template-columns:1fr 1fr}.feature:nth-child(1),.feature:nth-child(4){grid-column:span 1}.mini-grid{grid-template-columns:1fr 1fr}.custom-grid article,.product-grid article{min-height:230px}}
@media(max-width:650px){.hero{height:540px}.banner{height:380px}.feature-grid,.mini-grid{grid-template-columns:1fr;grid-template-rows:auto}.feature,.mini-grid article{height:310px!important}.custom-grid article,.product-grid article{min-height:210px}}

/* One shared Huawei-style content boundary for every homepage grid */
.feature-grid,.mini-grid,.custom-section,.products-section,.news{width:min(1180px,calc(100% - 40px));max-width:1180px;margin-left:auto;margin-right:auto}
.mini-grid{margin-top:18px}
@media(max-width:650px){.feature-grid,.mini-grid,.custom-section,.products-section,.news{width:calc(100% - 24px)}}

/* Approved homepage hierarchy: customization 3+2, products 4x2 */
.custom-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:32px}
.custom-grid article{width:100%;min-height:285px}
.custom-grid article:nth-child(1){grid-column:1/span 2}
.custom-grid article:nth-child(2){grid-column:3/span 2}
.custom-grid article:nth-child(3){grid-column:5/span 2}
.custom-grid article:nth-child(4){grid-column:1/span 3;min-height:305px}
.custom-grid article:nth-child(5){grid-column:4/span 3;min-height:305px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:30px}
.product-grid article{width:100%;min-height:250px}
@media(max-width:950px){.custom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.custom-grid article:nth-child(n){grid-column:auto;min-height:250px}.custom-grid article:last-child{grid-column:1/-1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.custom-grid,.product-grid{grid-template-columns:1fr;gap:14px}.custom-grid article:nth-child(n),.product-grid article{grid-column:1;min-height:240px}}

/* Unified rounded corners for every homepage image card */
.feature,.mini-grid article,.custom-grid article,.product-grid article{border-radius:12px!important}

/* Reference button styles */
.hero .button{min-width:255px;justify-content:center;padding:17px 42px;border:1px solid #202020;border-radius:0;background:rgba(255,255,255,.18);color:#171717;font-size:20px;font-weight:400;box-shadow:none;backdrop-filter:blur(2px)}
.hero .button b{display:none}.hero .button:hover{background:#fff;color:#000;transform:none!important}
.banner-copy .button{min-width:255px;justify-content:center;padding:16px 42px;border:0;border-radius:0;background:#d7000f;color:#fff;font-size:20px;font-weight:400;box-shadow:none}
.banner-copy .button:hover{background:#bd000d;transform:none!important}

/* Homepage cards reveal the detail action only on hover */
.feature-copy a{display:none}.feature,.mini-grid article,.custom-grid article,.product-grid article{isolation:isolate;transition:transform .28s ease,box-shadow .28s ease}
.feature:before,.mini-grid article:before,.custom-grid article:before,.product-grid article:before{content:"了解更多  ›";position:absolute;z-index:5;left:5%;bottom:16px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.02em;opacity:0;transform:translateY(9px);transition:opacity .25s ease,transform .25s ease;pointer-events:none}
.feature:before,.mini-grid article:before{left:28px}.feature:hover:before,.mini-grid article:hover:before,.custom-grid article:hover:before,.product-grid article:hover:before{opacity:1;transform:translateY(0)}
.feature:hover,.mini-grid article:hover,.custom-grid article:hover,.product-grid article:hover{box-shadow:0 18px 34px rgba(0,0,0,.24)!important}
.feature .shade{transition:background .28s ease}.feature:hover .shade{background:linear-gradient(0deg,rgba(2,12,24,.94),rgba(2,12,24,.06) 78%)}
.mini-grid article:after,.custom-grid article:after,.product-grid article:after{transition:background .28s ease}.mini-grid article:hover:after,.custom-grid article:hover:after,.product-grid article:hover:after{background:linear-gradient(0deg,rgba(2,12,24,.96),rgba(2,12,24,.04) 78%)}
.feature-copy,.mini-grid article>div,.custom-grid h3,.custom-grid p,.product-grid h3,.product-grid p{transition:bottom .28s ease}
.feature:hover .feature-copy{bottom:54px}.mini-grid article:hover>div{bottom:55px}.custom-grid article:hover h3,.product-grid article:hover h3{bottom:68px}.custom-grid article:hover p,.product-grid article:hover p{bottom:46px}
@media(max-width:650px){.hero .button,.banner-copy .button{min-width:190px;padding:13px 30px;font-size:17px}.feature:before,.mini-grid article:before,.custom-grid article:before,.product-grid article:before{opacity:1;transform:none}.feature .feature-copy{bottom:52px}.mini-grid article>div{bottom:52px}.custom-grid h3,.product-grid h3{bottom:66px}.custom-grid p,.product-grid p{bottom:44px}}
.feature.detail-card:hover h3,.mini-grid .detail-card:hover h3,.custom-grid .detail-card:hover h3,.product-grid .detail-card:hover h3{color:#fff!important}

/* Keep only the new dark hover interaction: no blue hover state */
.hero.detail-card:hover,.hero.detail-card:focus-visible,.feature.detail-card:hover,.feature.detail-card:focus-visible{border-color:transparent!important;background-color:transparent!important}
.hero.detail-card:hover h1,.hero.detail-card:focus-visible h1{color:#112e52!important;text-shadow:none!important;transform:none!important}
.feature.detail-card:hover h3,.feature.detail-card:focus-visible h3{color:#fff!important}
.hero-content{max-width:760px}.hero h1{white-space:nowrap;font-size:clamp(38px,3.2vw,54px)}
@media(max-width:650px){.hero h1{font-size:clamp(24px,7vw,30px);white-space:nowrap;letter-spacing:0}.hero-content{left:6%;right:6%;max-width:none}}

/* Definitive neutral hover state for the four recommendation cards */
#solutions .feature.detail-card:hover,#solutions .feature.detail-card:focus-visible{--card-hover-color:#fff;border-color:transparent!important;background-color:transparent!important}
#solutions .feature.detail-card:hover .feature-copy h3,#solutions .feature.detail-card:focus-visible .feature-copy h3{color:#fff!important;text-shadow:none!important}
#solutions .feature.detail-card:hover .feature-copy p,#solutions .feature.detail-card:focus-visible .feature-copy p{color:rgba(255,255,255,.8)!important}
#solutions .feature.detail-card:hover img,#solutions .feature.detail-card:focus-visible img{filter:none!important}

/* Balance recommendation and service-card visual importance */
.feature-grid{grid-template-rows:repeat(2,330px)}
.mini-grid article{height:330px}

/* Compact red CTA, matching the reference proportion */
.banner-copy .button{min-width:184px;padding:11px 30px;font-size:14px;line-height:1.4}
@media(max-width:650px){.banner-copy .button{min-width:160px;padding:10px 24px;font-size:14px}}

/* Scene-practice banner: no card hover effect, only darken the red CTA */
.banner.detail-card:hover,.banner.detail-card:focus-visible{transform:none!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important}
.banner.detail-card:hover>img,.banner.detail-card:focus-visible>img{transform:none!important;filter:none!important}
.banner.detail-card:hover .banner-copy h2,.banner.detail-card:focus-visible .banner-copy h2{color:#fff!important;transform:none!important;text-shadow:none!important}
.banner.detail-card:hover .banner-copy p,.banner.detail-card:focus-visible .banner-copy p{color:inherit!important;transform:none!important}
.banner.detail-card:hover .banner-copy,.banner.detail-card:focus-visible .banner-copy{transform:translateY(-50%)!important}
.banner-copy .button:hover,.banner-copy .button:focus-visible{background:#9f000b!important;color:#fff!important;transform:none!important;box-shadow:none!important}

/* Align every homepage card title, description and revealed CTA to one left edge */
.feature-copy{left:28px!important;right:28px!important;width:auto!important;text-align:left!important}
.feature:before{left:28px!important}
.mini-grid article>div{left:28px!important;right:28px!important;text-align:left!important}
.mini-grid article:before{left:28px!important}
.custom-grid h3,.custom-grid p,.product-grid h3,.product-grid p{left:24px!important;right:24px!important;text-align:left!important}
.custom-grid article:before,.product-grid article:before{left:24px!important}
.feature-copy h3,.feature-copy p,.mini-grid h3,.mini-grid p,.custom-grid h3,.custom-grid p,.product-grid h3,.product-grid p{text-align:left!important}

/* Compact homepage hero CTA */
.hero .button{min-width:184px;padding:11px 30px;font-size:14px;line-height:1.4}
@media(max-width:650px){.hero .button{min-width:150px;padding:10px 24px;font-size:14px}}

/* Recommendation hierarchy: one full-width card, then three equal cards */
.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,330px)}
.feature-grid .feature:nth-child(1){grid-column:1/-1;grid-row:1}
.feature-grid .feature:nth-child(2),.feature-grid .feature:nth-child(3),.feature-grid .feature:nth-child(4){grid-column:span 1;grid-row:2}

/* Final left-alignment audit for every interactive homepage card */
.feature-grid .feature-copy,.mini-grid article>div{left:28px!important;right:28px!important;text-align:left!important;align-items:flex-start!important}
.feature-grid .feature:before,.mini-grid article:before{left:28px!important}
.custom-grid b{display:block;padding:20px 24px!important;text-align:left!important}
.custom-grid h3,.custom-grid p,.product-grid h3,.product-grid p{left:24px!important;right:24px!important;text-align:left!important;transform:none!important;transform-origin:left center!important}
.custom-grid article:before,.product-grid article:before{left:24px!important}
.feature-grid .detail-card:hover h3,.feature-grid .detail-card:focus-visible h3,.mini-grid .detail-card:hover h3,.mini-grid .detail-card:focus-visible h3,.custom-grid .detail-card:hover h3,.custom-grid .detail-card:focus-visible h3,.product-grid .detail-card:hover h3,.product-grid .detail-card:focus-visible h3{transform:none!important;transform-origin:left center!important;text-align:left!important}
@media(max-width:950px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:330px 300px 300px}.feature-grid .feature:nth-child(1){grid-column:1/-1;grid-row:1}.feature-grid .feature:nth-child(2),.feature-grid .feature:nth-child(3){grid-column:span 1;grid-row:2}.feature-grid .feature:nth-child(4){grid-column:1/-1;grid-row:3}}
@media(max-width:650px){.feature-grid{grid-template-columns:1fr;grid-template-rows:none}.feature-grid .feature:nth-child(n){grid-column:1;grid-row:auto}}

/* Recommendation layout: full-width scenario card; equal care/marketing cards and a narrower AIDC card */
.feature-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(2,330px)}
.feature-grid .feature:nth-child(1){grid-column:1/-1;grid-row:1}
.feature-grid .feature:nth-child(2){grid-column:1/span 3;grid-row:2}
.feature-grid .feature:nth-child(3){grid-column:4/span 3;grid-row:2}
.feature-grid .feature:nth-child(4){grid-column:7/span 2;grid-row:2}

/* Definitive homepage alignment: normal and hover copy share the same left edge */
#solutions .feature-copy,
#solutions .feature-copy h3,
#solutions .feature-copy p,
#solutions .feature-copy a,
.mini-grid article>div,
.mini-grid article h3,
.mini-grid article p,
.custom-grid article b,
.custom-grid article h3,
.custom-grid article p,
.product-grid article h3,
.product-grid article p,
.news-layout article,
.news-layout article h3,
.news-layout article p{
  text-align:left!important;
  transform-origin:left center!important;
}
#solutions .feature:before,.mini-grid article:before{left:28px!important;right:auto!important}
.custom-grid article:before,.product-grid article:before{left:24px!important;right:auto!important}
#solutions .feature:hover .feature-copy,
#solutions .feature:focus-within .feature-copy,
.mini-grid article:hover>div,
.mini-grid article:focus-within>div{
  left:28px!important;
  right:28px!important;
  text-align:left!important;
}

@media(max-width:950px){
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:330px 300px 300px}
  .feature-grid .feature:nth-child(1){grid-column:1/-1;grid-row:1}
  .feature-grid .feature:nth-child(2),.feature-grid .feature:nth-child(3){grid-column:span 1;grid-row:2}
  .feature-grid .feature:nth-child(4){grid-column:1/-1;grid-row:3}
}
@media(max-width:650px){
  .feature-grid{grid-template-columns:1fr;grid-template-rows:none}
  .feature-grid .feature:nth-child(n){grid-column:1;grid-row:auto}
}

/* Smaller scene-practice CTA */
.banner-copy .button{min-width:142px!important;padding:8px 22px!important;font-size:13px!important;line-height:1.35!important}

/* Final recommendation layout: two cards on row two; AIDC moves into the four-card practice row. */
.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,330px)}
.feature-grid .feature:nth-child(1){grid-column:1/-1;grid-row:1}
.feature-grid .feature:nth-child(2){grid-column:1;grid-row:2}
.feature-grid .feature:nth-child(3){grid-column:2;grid-row:2}
.mini-grid{grid-template-columns:3fr 2fr 2fr 3fr;gap:18px}
.mini-grid article{height:330px}
@media(max-width:950px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:330px 300px}.feature-grid .feature:nth-child(1){grid-column:1/-1;grid-row:1}.feature-grid .feature:nth-child(2){grid-column:1;grid-row:2}.feature-grid .feature:nth-child(3){grid-column:2;grid-row:2}.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.feature-grid,.mini-grid{grid-template-columns:1fr;grid-template-rows:none}.feature-grid .feature:nth-child(n){grid-column:1;grid-row:auto}}
@media(max-width:650px){.banner-copy .button{min-width:132px!important;padding:8px 18px!important;font-size:13px!important}}

/* Scenario solution is an editable static card: no link and no hover animation */
#solutions .static-feature{cursor:default!important;transform:none!important;box-shadow:none!important;border-color:transparent!important;background-color:transparent!important}
#solutions .static-feature:hover,#solutions .static-feature:focus-within{transform:none!important;box-shadow:none!important;border-color:transparent!important;background-color:transparent!important}
#solutions .static-feature>img,#solutions .static-feature:hover>img,#solutions .static-feature:focus-within>img{transform:none!important;filter:none!important}
#solutions .static-feature .shade,#solutions .static-feature:hover .shade,#solutions .static-feature:focus-within .shade{background:linear-gradient(0deg,rgba(5,20,38,.82),rgba(5,20,38,.04) 72%)!important}
#solutions .static-feature .feature-copy,#solutions .static-feature:hover .feature-copy,#solutions .static-feature:focus-within .feature-copy{bottom:6%!important;transform:none!important}
#solutions .static-feature:before{content:none!important;display:none!important}
#solutions .static-feature h3,#solutions .static-feature:hover h3,#solutions .static-feature p,#solutions .static-feature:hover p{transform:none!important;text-shadow:none!important}

/* Keep the removed scenario link as a hidden CMS compatibility slot */
.static-feature-link-placeholder{display:none!important}

/* Homepage customization heading follows the secondary-page type hierarchy */
.custom-section>.section-kicker{display:block;margin:0 0 14px!important;color:#0081cc!important;font-size:18px!important;line-height:1.2!important;font-weight:500!important;letter-spacing:2px!important}
.custom-section>h2{margin:0 0 28px!important;color:#142c48;font-size:48px!important;line-height:1.2!important;font-weight:600!important;letter-spacing:0!important}
.custom-section>p:last-of-type{max-width:760px;margin:0 auto!important;color:#68788a!important;font-size:18px!important;line-height:1.6!important}
@media(max-width:650px){.custom-section>.section-kicker{font-size:14px!important}.custom-section>h2{font-size:36px!important;margin-bottom:20px!important}.custom-section>p:last-of-type{font-size:16px!important}}

/* Match customization and product heading rhythm to Recommendation exactly */
.custom-section,.products-section{padding-top:55px!important}
.custom-section>.section-kicker,.products-section>.section-kicker{display:block;margin:12px 0!important;color:#0081cc!important;font-size:12px!important;line-height:normal!important;font-weight:700!important;letter-spacing:.17em!important}
.custom-section>h2,.products-section>h2{margin:4px 0 8px!important;color:#17263a!important;font-size:31px!important;line-height:normal!important;font-weight:600!important;letter-spacing:normal!important}
.custom-section>p:last-of-type,.products-section>p:last-of-type{max-width:none;margin:14px 0!important;color:#718096!important;font-size:14px!important;line-height:normal!important}
@media(max-width:650px){.custom-section,.products-section{padding-top:45px!important}.custom-section>.section-kicker,.products-section>.section-kicker{font-size:12px!important}.custom-section>h2,.products-section>h2{font-size:27px!important}.custom-section>p:last-of-type,.products-section>p:last-of-type{font-size:14px!important;line-height:1.6!important}}

/* Unified whitespace between the marked homepage modules: 104px desktop */
.intro{margin-top:92px!important}
.custom-section,.products-section{padding-top:28px!important}
.banner{margin-top:104px!important}
.news{margin-top:92px!important}
@media(max-width:650px){
  .intro{margin-top:52px!important}
  .custom-section,.products-section{margin-top:52px!important;padding-top:0!important}
  .banner{margin-top:64px!important}
  .news{margin-top:52px!important}
}
body[data-page-key] main .secondary-text-reveal{opacity:0;transform:translateY(34px);transition:opacity .65s ease var(--secondary-reveal-delay,0ms),transform .65s cubic-bezier(.2,.7,.2,1) var(--secondary-reveal-delay,0ms)}
body[data-page-key] main .secondary-text-reveal.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){body[data-page-key] main .secondary-text-reveal{opacity:1;transform:none;transition:none}}

/* Stable heading-to-content rhythm across desktop widths and computers. */
:root{--heading-content-gap:24px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
.intro{padding:55px 0 0!important}
.intro>.section-kicker{margin:12px 0!important}
.intro>h2{margin:4px 0 8px!important}
.intro>p:last-child,.custom-section>p:last-of-type,.products-section>p:last-of-type{margin:14px 0 0!important}
#solutions,.custom-grid,.product-grid,.news-layout{margin-top:var(--heading-content-gap)!important}
.custom-section>p:last-of-type,.products-section>p:last-of-type{margin-left:auto!important;margin-right:auto!important}
@media(max-width:650px){.intro{padding-top:45px!important}#solutions,.custom-grid,.product-grid,.news-layout{margin-top:var(--heading-content-gap)!important}}

/* Scenario card keeps its fixed appearance but acts as a jump link to customization. */
#solutions .static-feature{cursor:pointer!important}

/* Homepage desktop content always occupies 80% of the viewport: 10% equal margins on both sides. */
body:not([data-page-key]) main>.container:not(.hero):not(.banner){width:min(var(--module-width,100%),80%)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:950px){body:not([data-page-key]) main>.container:not(.hero):not(.banner){width:calc(100% - 40px)!important}}
@media(max-width:650px){body:not([data-page-key]) main>.container:not(.hero):not(.banner){width:calc(100% - 24px)!important}}

/* Softer homepage hero fade keeps more of the banner image visible. */
.hero-overlay{background:linear-gradient(90deg,rgba(244,248,253,.62) 0%,rgba(244,248,253,.40) 34%,rgba(244,248,253,.02) 70%)}
@media(max-width:650px){.hero-overlay{background:linear-gradient(0deg,rgba(242,247,252,.66),rgba(242,247,252,.12) 68%,rgba(242,247,252,.01))}}

/* Secondary-page banner copy: reduce the desktop left margin to roughly two thirds. */
@media(min-width:701px){
  body .solution-hero-copy,
  body .aidc-hero-copy,
  body .industry-hero-copy,
  body .lifecycle-hero-copy,
  body .product-hero-copy,
  body .editorial-hero-copy{
    box-sizing:border-box;
    width:min(1440px,calc(100% - 64px))!important;
    max-width:none!important
  }
}

/* unified-nav-footer-spacing-v1 */
body>.site-header .main-nav a:after{bottom:38px!important}
body>footer .footer-grid{
  grid-template-columns:minmax(420px,2fr) minmax(180px,1fr) minmax(440px,1.5fr)!important
}
body>footer .footer-contact{min-width:max-content}
body>footer .footer-contact a{white-space:nowrap!important}
body>footer .footer-contact a br{display:none!important}
@media(max-width:950px){
  body>.site-header .main-nav a:after{bottom:18px!important}
  body>footer .footer-grid{grid-template-columns:1fr 1fr!important}
  body>footer .footer-contact{min-width:0}
}

/* unified-header-bottom-gap-v2 */
body>.site-header{height:116px!important}
body>.site-header .main-nav a{height:116px!important}
body>.site-header .main-nav a:after{bottom:19px!important}
@media(max-width:950px){
  body>.site-header .main-nav{top:116px!important}
}
@media(max-width:650px){
  body>.site-header{height:97px!important}
  body>.site-header .main-nav{top:97px!important}
  body>.site-header .main-nav a:after{bottom:9px!important}
}

/* unified-header-compact-v3 */
body>.site-header{height:86px!important}
body>.site-header .main-nav a{
  height:86px!important;
  padding-top:26px!important
}
body>.site-header .main-nav a:after{bottom:10px!important}
@media(max-width:950px){
  body>.site-header .main-nav{top:86px!important}
}

/* Fixed shared header/footer logo and navigation geometry on every page. */
body>.site-header .brand,
body>footer .brand{flex:0 0 210px;width:210px;min-width:210px}
body>.site-header .brand-logo,
body>footer .brand-logo{width:210px!important;height:58px!important;max-width:210px!important;flex:0 0 210px;object-fit:contain;object-position:left center}
body>.site-header .main-nav{flex:0 0 auto;gap:48px;white-space:nowrap}
body>.site-header .main-nav a{flex:0 0 auto;white-space:nowrap}
.news-list-item{font-size:13px;display:flex;justify-content:space-between;gap:20px;padding:13px 5px;border-bottom:1px solid var(--line)}
.news-list-item span:before{content:"•";color:var(--blue);margin-right:9px}
.news-list-item time{font-size:11px;color:#a1acb8;white-space:nowrap}
@media(max-width:650px){
  body>.site-header .brand,
  body>footer .brand{flex-basis:158px;width:158px;min-width:158px}
  body>.site-header .brand-logo,
  body>footer .brand-logo{width:158px!important;height:48px!important;max-width:158px!important;flex-basis:158px}
  body>.site-header{height:72px!important}
  body>.site-header .main-nav{top:72px!important}
  body>.site-header .main-nav a{
    height:44px!important;
    padding-top:12px!important
  }
  body>.site-header .main-nav a:after{bottom:5px!important}
}

/* Final shared header geometry: homepage and every secondary page use one nav frame. */
body.home-page>.site-header,
body:not(.home-page)>.site-header{
  height:86px!important;
  min-height:86px!important;
  padding:0 max(24px,calc((100% - 1180px)/2))!important;
  display:flex!important;
  align-items:center!important;
  gap:34px!important;
  box-sizing:border-box!important;
}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand{
  flex:0 0 210px!important;
  width:210px!important;
  min-width:210px!important;
  margin-right:auto!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  width:210px!important;
  height:58px!important;
  max-width:210px!important;
  flex:0 0 210px!important;
}
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  position:static!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:48px!important;
  height:86px!important;
  white-space:nowrap!important;
}
body.home-page>.site-header .main-nav a,
body:not(.home-page)>.site-header .main-nav a{
  height:86px!important;
  padding-top:26px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
body.home-page>.site-header .search-button,
body:not(.home-page)>.site-header .search-button{
  flex:0 0 25px!important;
  width:25px!important;
  margin:0!important;
}
/* Secondary headers do not render the homepage search icon; reserve the same slot. */
body:not(.home-page)>.site-header:after{
  content:"";
  display:block;
  flex:0 0 25px;
  width:25px;
  height:1px;
}
@media(max-width:950px){
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{
    position:absolute!important;
    top:86px!important;
    left:0!important;
    right:0!important;
    height:auto!important;
  }
}
@media(max-width:650px){
  body.home-page>.site-header,
  body:not(.home-page)>.site-header{
    height:72px!important;
    min-height:72px!important;
    padding:0 15px!important;
  }
  body.home-page>.site-header .brand,
  body:not(.home-page)>.site-header .brand{
    flex-basis:158px!important;
    width:158px!important;
    min-width:158px!important;
  }
  body.home-page>.site-header .brand-logo,
  body:not(.home-page)>.site-header .brand-logo{
    width:158px!important;
    height:48px!important;
    max-width:158px!important;
    flex-basis:158px!important;
  }
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{
    top:72px!important;
  }
  body.home-page>.site-header .main-nav a,
  body:not(.home-page)>.site-header .main-nav a{
    height:44px!important;
    padding-top:12px!important;
  }
  body:not(.home-page)>.site-header:after{display:none}
}

/* Secondary-page hero/banner copy stays black and static on hover. */
body[data-page-key] .hero.detail-card:hover .hero-content,
body[data-page-key] .hero.detail-card:focus-visible .hero-content,
body[data-page-key] .banner.detail-card:hover .banner-copy,
body[data-page-key] .banner.detail-card:focus-visible .banner-copy{
  transform:translateY(-50%)!important;
}
body[data-page-key] .hero.detail-card:hover .hero-content *,
body[data-page-key] .hero.detail-card:focus-visible .hero-content *,
body[data-page-key] .banner.detail-card:hover .banner-copy *,
body[data-page-key] .banner.detail-card:focus-visible .banner-copy *{
  color:#000!important;
  transform:none!important;
  text-shadow:none!important;
}
body[data-page-key] .hero.detail-card:hover>img,
body[data-page-key] .hero.detail-card:focus-visible>img,
body[data-page-key] .banner.detail-card:hover>img,
body[data-page-key] .banner.detail-card:focus-visible>img{
  transform:none!important;
  filter:none!important;
}

/* fixed-shared-logo-nav-v5 */
/* One fixed logo size and one aligned navigation frame on every page. */
body.home-page>.site-header,
body:not(.home-page)>.site-header{
  height:132px!important;
  min-height:132px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  margin-right:auto!important;
  line-height:0!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  height:132px!important;
  display:flex!important;
  align-items:center!important;
  gap:48px!important;
}
body.home-page>.site-header .main-nav a,
body:not(.home-page)>.site-header .main-nav a{
  height:132px!important;
  padding-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:12px!important}
body.home-page>.site-header .search-button,
body:not(.home-page)>.site-header .search-button{align-self:center!important}
body:not(.home-page)>.site-header:after{align-self:center!important}
body.home-page>footer .brand,
body:not(.home-page)>footer .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  line-height:0!important;
}
body.home-page>footer .brand-logo,
body:not(.home-page)>footer .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:950px){
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:132px!important;height:auto!important}
}
@media(max-width:650px){
  body.home-page>.site-header,
  body:not(.home-page)>.site-header{height:106px!important;min-height:106px!important}
  body.home-page>.site-header .brand,
  body:not(.home-page)>.site-header .brand,
  body.home-page>footer .brand,
  body:not(.home-page)>footer .brand{
    flex:0 0 316px!important;width:316px!important;min-width:316px!important;height:96px!important
  }
  body.home-page>.site-header .brand-logo,
  body:not(.home-page)>.site-header .brand-logo,
  body.home-page>footer .brand-logo,
  body:not(.home-page)>footer .brand-logo{
    width:316px!important;height:96px!important;max-width:316px!important;flex-basis:316px!important
  }
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:106px!important}
  body.home-page>.site-header .main-nav a,
  body:not(.home-page)>.site-header .main-nav a{height:44px!important;padding-top:0!important}
  body.home-page>.site-header .main-nav a:after,
  body:not(.home-page)>.site-header .main-nav a:after{bottom:5px!important}
}
/* fixed-shared-logo-nav-v6 */
/* One fixed logo size and one aligned navigation frame on every page. */
body.home-page>.site-header,
body:not(.home-page)>.site-header{
  height:132px!important;
  min-height:132px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  margin-right:auto!important;
  line-height:0!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  height:132px!important;
  display:flex!important;
  align-items:center!important;
  gap:48px!important;
}
body.home-page>.site-header .main-nav a,
body:not(.home-page)>.site-header .main-nav a{
  height:132px!important;
  padding-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:40px!important}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand,
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo,
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  align-self:center!important;
}
body.home-page>.site-header .search-button,
body:not(.home-page)>.site-header .search-button{align-self:center!important}
body:not(.home-page)>.site-header:after{align-self:center!important}
body.home-page>footer .brand,
body:not(.home-page)>footer .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  line-height:0!important;
}
body.home-page>footer .brand-logo,
body:not(.home-page)>footer .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:950px){
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:132px!important;height:auto!important}
}
@media(max-width:650px){
  body.home-page>.site-header,
  body:not(.home-page)>.site-header{height:106px!important;min-height:106px!important}
  body.home-page>.site-header .brand,
  body:not(.home-page)>.site-header .brand,
  body.home-page>footer .brand,
  body:not(.home-page)>footer .brand{
    flex:0 0 316px!important;width:316px!important;min-width:316px!important;height:96px!important
  }
  body.home-page>.site-header .brand-logo,
  body:not(.home-page)>.site-header .brand-logo,
  body.home-page>footer .brand-logo,
  body:not(.home-page)>footer .brand-logo{
    width:316px!important;height:96px!important;max-width:316px!important;flex-basis:316px!important
  }
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:106px!important}
  body.home-page>.site-header .main-nav a,
  body:not(.home-page)>.site-header .main-nav a{height:44px!important;padding-top:0!important}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:5px!important}
}
/* fixed-shared-logo-nav-v7 */
/* Align the logo's Chinese wordmark with the navigation text baseline. */
body.home-page>.site-header,
body:not(.home-page)>.site-header{
  height:132px!important;
  min-height:132px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  margin-right:auto!important;
  line-height:0!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  transform:translateY(15px)!important;
}
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  height:132px!important;
  display:flex!important;
  align-items:center!important;
  gap:48px!important;
}
body.home-page>.site-header .main-nav a,
body:not(.home-page)>.site-header .main-nav a{
  height:132px!important;
  padding-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:40px!important}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand,
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo,
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  align-self:center!important;
}
body.home-page>.site-header .search-button,
body:not(.home-page)>.site-header .search-button{align-self:center!important}
body:not(.home-page)>.site-header:after{align-self:center!important}
body.home-page>footer .brand,
body:not(.home-page)>footer .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  line-height:0!important;
}
body.home-page>footer .brand-logo,
body:not(.home-page)>footer .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:950px){
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:132px!important;height:auto!important}
}
@media(max-width:650px){
  body.home-page>.site-header,
  body:not(.home-page)>.site-header{height:106px!important;min-height:106px!important}
  body.home-page>.site-header .brand,
  body:not(.home-page)>.site-header .brand,
  body.home-page>footer .brand,
  body:not(.home-page)>footer .brand{
    flex:0 0 316px!important;width:316px!important;min-width:316px!important;height:96px!important
  }
  body.home-page>.site-header .brand-logo,
  body:not(.home-page)>.site-header .brand-logo,
  body.home-page>footer .brand-logo,
  body:not(.home-page)>footer .brand-logo{
    width:316px!important;height:96px!important;max-width:316px!important;flex-basis:316px!important;
    transform:translateY(10px)!important
  }
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:106px!important}
  body.home-page>.site-header .main-nav a,
  body:not(.home-page)>.site-header .main-nav a{height:44px!important;padding-top:0!important}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:5px!important}
}
/* fixed-shared-logo-nav-v8 */
/* Align the logo's Chinese wordmark with the navigation text baseline. */
body.home-page>.site-header,
body:not(.home-page)>.site-header{
  height:132px!important;
  min-height:132px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  margin-right:auto!important;
  line-height:0!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  transform:translateY(15px)!important;
}
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  height:132px!important;
  display:flex!important;
  align-items:center!important;
  gap:48px!important;
}
body.home-page>.site-header .main-nav a,
body:not(.home-page)>.site-header .main-nav a{
  height:132px!important;
  padding-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:20px!important}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand,
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo,
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  align-self:center!important;
}
body.home-page>.site-header .search-button,
body:not(.home-page)>.site-header .search-button{align-self:center!important}
body:not(.home-page)>.site-header:after{align-self:center!important}
body.home-page>footer .brand,
body:not(.home-page)>footer .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  line-height:0!important;
}
body.home-page>footer .brand-logo,
body:not(.home-page)>footer .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:950px){
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:132px!important;height:auto!important}
}
@media(max-width:650px){
  body.home-page>.site-header,
  body:not(.home-page)>.site-header{height:106px!important;min-height:106px!important}
  body.home-page>.site-header .brand,
  body:not(.home-page)>.site-header .brand,
  body.home-page>footer .brand,
  body:not(.home-page)>footer .brand{
    flex:0 0 316px!important;width:316px!important;min-width:316px!important;height:96px!important
  }
  body.home-page>.site-header .brand-logo,
  body:not(.home-page)>.site-header .brand-logo,
  body.home-page>footer .brand-logo,
  body:not(.home-page)>footer .brand-logo{
    width:316px!important;height:96px!important;max-width:316px!important;flex-basis:316px!important;
    transform:translateY(10px)!important
  }
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:106px!important}
  body.home-page>.site-header .main-nav a,
  body:not(.home-page)>.site-header .main-nav a{height:44px!important;padding-top:0!important}
  body.home-page>.site-header .main-nav a:after,
  body:not(.home-page)>.site-header .main-nav a:after{bottom:3px!important}
}

/* fixed-shared-logo-nav-v11-final */
body .site-header{
  display:grid!important;
  grid-template-columns:420px minmax(0,1fr) 32px!important;
  column-gap:34px!important;
  align-items:center!important;
  height:116px!important;
  min-height:116px!important;
  box-sizing:border-box!important;
  padding-left:max(24px,calc((100% - 1180px)/2))!important;
  padding-right:max(24px,calc((100% - 1180px)/2))!important;
  border-bottom:0!important;
}
body .site-header .brand{grid-column:1!important;margin:0!important;width:420px!important;min-width:420px!important;height:116px!important;display:flex!important;align-items:center!important}
body .site-header .brand-logo{width:420px!important;height:116px!important;max-width:420px!important;flex:0 0 420px!important;object-fit:contain!important;object-position:left center!important;transform:translateY(15px)!important}
body .site-header .main-nav{grid-column:2!important;grid-row:1!important;justify-content:flex-end!important;align-items:center!important;height:96px!important;min-width:0!important;margin:0!important;gap:48px!important;white-space:nowrap!important}
body .site-header .main-nav a{height:96px!important;padding-top:0!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
body .site-header .main-nav a:after{bottom:20px!important}
body.home-page .site-header .search-button{grid-column:3!important;grid-row:1!important;display:block!important;align-self:center!important;margin:0!important}
body:not(.home-page) .site-header:after{grid-column:3!important;grid-row:1!important;display:block!important;content:""!important;width:32px!important;height:1px!important;background:transparent!important}
body:not(.home-page) .site-header .main-nav a:nth-child(5){display:none!important}
@media(max-width:650px){
  body .site-header{display:flex!important;grid-template-columns:none!important;column-gap:0!important;height:106px!important;min-height:106px!important;padding-left:15px!important;padding-right:15px!important}
  body .site-header .brand{width:316px!important;min-width:316px!important;height:96px!important}
  body .site-header .brand-logo{width:316px!important;height:96px!important;max-width:316px!important;flex-basis:316px!important;transform:translateY(10px)!important}
  body .site-header .main-nav{position:absolute!important;top:106px!important;left:0!important;right:0!important;grid-column:auto!important;height:auto!important;gap:0!important}
  body .site-header .main-nav a{height:44px!important}
  body .site-header .main-nav a:after{bottom:3px!important}
  body:not(.home-page) .site-header:after{display:none!important}
}

/* fixed-shared-logo-nav-v11 */
/* Use the same three-column header frame on the home page and injected secondary pages. */
body .site-header{
  display:grid!important;
  grid-template-columns:420px minmax(0,1fr) 32px!important;
  column-gap:34px!important;
  align-items:center!important;
  height:116px!important;
  min-height:116px!important;
  box-sizing:border-box!important;
  padding-left:max(24px,calc((100% - 1180px)/2))!important;
  padding-right:max(24px,calc((100% - 1180px)/2))!important;
  border-bottom:0!important;
}
body .site-header .brand{
  grid-column:1!important;
  margin:0!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
}
body .site-header .brand-logo{
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:translateY(15px)!important;
}
body .site-header .main-nav{
  grid-column:2!important;
  grid-row:1!important;
  justify-content:flex-end!important;
  align-items:center!important;
  height:96px!important;
  min-width:0!important;
  margin:0!important;
  gap:48px!important;
  white-space:nowrap!important;
}
body .site-header .main-nav a{
  height:96px!important;
  padding-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
body .site-header .main-nav a:after{bottom:20px!important}
body.home-page .site-header .search-button{
  grid-column:3!important;
  grid-row:1!important;
  display:block!important;
  align-self:center!important;
  margin:0!important;
}
body:not(.home-page) .site-header:after{
  grid-column:3!important;
  grid-row:1!important;
  display:block!important;
  content:""!important;
  width:32px!important;
  height:1px!important;
  background:transparent!important;
}
body:not(.home-page) .site-header .main-nav a:nth-child(5){display:none!important}
@media(max-width:650px){
  body .site-header{
    display:flex!important;
    grid-template-columns:none!important;
    column-gap:0!important;
    height:106px!important;
    min-height:106px!important;
    padding-left:15px!important;
    padding-right:15px!important;
  }
  body .site-header .brand{width:316px!important;min-width:316px!important;height:96px!important}
  body .site-header .brand-logo{width:316px!important;height:96px!important;max-width:316px!important;flex-basis:316px!important;transform:translateY(10px)!important}
  body .site-header .main-nav{position:absolute!important;top:106px!important;left:0!important;right:0!important;grid-column:auto!important;height:auto!important;gap:0!important}
  body .site-header .main-nav a{height:44px!important}
  body .site-header .main-nav a:after{bottom:3px!important}
  body:not(.home-page) .site-header:after{display:none!important}
}
/* fixed-shared-logo-nav-v9 */
/* Align the logo's Chinese wordmark with the navigation text baseline. */
body.home-page>.site-header,
body:not(.home-page)>.site-header{
  height:132px!important;
  min-height:132px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  margin-right:auto!important;
  line-height:0!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  transform:translateY(15px)!important;
}
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  height:112px!important;
  display:flex!important;
  align-items:center!important;
  gap:48px!important;
}
body.home-page>.site-header .main-nav a,
body:not(.home-page)>.site-header .main-nav a{
  height:112px!important;
  padding-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:24px!important}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand,
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo,
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  align-self:center!important;
}
body.home-page>.site-header .search-button,
body:not(.home-page)>.site-header .search-button{align-self:center!important}
body:not(.home-page)>.site-header:after{align-self:center!important}
body.home-page>footer .brand,
body:not(.home-page)>footer .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  line-height:0!important;
}
body.home-page>footer .brand-logo,
body:not(.home-page)>footer .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:950px){
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:132px!important;height:auto!important}
}
@media(max-width:650px){
  body.home-page>.site-header,
  body:not(.home-page)>.site-header{height:106px!important;min-height:106px!important}
  body.home-page>.site-header .brand,
  body:not(.home-page)>.site-header .brand,
  body.home-page>footer .brand,
  body:not(.home-page)>footer .brand{
    flex:0 0 316px!important;width:316px!important;min-width:316px!important;height:96px!important
  }
  body.home-page>.site-header .brand-logo,
  body:not(.home-page)>.site-header .brand-logo,
  body.home-page>footer .brand-logo,
  body:not(.home-page)>footer .brand-logo{
    width:316px!important;height:96px!important;max-width:316px!important;flex-basis:316px!important;
    transform:translateY(10px)!important
  }
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:106px!important}
  body.home-page>.site-header .main-nav a,
  body:not(.home-page)>.site-header .main-nav a{height:44px!important;padding-top:0!important}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:3px!important}
}

/* fixed-shared-logo-nav-v11-eof */
body .site-header{display:grid!important;grid-template-columns:420px minmax(0,1fr) 32px!important;column-gap:34px!important;align-items:center!important;height:116px!important;min-height:116px!important;box-sizing:border-box!important;padding-left:max(24px,calc((100% - 1180px)/2))!important;padding-right:max(24px,calc((100% - 1180px)/2))!important;border-bottom:0!important}
body .site-header .brand{grid-column:1!important;margin:0!important;width:420px!important;min-width:420px!important;height:116px!important;display:flex!important;align-items:center!important}
body .site-header .brand-logo{width:420px!important;height:116px!important;max-width:420px!important;flex:0 0 420px!important;object-fit:contain!important;object-position:left center!important;transform:translateY(15px)!important}
body .site-header .main-nav{grid-column:2!important;grid-row:1!important;justify-content:flex-end!important;align-items:center!important;height:96px!important;min-width:0!important;margin:0!important;gap:48px!important;white-space:nowrap!important}
body .site-header .main-nav a{height:96px!important;padding-top:0!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}
body .site-header .main-nav a:after{bottom:20px!important}
body.home-page .site-header .search-button{grid-column:3!important;grid-row:1!important;display:block!important;align-self:center!important;margin:0!important}
body:not(.home-page) .site-header:after{grid-column:3!important;grid-row:1!important;display:block!important;content:""!important;width:32px!important;height:1px!important;background:transparent!important}
body:not(.home-page) .site-header .main-nav a:nth-child(5){display:none!important}
@media(max-width:650px){body .site-header{display:flex!important;grid-template-columns:none!important;column-gap:0!important;height:106px!important;min-height:106px!important;padding-left:15px!important;padding-right:15px!important}body .site-header .brand{width:316px!important;min-width:316px!important;height:96px!important}body .site-header .brand-logo{width:316px!important;height:96px!important;max-width:316px!important;flex-basis:316px!important;transform:translateY(10px)!important}body .site-header .main-nav{position:absolute!important;top:106px!important;left:0!important;right:0!important;grid-column:auto!important;height:auto!important;gap:0!important}body .site-header .main-nav a{height:44px!important}body .site-header .main-nav a:after{bottom:3px!important}body:not(.home-page) .site-header:after{display:none!important}}
/* fixed-shared-logo-nav-v10 */
/* Align the logo's Chinese wordmark with the navigation text baseline. */
body.home-page>.site-header,
body:not(.home-page)>.site-header{
  height:116px!important;
  min-height:116px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border-bottom:0!important;
}
body.home-page>.site-header:after,
body:not(.home-page)>.site-header:after{
  display:none!important;
  content:none!important;
}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  margin-right:auto!important;
  line-height:0!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  transform:translateY(15px)!important;
}
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  height:96px!important;
  display:flex!important;
  align-items:center!important;
  gap:48px!important;
}
body.home-page>.site-header .main-nav a,
body:not(.home-page)>.site-header .main-nav a{
  height:96px!important;
  padding-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:20px!important}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand,
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo,
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  align-self:center!important;
}
body.home-page>.site-header .search-button,
body:not(.home-page)>.site-header .search-button{align-self:center!important}
body:not(.home-page)>.site-header:after{align-self:center!important}
body.home-page>footer .brand,
body:not(.home-page)>footer .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  line-height:0!important;
}
body.home-page>footer .brand-logo,
body:not(.home-page)>footer .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:950px){
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:116px!important;height:auto!important}
}
@media(max-width:650px){
  body.home-page>.site-header,
  body:not(.home-page)>.site-header{height:106px!important;min-height:106px!important}
  body.home-page>.site-header .brand,
  body:not(.home-page)>.site-header .brand,
  body.home-page>footer .brand,
  body:not(.home-page)>footer .brand{
    flex:0 0 316px!important;width:316px!important;min-width:316px!important;height:96px!important
  }
  body.home-page>.site-header .brand-logo,
  body:not(.home-page)>.site-header .brand-logo,
  body.home-page>footer .brand-logo,
  body:not(.home-page)>footer .brand-logo{
    width:316px!important;height:96px!important;max-width:316px!important;flex-basis:316px!important;
    transform:translateY(10px)!important
  }
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:106px!important}
  body.home-page>.site-header .main-nav a,
  body:not(.home-page)>.site-header .main-nav a{height:44px!important;padding-top:0!important}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:3px!important}
}

/* fixed-shared-logo-nav-v12 */
/* Align the logo's Chinese wordmark with the navigation text baseline. */
body.home-page>.site-header,
body:not(.home-page)>.site-header{
  height:116px!important;
  min-height:116px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border-bottom:0!important;
}
body.home-page>.site-header:after,
body:not(.home-page)>.site-header:after{
  display:none!important;
  content:none!important;
}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  margin-right:auto!important;
  line-height:0!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo{
  transform:translateY(15px)!important;
}
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  height:96px!important;
  display:flex!important;
  align-items:center!important;
  gap:48px!important;
}
body.home-page>.site-header .main-nav a,
body:not(.home-page)>.site-header .main-nav a{
  height:96px!important;
  padding-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:20px!important}
body.home-page>.site-header .brand,
body:not(.home-page)>.site-header .brand,
body.home-page>.site-header .brand-logo,
body:not(.home-page)>.site-header .brand-logo,
body.home-page>.site-header .main-nav,
body:not(.home-page)>.site-header .main-nav{
  align-self:center!important;
}
body.home-page>.site-header .search-button,
body:not(.home-page)>.site-header .search-button{align-self:center!important}
body:not(.home-page)>.site-header:after{align-self:center!important}
body.home-page>footer .brand,
body:not(.home-page)>footer .brand{
  flex:0 0 420px!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
  line-height:0!important;
}
body.home-page>footer .brand-logo,
body:not(.home-page)>footer .brand-logo{
  display:block!important;
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
@media(max-width:950px){
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:116px!important;height:auto!important}
}
@media(max-width:650px){
  body.home-page>.site-header,
  body:not(.home-page)>.site-header{height:106px!important;min-height:106px!important}
  body.home-page>.site-header .brand,
  body:not(.home-page)>.site-header .brand,
  body.home-page>footer .brand,
  body:not(.home-page)>footer .brand{
    flex:0 0 316px!important;width:316px!important;min-width:316px!important;height:96px!important
  }
  body.home-page>.site-header .brand-logo,
  body:not(.home-page)>.site-header .brand-logo,
  body.home-page>footer .brand-logo,
  body:not(.home-page)>footer .brand-logo{
    width:316px!important;height:96px!important;max-width:316px!important;flex-basis:316px!important;
    transform:translateY(10px)!important
  }
  body.home-page>.site-header .main-nav,
  body:not(.home-page)>.site-header .main-nav{top:106px!important}
  body.home-page>.site-header .main-nav a,
  body:not(.home-page)>.site-header .main-nav a{height:44px!important;padding-top:0!important}
body.home-page>.site-header .main-nav a:after,
body:not(.home-page)>.site-header .main-nav a:after{bottom:3px!important}
}

/* Keep the home page and every injected secondary-page header on one geometry.
   Secondary templates do not render the search button, so an invisible grid
   slot reserves the same width; product templates with an extra fifth link
   hide that duplicate contact item to match the home navigation. */
body .site-header{
  display:grid!important;
  grid-template-columns:420px minmax(0,1fr) 32px!important;
  column-gap:34px!important;
  align-items:center!important;
  height:116px!important;
  min-height:116px!important;
  box-sizing:border-box!important;
  padding-left:max(24px,calc((100% - 1180px)/2))!important;
  padding-right:max(24px,calc((100% - 1180px)/2))!important;
  border-bottom:0!important;
}
body .site-header .brand{
  grid-column:1!important;
  margin:0!important;
  width:420px!important;
  min-width:420px!important;
  height:116px!important;
  display:flex!important;
  align-items:center!important;
}
body .site-header .brand-logo{
  width:420px!important;
  height:116px!important;
  max-width:420px!important;
  flex:0 0 420px!important;
  object-fit:contain!important;
  object-position:left center!important;
  transform:translateY(15px)!important;
}
body .site-header .main-nav{
  grid-column:2!important;
  grid-row:1!important;
  justify-content:flex-end!important;
  align-items:center!important;
  height:96px!important;
  min-width:0!important;
  margin:0!important;
  gap:48px!important;
  white-space:nowrap!important;
}
body .site-header .main-nav a{
  height:96px!important;
  padding-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
}
body .site-header .main-nav a:after{bottom:20px!important}
body.home-page .site-header .search-button{
  grid-column:3!important;
  grid-row:1!important;
  display:block!important;
  align-self:center!important;
  margin:0!important;
}
body:not(.home-page) .site-header:after{
  grid-column:3!important;
  grid-row:1!important;
  display:block!important;
  content:""!important;
  width:32px!important;
  height:1px!important;
  background:transparent!important;
}
body:not(.home-page) .site-header .main-nav a:nth-child(5){display:none!important}
@media(max-width:650px){
  body .site-header{
    display:flex!important;
    grid-template-columns:none!important;
    column-gap:0!important;
    height:106px!important;
    min-height:106px!important;
    padding-left:15px!important;
    padding-right:15px!important;
  }
  body .site-header .brand{width:316px!important;min-width:316px!important;height:96px!important}
  body .site-header .brand-logo{width:316px!important;height:96px!important;max-width:316px!important;flex-basis:316px!important;transform:translateY(10px)!important}
  body .site-header .main-nav{position:absolute!important;top:106px!important;left:0!important;right:0!important;grid-column:auto!important;height:auto!important;gap:0!important}
  body .site-header .main-nav a{height:44px!important}
  body .site-header .main-nav a:after{bottom:3px!important}
  body:not(.home-page) .site-header:after{display:none!important}
}