/* Statement — V0.1 Home grey band: text at x45/y+100, 847 wide, Ekstra 65/120% -6%;
   quote 155 below the text, right-aligned to the content edge; band ends 150 below it. */
.block--statement .statement__text {
  max-width: 13.1em;              /* 847px at 65px: keeps the comp's line breaks */
  line-height: 1.2;               /* V0.1: 120% (Display/3 is 110%) */
  letter-spacing: -0.06em;        /* V0.1 */
}
.block--statement .statement__text a { color: var(--ink-accent); } /* text blue: brand blue measured 2.75:1 on the grey band (Tucker, A11Y-2, 2026-09-22) */
/* V0.1 sets ® with the SUPS feature: small, hanging off the cap height. */
.block--statement .statement__text sup { font-size: 0.45em; line-height: 0; vertical-align: 0.85em; margin-left: 0.04em; }
:where([data-input="mouse"], .no-js) .block--statement .statement__text a:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.12em; }
.block--statement .statement__quotes { margin-top: var(--space-160); justify-self: end; width: min(100%, 481px); /* V0.1 */ display: grid; }
/* Taking turns: every testimonial sits in the same cell; the tallest sets the height. */
.block--statement .statement__quotes > .quote { grid-area: 1 / 1; width: auto; }

/* Scroll reveal: statement.js splits words into .w and drives each one's opacity.
   Black at 20% on the grey band lands on the comp's #C5C5C5; so does link blue, greyed, at 45%. */
.block--statement .statement__text.is-split .w { opacity: 0.2; }
.block--statement .statement__text.is-split a .w { opacity: 0.45; filter: grayscale(1); }

@media (max-width: 767px) {
  .block--statement .statement__text br { display: none; }
  /* The testimonials step right, as the quote module does (mobile experience, 2026-09-30). */
  .block--statement .statement__quotes { margin-top: calc(var(--space-80) + var(--space-32)); /* +32 air (Nick, 2026-09-26) */ width: 86%; }
}