/* Super Stubborn — Statement
   HANDGESCHREVEN (dit blok komt niet uit de mockup). Bouwt op de tokens en
   componenten uit assets/css/superstubborn.css; hier alleen de opbouw van deze
   sectie plus het vlechtmotief dat de zin omlijst. */

.ssx-statement{
  text-align:center;
}

.ssx-statement__inner{
  display:grid;
  justify-items:center;
}

/* Het vlechtwerk boven en onder het statement. De tegel herhaalt alleen
   horizontaal en staat verticaal gecentreerd, dus de strook mag elke hoogte
   krijgen zonder dat het motief uitrekt.

   Gekozen door David (28-08): de variant met de oranje streng, die het accent van
   het merk meepakt waar de volledig beige versie bij deze typegrootte wegviel.
   In tweede ronde dunner en strakker gezet: kortere lussen en een smallere
   streng, want de eerste opzet oogde te breed en te uitgerekt. */
.ssx-statement__braid{
  width:100%;
  height:28px;
  background-image:var(--ss-braid-accent);
  background-repeat:repeat-x;
  background-position:center;
  background-size:auto 28px;
}

.ssx-statement__eyebrow{
  margin:var(--ss-sp-7) 0 0;
}

.ssx-statement__line{
  margin:var(--ss-sp-5) 0 0;
  max-width:16ch;
  text-wrap:balance;
}

/* De twee regels onder elkaar: "I know" boven, het cursieve accent eronder. Dat
   is de opmaak van de banner, hier rustiger en zonder foto. */
.ssx-statement__line > span{
  display:block;
}

.ssx-statement__lead{
  margin:var(--ss-sp-5) 0 0;
  max-width:46ch;
  color:var(--ss-text-muted);
}

.ssx-statement__cta{
  margin:var(--ss-sp-6) 0 0;
}

.ssx-statement__braid--foot{
  margin-top:var(--ss-sp-7);
}