/* Hallmark · theme: brand (by request) · built: the project · redesign: polish · genre: modern-minimal */
/* critique: remove picture frames, layer the company story and prioritize real customer-service channels. */
:root{--ref-paper:#fff;--ref-soft:#f1f4f7;--ref-line:#d6e0e9;--ref-ink:#14212b;--ref-muted:#526575;--ref-blue:#1756cb;--ref-deep:#103047;--ref-light:#d7e8f6;--ref-clear:transparent;--honor-gap:16px}
.product-stage .product-tile,.product-stage .product-tile.is-wide{background:var(--ref-soft)}
.product-stage .product-tile:hover{background:var(--unified-hover)}
.product-stage .product-visual img{mix-blend-mode:normal;object-fit:contain;background:var(--ref-clear)}
.product-stage .product-visual{padding:0;isolation:isolate}
.product-tile[data-product-brand] .product-visual{margin-inline:calc(-1 * var(--space-2));width:calc(100% + var(--space-4))}
.product-stage .product-tile.is-wide.h3c-suite .product-visual img{height:100%;width:100%;object-fit:contain}
.about-redesign{display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:var(--space-6);padding-top:var(--space-12);padding-bottom:var(--space-8)}
.company-redesign{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);column-gap:var(--space-12);min-height:0;align-items:stretch}
.company-mission{position:relative;display:flex;flex-direction:column;justify-content:space-between;background:var(--ref-deep);color:var(--ref-paper);padding:var(--space-8);border-radius:var(--radius-tile);overflow:clip}
.company-mission::after{content:"";position:absolute;width:220px;height:220px;border:1px solid color-mix(in srgb,var(--ref-paper) 12%,var(--ref-clear));border-radius:50%;right:-110px;top:-110px;pointer-events:none}
.company-mission h3{font-size:44px;line-height:1.3;font-weight:600;letter-spacing:-1px;margin:0 0 var(--space-4)}
.company-mission>p{font-size:var(--type-body);line-height:1.8;margin:0;color:var(--ref-light)}
.company-origin{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-6)}
.company-origin time{font-size:64px;font-weight:500;line-height:1;letter-spacing:-3px;font-variant-numeric:tabular-nums}
.company-origin span{font-size:var(--type-caption);line-height:1.8;color:var(--ref-light)}
.company-overview{align-self:center;min-width:0}
.company-overview>h3{font-size:26px;font-weight:600;line-height:1.4;margin:0 0 var(--space-4)}
.overview-intro{font-size:var(--type-body);line-height:1.8;margin:0;color:var(--ref-muted)}
.capability-lines{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-6);margin:var(--space-6) 0}
.capability-lines>div{border-left:2px solid var(--ref-blue);padding-left:var(--space-3)}
.capability-lines dt{font-size:18px;font-weight:500;line-height:1.5}
.capability-lines dd{margin:var(--space-2) 0 0;font-size:var(--type-caption);line-height:1.8;color:var(--ref-muted)}
.service-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);border-block:1px solid var(--ref-line);padding-block:var(--space-4)}
.service-band p{margin:0;font-size:var(--type-body);font-weight:500;line-height:1.6}
.overview-support{font-size:var(--type-label);line-height:1.8;color:var(--ref-muted);margin:var(--space-4) 0 0}
.industry-scope{font-size:var(--type-caption);line-height:1.8;color:var(--ref-muted);margin:var(--space-3) 0 0}
.honors-zone{min-width:0}
.honors-heading{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-4)}
.honors-heading h3{font-size:20px;line-height:1.5;font-weight:500;margin:0}
.honors-heading>p{font-size:var(--type-label);color:var(--ref-muted);line-height:1.7;margin:0}
.honors-heading button{margin-left:auto;background:var(--ref-paper);border:1px solid var(--ref-line);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--type-caption);color:var(--ref-ink);cursor:pointer}
.honors-empty{height:124px;border:1px solid var(--ref-line);background:var(--ref-soft);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-tile)}
.honors-empty span{font-size:var(--type-label);color:var(--ref-muted)}
.honors-empty p{font-size:var(--type-caption);color:var(--ref-muted);margin:0}
.honors-viewport{height:124px;overflow-x:auto;overflow-y:clip;scrollbar-width:none;border-block:1px solid var(--ref-line)}
.honors-viewport::-webkit-scrollbar{display:none}
.honors-track{display:flex;width:max-content;height:100%}
.honors-group{display:flex;gap:var(--honor-gap);padding-right:var(--honor-gap);flex-shrink:0}
.honor-item{display:flex;align-items:center;justify-content:center;margin:0;width:180px;height:100%;flex-shrink:0;background:var(--ref-soft);padding:var(--space-2);border-radius:var(--radius-input)}
.honor-item img{display:block;width:100%;height:100%;object-fit:contain}
.honor-item a{display:block;width:100%;height:100%}
.honors-zone :is(a,button):focus-visible{outline:3px solid var(--ref-blue);outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:clip;clip-path:inset(50%);white-space:nowrap;border:0}
.contact-redesign{padding-top:var(--space-12);padding-bottom:var(--space-8);background:var(--ref-deep)}
.contact-service-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-16);align-items:center;padding-block:var(--space-8)}
.contact-service-copy h3{font-size:48px;line-height:1.35;font-weight:500;letter-spacing:-1px;margin:0 0 var(--space-6)}
.service-invitation{font-size:var(--type-body);line-height:1.9;color:var(--ref-light);margin:0 0 var(--space-8)}
.service-phone>p:first-child{font-size:var(--type-label);line-height:1.7;margin:0 0 var(--space-2);color:var(--ref-light)}
.phone-number{display:inline-block;font-size:44px;line-height:1.2;font-weight:500;letter-spacing:-1px;text-decoration:none;color:var(--ref-paper);font-variant-numeric:tabular-nums}
.phone-actions{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}
.phone-actions button{min-height:48px;border:1px solid var(--rule-dark);color:var(--ref-paper);background:var(--ref-clear);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-6);font-size:var(--type-body);cursor:pointer}
.phone-actions button:hover{background:var(--night-soft)}
#phone-status{min-height:24px;font-size:var(--type-caption);line-height:1.8;color:var(--ref-light);margin:var(--space-2) 0 0}
.contact-secondary{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-4)}
.contact-secondary>a{color:var(--ref-light);font-size:var(--type-label);text-underline-offset:5px}
.contact-secondary .text-action{color:var(--ref-light);font-size:var(--type-label);padding:var(--space-2) 0}
.wechat-contact{margin:0;display:flex;align-items:center;flex-direction:column;justify-self:center}
.wechat-contact figcaption{width:100%;margin-bottom:var(--space-6)}
.wechat-contact h3{font-size:24px;line-height:1.5;font-weight:500;margin:0 0 var(--space-2)}
.wechat-contact figcaption p{font-size:var(--type-label);color:var(--ref-light);line-height:1.7;margin:0}
.wechat-image{background:var(--ref-paper);padding:var(--space-4);border-radius:var(--radius-tile);width:272px}
.wechat-image img{display:block;width:100%;height:auto;object-fit:contain}
.wechat-note{font-size:var(--type-caption);line-height:1.7;color:var(--ref-light);margin:var(--space-4) 0 0}
.brief-dialog{width:min(560px,calc(100% - 48px));max-height:85dvh;overflow-y:auto;padding:var(--space-8);border:1px solid var(--rule-dark);border-radius:var(--radius-tile);background:var(--ref-deep);color:var(--ref-paper)}
.brief-dialog::backdrop{background:color-mix(in srgb,var(--ref-ink) 70%,var(--ref-clear))}
.brief-dialog .brief-builder{display:block}
.brief-close{display:block;margin:0 0 var(--space-4) auto;background:var(--ref-clear);color:var(--ref-paper);border:1px solid var(--rule-dark);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--type-label);cursor:pointer}
.brief-dialog :is(a,button,select,textarea):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(min-width:1700px){.company-mission h3{font-size:48px}.company-origin time{font-size:80px}.honors-empty,.honors-viewport{height:140px}.contact-service-copy h3{font-size:56px}.phone-number{font-size:48px}}
@media(max-height:820px) and (min-width:1000px){.about-redesign,.contact-redesign{padding-top:var(--space-8);padding-bottom:var(--space-6)}.about-redesign{row-gap:var(--space-4)}.company-redesign{column-gap:var(--space-8)}.company-mission{padding:var(--space-6)}.company-mission h3{font-size:36px;margin-bottom:var(--space-3)}.company-origin time{font-size:56px}.company-origin{margin-top:var(--space-4);gap:var(--space-4)}.company-overview>h3{font-size:24px;margin-bottom:var(--space-3)}.capability-lines{margin-block:var(--space-4);gap:var(--space-4)}.capability-lines dt{font-size:16px}.overview-support{font-size:13px}.service-band{padding-block:var(--space-3)}.honors-heading{margin-bottom:var(--space-3)}.honors-empty,.honors-viewport{height:112px}.contact-service-layout{padding-block:var(--space-6);gap:var(--space-12)}.contact-service-copy h3{font-size:40px;margin-bottom:var(--space-4)}.service-invitation{margin-bottom:var(--space-6)}.phone-number{font-size:40px}.wechat-image{width:248px}.wechat-contact figcaption{margin-bottom:var(--space-4)}.phone-actions{margin-top:var(--space-4)}.contact-secondary{margin-top:var(--space-2)}}
@media(max-width:999px){.about-redesign{display:flex;height:auto;min-height:100dvh}.company-redesign{grid-template-columns:minmax(0,1fr);gap:var(--space-8);padding-block:var(--space-6)}.company-mission{min-height:340px}.contact-service-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-10)}.contact-redesign{height:auto;min-height:100dvh}.contact-service-copy h3{font-size:36px}.phone-number{font-size:32px}.wechat-contact{justify-self:start}.honors-zone{margin-top:var(--space-6);width:100%}.capability-lines{gap:var(--space-3)}}
html:not(.enhanced) .honors-viewport{overflow-x:auto}
@media(prefers-reduced-motion:reduce){.honors-track{will-change:auto}.product-tile:hover .product-visual{transform:none}}
/* Approved honor photographs, light glass treatment. */
:root{--honor-paper:#f1f3f5;--honor-backdrop:rgba(10,25,38,.65)}
.honors-viewport{height:clamp(144px,18dvh,200px);border:0;border-radius:var(--radius-input);background:var(--honor-paper)}
.honor-item{width:200px;background:var(--honor-paper);padding:var(--space-3)}
.honor-item a{border-radius:var(--radius-input);cursor:zoom-in}
.honor-item a:hover{background:var(--ref-paper)}
.honor-item a:active{background:var(--ref-soft)}
.honor-item a:focus-visible{outline-offset:-3px}
.honor-viewer{width:min(960px,calc(100% - 48px));max-height:92dvh;overflow-y:auto;border:1px solid var(--ref-line);border-radius:var(--radius-tile);padding:var(--space-6);background:var(--honor-paper);color:var(--ref-ink)}
.honor-viewer::backdrop{background:var(--honor-backdrop)}
.honor-viewer-close{display:block;margin-left:auto;min-height:44px;border:1px solid var(--ref-line);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-6);font:inherit;color:var(--ref-ink);background:var(--ref-paper);cursor:pointer}
.honor-viewer-close:hover{background:var(--ref-soft)}
.honor-viewer-close:active{background:var(--ref-line)}
.honor-viewer :is(a,button):focus-visible{outline:3px solid var(--ref-blue);outline-offset:3px}
.honor-viewer h3{font-size:20px;line-height:1.6;margin:var(--space-3) 0;font-weight:500;overflow-wrap:break-word}
.honor-viewer>img{display:block;width:100%;height:61dvh;object-fit:contain;background:var(--honor-paper)}
.honor-viewer>p{font-size:var(--type-caption);line-height:1.7;color:var(--ref-muted);margin:var(--space-3) 0 0}