/* Hallmark · theme: brand (by request) · built: the project · redesign: polish · genre: modern-minimal */
/* critique: coordinate manufacturer pictures and real category navigation; keep approved motion and screen order. */
:root{--asset-paper:#e9edf3;--asset-rule:#c4cedb;--asset-ink:#14212b;--asset-blue:#1756cb;--asset-white:#fff;--asset-font:"Microsoft YaHei","PingFang SC",sans-serif}
:root{--asset-h3c:#ba1720}
:root{--asset-yealink:#075764}
.brand-media,.brand-media.is-device{inset:0 0 0 32%;background:var(--asset-paper)}
.brand-media>img{object-fit:contain;object-position:center center;padding:4%;background:var(--asset-paper)}
.brand-copy-wrap{max-width:35%;width:420px}
.product-tile{background:var(--asset-paper)}
.product-visual img{mix-blend-mode:multiply;object-fit:contain}
.product-tile .product-visual{padding:var(--space-2) 0 var(--space-4)}
.product-tile.is-wide.h3c-suite{display:flex;flex-direction:column;justify-content:flex-start;padding:var(--space-6);gap:var(--space-4)}
.suite-heading h3{font-size:28px;line-height:1.4;font-weight:var(--display-weight);margin:0}
.suite-heading p{font-size:var(--type-label);line-height:1.7;color:var(--text-soft);margin:var(--space-2) 0 0}
.h3c-suite .product-visual{flex:1;min-height:100px;max-height:none;display:flex;align-items:center;justify-content:center;padding:0!important}
.h3c-suite .product-visual img{width:100%;height:100%;max-height:100%;object-fit:contain}
.product-tile.is-wide.h3c-suite .product-visual{align-items:center}
.product-tile.is-wide.h3c-suite .product-visual img{height:100%;object-fit:contain}
.suite-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);flex-shrink:0}
.suite-links a{font-size:var(--type-label);line-height:1.6;text-align:center;color:var(--asset-ink);padding:var(--space-2);border:1px solid var(--asset-rule);border-radius:var(--radius-input);text-decoration:none;background:var(--asset-white)}
.suite-links a:hover{border-color:var(--asset-blue);color:var(--asset-blue)}
.suite-caption{font-size:var(--type-caption);line-height:1.7;color:var(--text-soft);margin:0}
.suite-all{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);color:var(--asset-blue);text-decoration:none;font-size:var(--type-label);line-height:1.7;padding-top:var(--space-2)}
.suite-all:hover{text-decoration:underline}
.suite-links a:focus-visible,.suite-all:focus-visible{outline:3px solid var(--asset-blue);outline-offset:3px}
.product-tile-label .tile-brand{display:block;color:var(--text-soft);font-size:var(--type-caption);line-height:1.6;margin-bottom:var(--space-1)}
.product-tile-label{min-height:48px}
.solution-feature>img{object-fit:cover;object-position:center}
.generated-art{aspect-ratio:16/9;background:var(--asset-paper);overflow:clip}
.generated-art img{display:block;width:100%;height:100%;object-fit:contain}
.scene-image-button .generated-art img{object-fit:cover}
.category-art svg{display:block;width:100%;height:100%;overflow:hidden}
@media(max-height:820px) and (min-width:1000px){.product-tile.is-wide.h3c-suite{padding:var(--space-4);gap:var(--space-3)}.suite-heading h3{font-size:24px}.suite-links a{padding:var(--space-2) var(--space-1)}.brand-copy-wrap{max-width:36%}}
@media(max-width:999px){.brand-copy-wrap{max-width:none;width:85%}.brand-media,.brand-media.is-device{inset:0}.product-tile.is-wide.h3c-suite{min-height:500px}.h3c-suite .product-visual{min-height:200px}}
@media(max-width:600px){.suite-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.product-tile:hover .product-visual{transform:none}}

.product-tile:active,.suite-links a:active{opacity:.88}