/* Private preview: tighten only the desktop hero composition. */
@media (min-width: 701px) {
  .brand-hero {
    --identity-room: clamp(430px, calc(70svh - var(--header)), 560px);
    height: calc(var(--identity-room) * 1.25 + var(--header));
  }
  .brand-stage {
    width: min(88%, 1160px);
    margin-inline: auto;
    grid-template-columns: max-content minmax(0, 1fr);
    column-gap: clamp(24px, 3vw, 44px);
    padding: 16px 0 40px;
  }
  .brand-art { max-width: 600px; margin: 0; }
  .hero-down { left: 0; bottom: 8px; }
  .motion-off .brand-hero,
  .identity-short .brand-hero { height: auto; }
}
@media (min-width: 701px) and (prefers-reduced-motion: reduce) {
  .brand-hero { height: auto; }
}