/* Corporate brand site — viewport breakpoints only. Desktop rules stay in brand.css. */

@media (max-width: 960px) {
  .brand-header .header-shop-cta { padding: 8px 12px; font-size: 13px; }
  .brand-split, .brand-grid, .brand-contact { grid-template-columns: 1fr; }
  .brand-hero { padding: 48px 0 56px; }
  .brand-section { padding: 48px 0; }
  .brand-hero-visual { margin-top: 24px; }
  .brand-hero-visual img { max-height: 220px; }
}

@media (max-width: 640px) {
  .brand-lead { font-size: 15px; }
  .brand-cta { padding: 40px 0 64px; }
  .brand-hero h1 { font-size: 30px; }
  .brand-grid article { padding: 18px; }
}

@media (max-width: 480px) {
  .brand-hero { padding: 36px 0 40px; }
  .brand-hero-visual img { max-height: 180px; }
}