[data-section="04-wrote-girlboss"] {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  height: calc(var(--spacing) * 473);
  overflow: hidden;
  background: var(--ds-color-bg-inverse);
  color: var(--ds-color-text-inverse);
  font-family: var(--ds-font-body);
  font-size: var(--ds-type-base-size);
  font-weight: var(--ds-type-base-font-weight);
  line-height: var(--ds-type-base-line-height);
}

[data-section="04-wrote-girlboss"] *,
[data-section="04-wrote-girlboss"] *::before,
[data-section="04-wrote-girlboss"] *::after {
  box-sizing: border-box;
}

[data-section="04-wrote-girlboss"] .home-book__snippet {
  position: absolute;
  z-index: var(--ds-layer-control);
  left: var(--space-16);
  bottom: var(--space-16);
  width: calc(var(--spacing) * 100);
}

[data-section="04-wrote-girlboss"] .home-book__caption {
  font-size: var(--ds-type-caption-size);
  font-weight: var(--ds-type-base-font-weight);
  line-height: var(--ds-type-caption-line-height);
  letter-spacing: var(--ds-type-caption-letter-spacing);
  text-transform: uppercase;
}

[data-section="04-wrote-girlboss"] .home-book__container {
  width: 100%;
  max-width: calc(var(--spacing) * 800);
  height: 100%;
  margin-inline: auto;
  padding-inline: var(--space-8);
}

[data-section="04-wrote-girlboss"] .home-book__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(var(--space-32) * 2 + var(--space-24) + var(--spacing));
  width: 100%;
  min-width: 0;
  min-height: calc(var(--spacing) * 360);
  padding-top: calc(var(--space-32) * 2 + var(--space-8));
  padding-bottom: 108vw;
}

[data-section="04-wrote-girlboss"] .home-book__top {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: calc(var(--spacing) * 70.03125);
}

[data-section="04-wrote-girlboss"] .home-book__top-left {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  width: 100%;
}

[data-section="04-wrote-girlboss"] .home-book__eyebrow {
  width: calc(var(--spacing) * 150.5);
  padding-top: var(--space-4);
  font-size: var(--ds-type-book-eyebrow-size);
  font-weight: var(--ds-type-3xl-font-weight);
  line-height: var(--ds-type-3xl-line-height);
  text-align: justify;
  text-align-last: justify;
  text-transform: uppercase;
  white-space: nowrap;
}

[data-section="04-wrote-girlboss"] .home-book__title {
  font-size: var(--ds-type-book-title-size);
  font-weight: var(--ds-type-4xl-font-weight);
  line-height: var(--ds-type-4xl-line-height);
  text-transform: uppercase;
  white-space: nowrap;
}

[data-section="04-wrote-girlboss"] .home-book__top-left-main {
  width: calc(var(--spacing) * 150.5);
}

[data-section="04-wrote-girlboss"] .home-book__top-right {
  flex: none;
}

[data-section="04-wrote-girlboss"] .home-book__dot-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: calc(var(--ds-type-4xl-size) - var(--ds-type-base-size) + var(--spacing));
  height: calc(var(--ds-type-4xl-size) - var(--ds-type-base-size) + var(--spacing));
}

[data-section="04-wrote-girlboss"] .home-book__bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: calc(var(--spacing) * 114);
}

[data-section="04-wrote-girlboss"] .home-book__repeat {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

[data-section="04-wrote-girlboss"] .home-book__repeat > div {
  padding-top: var(--space-4);
  font-size: var(--ds-type-3xl-size);
  font-weight: var(--ds-type-3xl-font-weight);
  line-height: var(--ds-type-3xl-line-height);
  text-transform: uppercase;
}

[data-section="04-wrote-girlboss"] .home-book__cover {
  position: absolute;
  top: calc(var(--space-32) * 12 + var(--space-16));
  left: calc(var(--space-16) + var(--spacing));
  width: 100%;
  transform: translateY(0) rotate(0);
  transform-origin: center;
}

[data-section="04-wrote-girlboss"] .home-book__cover img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media screen and (min-width: 26.625rem) {
  [data-section="04-wrote-girlboss"] {
    height: auto;
    min-height: calc(var(--spacing) * 540);
  }

  [data-section="04-wrote-girlboss"] .home-book__inner {
    gap: calc(var(--space-32) * 5 + var(--space-16) + var(--space-4));
    min-height: calc(var(--spacing) * 540);
    padding-top: calc(var(--space-32) * 4);
  }
}

@media screen and (min-width: 48rem) {
  [data-section="04-wrote-girlboss"] {
    min-height: calc(var(--spacing) * 675);
  }

  [data-section="04-wrote-girlboss"] .home-book__container {
    padding-inline: var(--space-16);
  }

  [data-section="04-wrote-girlboss"] .home-book__inner {
    min-height: calc(var(--spacing) * 675);
    padding-top: calc(var(--space-32) * 6);
    padding-bottom: calc(var(--space-32) * 6);
  }
}

@media screen and (min-width: 64rem) {
  [data-section="04-wrote-girlboss"] {
    height: calc(var(--spacing) * 675);
    overflow: visible;
  }

  [data-section="04-wrote-girlboss"] .home-book__inner {
    gap: calc(var(--space-32) * 5 + var(--space-16) + var(--space-4));
    height: 100%;
  }

  [data-section="04-wrote-girlboss"] .home-book__top {
    flex-wrap: nowrap;
    align-content: normal;
    height: auto;
  }

  [data-section="04-wrote-girlboss"] .home-book__top-left {
    flex: 0 0 calc(var(--space-32) * 18 + var(--space-8) + (var(--spacing) / 2));
    gap: var(--space-4);
    width: calc(var(--space-32) * 18 + var(--space-8) + (var(--spacing) / 2));
  }

  [data-section="04-wrote-girlboss"] .home-book__eyebrow,
  [data-section="04-wrote-girlboss"] .home-book__top-left-main {
    width: 100%;
  }

  [data-section="04-wrote-girlboss"] .home-book__eyebrow {
    font-size: var(--ds-type-3xl-size);
  }

  [data-section="04-wrote-girlboss"] .home-book__title {
    font-size: var(--ds-type-book-title-size-desktop);
  }

  [data-section="04-wrote-girlboss"] .home-book__dot-wrap {
    align-self: flex-start;
    width: var(--ds-type-4xl-size);
    height: var(--ds-type-4xl-size);
    margin-top: calc(var(--space-32) + var(--space-16) - var(--space-4));
  }

  [data-section="04-wrote-girlboss"] .home-book__bottom {
    height: calc(var(--space-32) * 15 - var(--spacing));
  }

  [data-section="04-wrote-girlboss"] .home-book__repeat > div {
    font-size: var(--ds-type-4xl-size);
    font-weight: var(--ds-type-4xl-font-weight);
    line-height: var(--ds-type-4xl-line-height);
  }

  [data-section="04-wrote-girlboss"] .home-book__cover {
    top: calc(var(--space-32) * 16 + var(--space-8));
    left: calc(var(--space-32) * 9);
    width: calc(var(--space-32) * 17 + var(--space-4) + var(--spacing));
    transform: translateY(0) rotate(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-section="04-wrote-girlboss"] .home-book__dot-wrap,
  [data-section="04-wrote-girlboss"] .home-book__repeat > div,
  [data-section="04-wrote-girlboss"] .home-book__cover {
    animation: none;
    transition: none;
  }
}