/* --- Tenant logos ("Who we work with") ---
   Same section rhythm as the rest of the site: 26px from the top rule to
   content, 180px before the next section's rule. */

/* ============================== Tenants ============================== */

.cc-tenants {
  width: 100%;
  max-width: var(--cc-max-width);
  margin: 0 auto;
  padding: 110px var(--cc-gutter) 0;
}

.cc-tenants__divider {
  height: 1px;
  background: var(--cc-newsprint);
  margin-bottom: 26px;
}

.cc-tenants__heading {
  font-family: var(--cc-font-heading);
  font-weight: 400;
  font-size: 30px;
  line-height: 1.2;
  color: var(--cc-ink);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cc-tenants__intro {
  font-family: var(--cc-font-body);
  font-size: 14px;
  line-height: 1.48;
  color: var(--cc-ink-2);
  max-width: 620px;
  margin-top: 16px;
}

.cc-tenants__list {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 38px 62px;
  margin: 52px 0 0;
  padding: 0;
}

.cc-tenants__item {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.cc-tenants__logo {
  display: block;
  width: auto;
  object-fit: contain;
}

/* Optical heights — a square 7-Eleven mark against a 5:1 Guzman wordmark. */
.cc-tenants__logo--mcdonalds    { height: 52px; }
.cc-tenants__logo--guzman       { height: 28px; }
.cc-tenants__logo--bunnings     { height: 35px; }
.cc-tenants__logo--petbarn      { height: 35px; }
.cc-tenants__logo--tradelink    { height: 33px; }
.cc-tenants__logo--seven-eleven { height: 54px; }
.cc-tenants__logo--woolworths   { height: 52px; }
.cc-tenants__logo--caltex       { height: 36px; }
.cc-tenants__logo--goodstart    { height: 54px; }

@media (max-width: 768px) {
  .cc-tenants {
    padding-top: 70px;
  }

  .cc-tenants__list {
    gap: 28px 42px;
    margin-top: 34px;
  }
}