.decksical-home-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-block: 1rem 3rem;
  padding: clamp(1.5rem, 5vw, 3rem) 1rem;
  border-radius: 1rem;
  background: color-mix(
    in srgb,
    var(--md-primary-fg-color) 8%,
    var(--md-default-bg-color)
  );
  text-align: center;
}

.decksical-home-hero__logo {
  width: clamp(4rem, 9vw, 6rem);
  height: auto;
}

.decksical-home-hero h1,
.decksical-home-hero p {
  margin: 0;
}

.decksical-home-hero p {
  max-width: 42rem;
  font-size: 1.15rem;
}