/* Brand Governance & Retrofit Protocol v2: exact approved integrated C/1 assets.
   Existing brand slots retain their dimensions; campaign styling stays intact. */
.brand {
  --brand-width: 256px;
  display: block;
  position: relative;
  flex-shrink: 0;
  width: var(--brand-width);
  height: calc(var(--brand-width) * 324 / 1584);
}
.brand-logo {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  height: auto;
}
.footer-identity { flex-shrink: 0; color: #102C44; }
.footer-identity .brand { display: inline-block; }
.footer-identity .campaign-line { margin: 10px 0 0; font-size: .8125rem; line-height: 1.6; }
.footer-identity .source-handle { margin: 4px 0 0; font-size: .875rem; line-height: 1.5; font-weight: 600; }
.reel-brand {
  display: flex;
  align-items: center;
  height: calc(190px * 324 / 1584 + 8px + 18px);
  color: #102C44;
  letter-spacing: 0;
}
.reel-brand img { display: block; width: 228px; max-width: 100%; height: auto; }
@media (max-width: 1100px) { .header .brand { --brand-width: 230px; } }
@media (max-width: 600px) { .header .brand { --brand-width: 224px; } }
@media (max-width: 360px) { .header .brand { --brand-width: 200px; } }