/* ============================================================
   BRAND IN USE PAGE
   ============================================================ */

/* Living System: constrain container to standard 933×451 desktop frame */
#living .logo-img-block {
  aspect-ratio: 933 / 451;
}

/* Web mobile video: hidden by default, shown only at mobile */
.logo-img-block .video--mob { display: none; }

/* ──────────────────────────────────────────────────────────
   TABLET (441px – 999px)
   ────────────────────────────────────────────────────────── */

@media (max-width: 999px) {

  /* Living System: fixed height at tablet, matching other media blocks */
  #living .logo-img-block {
    aspect-ratio: auto;
    height: 451px;
  }
}

/* ──────────────────────────────────────────────────────────
   MOBILE (≤ 440px)
   ────────────────────────────────────────────────────────── */

@media (max-width: 440px) {

  /* Section spacing: 40px gap between header and content */
  .view--brand-in-use .section-block { gap: 40px; }

  /* Media stacks: 16px inset */
  .view--brand-in-use .media-stack { padding: 0 16px; }

  /* Web section: swap to mobile video */
  .logo-img-block .video--dsk { display: none; }
  .logo-img-block .video--mob { display: block; }
}