[data-story-item] {
  grid-column-end: span calc(
    4 * var(--_responsive---large) +
    4 * var(--_responsive---medium) +
    6 * var(--_responsive---small) +
    10 * var(--_responsive---xsmall)
  );
}

[data-story-item="heading-start"] {
  grid-column-start: calc(
    1 * var(--_responsive---large) +
    1 * var(--_responsive---medium) +
    4 * var(--_responsive---small) +
    2 * var(--_responsive---xsmall)
  );
}

[data-story-item="image"] {
  grid-column-start: calc(
    5 * var(--_responsive---large) +
    5 * var(--_responsive---medium) +
    4 * var(--_responsive---small) +
    2 * var(--_responsive---xsmall)
  );
}

[data-story-item="heading-end"] {
  grid-column-start: calc(
    9 * var(--_responsive---large) +
    9 * var(--_responsive---medium) +
    4 * var(--_responsive---small) +
    2 * var(--_responsive---xsmall)
  );
}

  
[data-max-width="reduce-xsmall"] {
  max-width: calc(var(--number) * 1ch);
}


  
[data-hero-title="absolute-bottom"] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

  [data-hero-title="absolute-top"] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2;
}


[data-visual-nav]{
  max-width: var();
}