.learn-craft {
  z-index: 8;
  height: 100dvh;
  color: var(--page-ink);
  display: flex;
  justify-content: center;
  align-items: center;
}

.learn-craft__copy {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: clamp(20px, 10dvw, 100px);

}

.learn-craft__headline {
  font-weight: 500;
  font-size: clamp(20px, 2dvw, 100px);
  color: var(--page-paper);
  letter-spacing: -6%;
  mix-blend-mode: difference;
  
}



.learn-craft__body {
  font-weight: 500;
  font-size: clamp(16px, 1.5dvw, 100px);
  color: var(--page-paper);
  letter-spacing: -6%;
  margin-bottom: clamp(20px, 2dvw, 100px);
  mix-blend-mode: difference;
}
.learn-craft__body-wrapper{
  width: clamp(200px, 30dvw, 1000px);

}

@media (max-width: 720px) {
  .learn-craft {
    height: 100dvh;
    padding: clamp(16px, 3vw, 24px);
    
  }
  .learn-craft__body{
    font-weight: 400;

  }

  .learn-craft__copy {
    flex-direction: column;
    gap: clamp(16px, 3vw, 24px);
    align-items: flex-start;
  }

  .learn-craft__body-wrapper {
    width: 100%;
  }
}