/* Homepage only: a compact editorial introduction followed by one statement. */
.built-statements {
  background: var(--cream);
  height: auto;
  min-height: 0;
  padding: clamp(7rem, 12vw, 11rem) 0 clamp(7.5rem, 13vw, 12rem);
  overflow: visible;
}

.built-statements > .shell {
  width: min(100% - clamp(48px, 11vw, 200px), 1120px);
  display: block;
  position: static;
  height: auto;
}

.built-for__intro {
  display: grid;
  gap: .22rem;
  width: fit-content;
  padding-bottom: clamp(2.2rem, 4vw, 3.8rem);
  margin: 0 0 clamp(2.4rem, 5vw, 4.8rem);
  border-bottom: 1px solid var(--line);
}

.built-for__intro-line {
  margin: 0;
  color: var(--ink);
  font: 400 clamp(.86rem, 1.05vw, 1.05rem)/1.22 var(--type-editorial, "Playfair Display", Georgia, serif);
  letter-spacing: .07em;
  text-transform: uppercase;
}

.built-for__statement {
  max-width: 21ch;
  margin: 0;
  color: var(--ink);
  font: 400 clamp(2.5rem, 4.6vw, 4.75rem)/.97 var(--type-editorial, "Playfair Display", Georgia, serif);
  letter-spacing: -.055em;
  text-transform: uppercase;
}

html.js .built-statements.campaign-ready .built-for__intro-line,
html.js .built-statements.campaign-ready .built-for__statement {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 1s cubic-bezier(.22,1,.36,1), transform 1s cubic-bezier(.22,1,.36,1);
}

html.js .built-statements.campaign-ready.campaign-revealed .built-for__intro-line,
html.js .built-statements.campaign-ready.campaign-revealed .built-for__statement {
  opacity: 1;
  transform: translateY(0);
}

html.js .built-statements.campaign-ready.campaign-revealed .built-for__intro-line:nth-child(2) { transition-delay: .12s; }
html.js .built-statements.campaign-ready.campaign-revealed .built-for__intro-line:nth-child(3) { transition-delay: .24s; }
html.js .built-statements.campaign-ready.campaign-revealed .built-for__statement { transition-delay: .42s; }

@media (max-width: 760px) {
  .built-statements { padding: 5.5rem 0 6.25rem; }
  .built-statements > .shell { width: min(100% - 48px, 620px); }
  .built-for__intro { padding-bottom: 2rem; margin-bottom: 2.5rem; }
  .built-for__intro-line { font-size: clamp(.78rem, 3.2vw, .94rem); }
  .built-for__statement { max-width: 18ch; font-size: clamp(2.15rem, 9.4vw, 3.5rem); line-height: 1; }
}

@media (prefers-reduced-motion: reduce) {
  html.js .built-statements.campaign-ready .built-for__intro-line,
  html.js .built-statements.campaign-ready .built-for__statement { opacity: 1; transform: none; transition: none; }
}