.brand-mark{display:block;flex:0 0 auto;border-radius:9px}
.hero-identity{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;width:100%;min-width:0;padding:14px 15px;border:1px solid var(--glaze-line);border-radius:20px;background:color-mix(in srgb,var(--glaze-surface-strong) 86%,transparent);box-shadow:var(--glaze-shadow-soft)}
.hero-identity img{display:block;width:62px;height:auto}.hero-identity div{min-width:0;display:grid;gap:2px}.hero-identity strong{font-size:17px}.hero-identity span{color:var(--glaze-muted);font-size:12.5px;font-weight:700;line-height:1.25}
.identity-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}.identity-card{padding:24px;display:grid;align-content:space-between;gap:24px;min-height:340px;overflow:hidden}.identity-card img{display:block;max-width:100%;height:auto;margin:auto}.identity-mark-card img{width:min(220px,60vw)}.identity-lockup-card img{width:min(600px,100%)}.identity-card h3{margin-bottom:8px}.identity-card p,.identity-note{color:var(--glaze-muted);line-height:1.6}.identity-note{margin:18px 0 0;padding:16px 18px;border-left:3px solid var(--glaze-accent);background:var(--glaze-surface-muted);border-radius:0 var(--glaze-radius-md) var(--glaze-radius-md) 0}
.footer-identity{display:flex;align-items:center;gap:10px}.footer-identity img{display:block;width:30px;height:30px;border-radius:9px}.footer-identity p{margin-top:4px}
@media(min-width:700px){.hero-identity{width:min(100%,440px);padding:16px 18px}.hero-identity img{width:76px}.identity-grid{grid-template-columns:1fr}.identity-card{min-height:0}}
@media(min-width:980px){.hero-identity{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;grid-template-columns:1fr;justify-items:center;gap:10px;min-width:200px;width:auto;padding:20px}.hero-identity img{width:132px}.hero-identity div{justify-items:center}.hero-identity strong{font-size:18px}.hero-identity span{font-size:13px}.identity-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.identity-card{min-height:340px}.footer-identity{gap:12px}.footer-identity img{width:34px;height:34px}}

/* Design Center header identity contract.
 * Content sections remain on the 1180px reading shell, while the desktop header
 * gets a wider composition rail so the official product identity never degrades
 * into an unexplained ellipsis beside navigation and appearance controls. */
@media(min-width:901px) and (max-width:1279px){
  .site-header .nav-wrap{width:min(1248px,calc(100% - 32px));grid-template-columns:auto minmax(0,1fr) auto}
  .site-header .brand{overflow:visible}
  .site-header .brand-label-long{display:none}
  .site-header .brand-label-short{display:inline-block;white-space:nowrap}
}
@media(min-width:1280px){
  .site-header .nav-wrap{width:min(1360px,calc(100% - 40px));grid-template-columns:auto minmax(0,1fr) auto}
  .site-header .brand{overflow:visible}
  .site-header .brand-label-long{display:inline-block;min-width:auto;overflow:visible;text-overflow:clip;white-space:nowrap}
  .site-header .brand-label-short{display:none}
  .site-header nav{min-width:0}
}
@media(forced-colors:active){.brand-mark,.hero-identity img,.identity-card img,.footer-identity img{forced-color-adjust:none}.hero-identity,.identity-note{border-color:CanvasText}}