/* The German slogan keeps two deliberate lines at the original composition. */
html[lang="de"] .hero .display {
  font-size: clamp(3.6rem, 8.7vw, 9rem);
}

/* Keep the German save label inside the button without reducing its type. */
html[lang="de"] .session-button-bg {
  x: 530px;
  width: 232px;
}
html[lang="de"] .session-button-text {
  font-size: 18px;
}
html[lang="de"] .session-label--save {
  transform: translateX(-32px);
}
html[lang="de"] .session-label--saved > :is(.session-saved-check, .session-button-text) {
  transform: translateX(-40px);
}
/* Hide before the picker enters; restore only after its cards have left. */
html[lang="de"] .has-diagram-motion .session-action {
  animation-name: session-action-de;
}
@keyframes session-action-de {
  0%, 13.71429%, 32.38095%, 58.38095%, 79.33333%, 100% { opacity: 1; }
  15.2381%, 30.47619%, 60.66667%, 77.42857% { opacity: 0; }
}
@media (max-width: 740px) {
  html[lang="de"] .hero .display {
    font-size: 9vw;
  }
  html[lang="de"] .page-title,
  html[lang="de"] .access-copy .page-title {
    font-size: clamp(2.35rem, 12vw, 3rem);
    font-stretch: 100%;
  }
}