/*
 * Statement and quote (plan-quote-bnr): on dark teal, centred, a heading, a paragraph, a quote in italic serif and
 * a strapline in spaced capitals (Partnership's "Planning ahead").
 */

.wp-block-group.plan-pattern.plan-pattern--quote-bnr {
  margin: 0;
  padding: 0;
  border-radius: 0;
  background: var(--teal-darker);
  color: var(--white);
}

.plan-pattern--quote-bnr .wp-block-group__inner-container {
  display: contents;
}

.plan-pattern--quote-bnr .plan-pattern__quote-bnr-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 64px 24px;
  text-align: center;
}

.plan-pattern--quote-bnr .plan-pattern__quote-bnr-heading {
  margin: 0;
  color: var(--white);
  font-family: "DM Serif Display", Georgia, serif;
  font-size: clamp(30px, 3.8vw, 38px);
  font-weight: 400;
  line-height: 1.15;
  text-transform: none;
}

.plan-pattern--quote-bnr .plan-pattern__quote-bnr-text {
  max-width: 760px;
  margin: 0;
  color: var(--teal-light);
  font-size: 17px;
  line-height: 1.6;
}

.plan-pattern--quote-bnr .plan-pattern__quote-bnr-quote {
  margin: 8px 0 0;
  color: var(--white);
  font-family: "DM Serif Display", Georgia, serif;
  font-size: 22px;
  font-style: italic;
}

.plan-pattern--quote-bnr .plan-pattern__quote-bnr-strapline {
  margin: 0;
  color: var(--teal);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

/* Phones */

@media (max-width: 700px) {
  .plan-pattern--quote-bnr .plan-pattern__quote-bnr-inner {
    padding: 48px 16px;
  }
}